@atipicus/mrs-ui 0.9.0 → 1.0.0

package/dist/{src/theme → theme}/tokens.d.ts

@@ -1,6 +1,6 @@
-import { default as themeTokens } from '../../theme.json';
+import { lightTokens, typographyTokens, shapeTokens, spacingArray } from './tokens-import';
 /**
- * Color tokens
+ * Color tokens (organized by light/dark mode)
  */
 export declare const colors: {
     light: {
@@ -9,12 +9,6 @@ export declare const colors: {
             dark: string;
             light: string;
             contrastText: string;
-            _states: {
-                hover: string;
-                selected: string;
-                focus: string;
-                focusVisible: string;
-            };
         };
         secondary: {
             main: string;
@@ -63,97 +57,6 @@ export declare const colors: {
             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: {
@@ -161,12 +64,6 @@ export declare const colors: {
             dark: string;
             light: string;
             contrastText: string;
-            _states: {
-                hover: string;
-                selected: string;
-                focus: string;
-                focusVisible: string;
-            };
         };
         secondary: {
             main: string;
@@ -215,101 +112,11 @@ export declare const colors: {
             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
+ * Includes font family, sizes, weights, and variant definitions
  */
 export declare const typography: {
     fontFamily: string;
@@ -395,7 +202,7 @@ export declare const typography: {
         fontSize: string;
         lineHeight: number;
         letterSpacing: string;
-        textTransform: string;
+        textTransform: "none";
     };
     caption: {
         fontFamily: string;
@@ -410,11 +217,11 @@ export declare const typography: {
         fontSize: string;
         lineHeight: number;
         letterSpacing: string;
-        textTransform: string;
+        textTransform: "uppercase";
     };
 };
 /**
- * Shape tokens (border radius)
+ * Shape tokens (border radius values)
  */
 export declare const shape: {
     borderRadius: number;
@@ -425,11 +232,234 @@ export declare const shape: {
     rounded: number;
 };
 /**
- * Spacing scale
+ * Spacing scale (8px base grid system)
+ * Array format: [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96]
  */
 export declare const spacing: number[];
 /**
- * Full theme tokens object
+ * Component-specific tokens
+ */
+export declare const components: {
+    light: {
+        alert: {
+            borderRadius: string;
+            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;
+                };
+            };
+        };
+        input: {
+            borderRadius: string;
+            standard: {
+                enabledBorder: string;
+            };
+            filled: {
+                enabledFill: string;
+            };
+            outlined: {
+                enabledBorder: string;
+            };
+        };
+        paper: {
+            elevation0: string;
+            elevation1: string;
+            elevation2: string;
+        };
+        chip: {
+            defaultCloseFill: string;
+            defaultEnabledBorder: string;
+        };
+        button: {
+            borderRadius: string;
+        };
+        card: {
+            borderRadius: string;
+        };
+        dialog: {
+            borderRadius: string;
+        };
+        table: {
+            border: string;
+            header: {
+                background: string;
+            };
+        };
+        rating: {
+            activeFill: string;
+            enabledBorder: string;
+        };
+    };
+    dark: {
+        alert: {
+            borderRadius: string;
+            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;
+                };
+            };
+        };
+        input: {
+            borderRadius: string;
+            standard: {
+                enabledBorder: string;
+            };
+            filled: {
+                enabledFill: string;
+            };
+            outlined: {
+                enabledBorder: string;
+            };
+        };
+        paper: {
+            elevation0: string;
+            elevation1: string;
+            elevation2: string;
+            elevation4: string;
+            elevation6: string;
+            elevation8: string;
+            elevation12: string;
+            elevation16: string;
+            elevation24: string;
+        };
+        chip: {
+            defaultCloseFill: string;
+            defaultEnabledBorder: string;
+        };
+        button: {
+            borderRadius: string;
+        };
+        card: {
+            borderRadius: string;
+        };
+        dialog: {
+            borderRadius: string;
+        };
+        table: {
+            border: string;
+            header: {
+                background: string;
+            };
+        };
+        rating: {
+            activeFill: string;
+            enabledBorder: string;
+        };
+    };
+};
+/**
+ * Full tokens object (for backwards compatibility)
+ * @deprecated Use named exports (colors, typography, shape, etc.) instead
  */
 export declare const tokens: {
     colorSchemes: {
@@ -440,12 +470,6 @@ export declare const tokens: {
                     dark: string;
                     light: string;
                     contrastText: string;
-                    _states: {
-                        hover: string;
-                        selected: string;
-                        focus: string;
-                        focusVisible: string;
-                    };
                 };
                 secondary: {
                     main: string;
@@ -494,97 +518,111 @@ export declare const tokens: {
                     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;
-                            };
+            };
+            _components: {
+                alert: {
+                    borderRadius: string;
+                    error: {
+                        filled: {
+                            background: string;
+                            foreground: string;
                         };
-                        info: {
-                            filled: {
-                                background: string;
-                                foreground: string;
-                            };
-                            outlined: {
-                                background: string;
-                                foreground: string;
-                                border: string;
-                            };
-                            standard: {
-                                background: string;
-                                foreground: string;
-                            };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
                         };
-                        success: {
-                            filled: {
-                                background: string;
-                                foreground: string;
-                            };
-                            outlined: {
-                                background: string;
-                                foreground: string;
-                                border: string;
-                            };
-                            standard: {
-                                background: string;
-                                foreground: string;
-                            };
+                        standard: {
+                            background: string;
+                            foreground: string;
                         };
                     };
-                    rating: {
-                        activeFill: string;
-                        enabledBorder: string;
-                    };
-                    chip: {
-                        defaultCloseFill: string;
-                        defaultEnabledBorder: string;
+                    warning: {
+                        filled: {
+                            background: string;
+                            foreground: string;
+                        };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
+                        standard: {
+                            background: string;
+                            foreground: string;
+                        };
                     };
-                    input: {
+                    info: {
+                        filled: {
+                            background: string;
+                            foreground: string;
+                        };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
                         standard: {
-                            enabledBorder: string;
+                            background: string;
+                            foreground: string;
                         };
+                    };
+                    success: {
                         filled: {
-                            enabledFill: string;
+                            background: string;
+                            foreground: string;
                         };
                         outlined: {
-                            enabledBorder: string;
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
+                        standard: {
+                            background: string;
+                            foreground: string;
                         };
                     };
-                    table: {
-                        border: string;
+                };
+                input: {
+                    borderRadius: string;
+                    standard: {
+                        enabledBorder: string;
                     };
-                    paper: {
-                        elevation0: string;
-                        elevation1: string;
-                        elevation2: string;
+                    filled: {
+                        enabledFill: string;
+                    };
+                    outlined: {
+                        enabledBorder: string;
+                    };
+                };
+                paper: {
+                    elevation0: string;
+                    elevation1: string;
+                    elevation2: string;
+                };
+                chip: {
+                    defaultCloseFill: string;
+                    defaultEnabledBorder: string;
+                };
+                button: {
+                    borderRadius: string;
+                };
+                card: {
+                    borderRadius: string;
+                };
+                dialog: {
+                    borderRadius: string;
+                };
+                table: {
+                    border: string;
+                    header: {
+                        background: string;
                     };
                 };
+                rating: {
+                    activeFill: string;
+                    enabledBorder: string;
+                };
             };
         };
         dark: {
@@ -594,12 +632,6 @@ export declare const tokens: {
                     dark: string;
                     light: string;
                     contrastText: string;
-                    _states: {
-                        hover: string;
-                        selected: string;
-                        focus: string;
-                        focusVisible: string;
-                    };
                 };
                 secondary: {
                     main: string;
@@ -648,97 +680,117 @@ export declare const tokens: {
                     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;
-                            };
+            };
+            _components: {
+                alert: {
+                    borderRadius: string;
+                    error: {
+                        filled: {
+                            background: string;
+                            foreground: string;
                         };
-                        info: {
-                            filled: {
-                                background: string;
-                                foreground: string;
-                            };
-                            outlined: {
-                                background: string;
-                                foreground: string;
-                                border: string;
-                            };
-                            standard: {
-                                background: string;
-                                foreground: string;
-                            };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
                         };
-                        success: {
-                            filled: {
-                                background: string;
-                                foreground: string;
-                            };
-                            outlined: {
-                                background: string;
-                                foreground: string;
-                                border: string;
-                            };
-                            standard: {
-                                background: string;
-                                foreground: string;
-                            };
+                        standard: {
+                            background: string;
+                            foreground: string;
                         };
                     };
-                    rating: {
-                        activeFill: string;
-                        enabledBorder: string;
-                    };
-                    chip: {
-                        defaultCloseFill: string;
-                        defaultEnabledBorder: string;
+                    warning: {
+                        filled: {
+                            background: string;
+                            foreground: string;
+                        };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
+                        standard: {
+                            background: string;
+                            foreground: string;
+                        };
                     };
-                    input: {
+                    info: {
+                        filled: {
+                            background: string;
+                            foreground: string;
+                        };
+                        outlined: {
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
                         standard: {
-                            enabledBorder: string;
+                            background: string;
+                            foreground: string;
                         };
+                    };
+                    success: {
                         filled: {
-                            enabledFill: string;
+                            background: string;
+                            foreground: string;
                         };
                         outlined: {
-                            enabledBorder: string;
+                            background: string;
+                            foreground: string;
+                            border: string;
+                        };
+                        standard: {
+                            background: string;
+                            foreground: string;
                         };
                     };
-                    table: {
-                        border: string;
+                };
+                input: {
+                    borderRadius: string;
+                    standard: {
+                        enabledBorder: string;
+                    };
+                    filled: {
+                        enabledFill: string;
+                    };
+                    outlined: {
+                        enabledBorder: string;
                     };
-                    paper: {
-                        elevation0: string;
-                        elevation1: string;
-                        elevation2: string;
+                };
+                paper: {
+                    elevation0: string;
+                    elevation1: string;
+                    elevation2: string;
+                    elevation4: string;
+                    elevation6: string;
+                    elevation8: string;
+                    elevation12: string;
+                    elevation16: string;
+                    elevation24: string;
+                };
+                chip: {
+                    defaultCloseFill: string;
+                    defaultEnabledBorder: string;
+                };
+                button: {
+                    borderRadius: string;
+                };
+                card: {
+                    borderRadius: string;
+                };
+                dialog: {
+                    borderRadius: string;
+                };
+                table: {
+                    border: string;
+                    header: {
+                        background: string;
                     };
                 };
+                rating: {
+                    activeFill: string;
+                    enabledBorder: string;
+                };
             };
         };
     };
@@ -826,7 +878,7 @@ export declare const tokens: {
             fontSize: string;
             lineHeight: number;
             letterSpacing: string;
-            textTransform: string;
+            textTransform: "none";
         };
         caption: {
             fontFamily: string;
@@ -841,7 +893,7 @@ export declare const tokens: {
             fontSize: string;
             lineHeight: number;
             letterSpacing: string;
-            textTransform: string;
+            textTransform: "uppercase";
         };
     };
     shape: {
@@ -857,8 +909,9 @@ export declare const tokens: {
 /**
  * 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;
+export type ColorScheme = typeof lightTokens.colors;
+export type ComponentTokens = typeof lightTokens.components;
+export type TypographyScale = typeof typographyTokens;
+export type ShapeTokens = typeof shapeTokens;
+export type SpacingScale = typeof spacingArray;
 //# sourceMappingURL=tokens.d.ts.map