@atipicus/mrs-ui 1.0.2 → 2.0.1

package/dist/theme/styleCompositions.d.ts

@@ -0,0 +1,281 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+/**
+ * Style composition factory for creating reusable patterns
+ */
+export declare const styleCompositions: {
+    /**
+     * Button style compositions
+     * Used by: MuiButton, MuiFab, MuiToggleButton
+     */
+    button: {
+        /**
+         * Base button styles
+         */
+        base: () => CSSObject;
+        /**
+         * Button size variants
+         */
+        sizes: {
+            small: {
+                fontSize: string;
+                padding: string;
+            };
+            medium: {
+                fontSize: string;
+                padding: string;
+            };
+            large: {
+                fontSize: string;
+                padding: string;
+            };
+        };
+        /**
+         * Button state styles
+         */
+        states: {
+            disabled: () => SxProps<Theme>;
+        };
+    };
+    /**
+     * Input style compositions
+     * Used by: MuiTextField, MuiOutlinedInput, MuiFilledInput, MuiInput
+     */
+    input: {
+        /**
+         * Base input styles
+         */
+        base: () => CSSObject;
+        /**
+         * Input size variants
+         */
+        sizes: {
+            small: {
+                fontSize: string;
+                padding: string;
+            };
+            medium: {
+                fontSize: string;
+                padding: string;
+            };
+            large: {
+                fontSize: string;
+                padding: string;
+            };
+        };
+        /**
+         * Input state styles
+         */
+        states: {
+            disabled: (theme: Theme) => SxProps<Theme>;
+            error: (theme: Theme) => SxProps<Theme>;
+            focused: (theme: Theme) => SxProps<Theme>;
+        };
+    };
+    /**
+     * Surface style compositions
+     * Used by: MuiCard, MuiPaper, MuiDialog
+     */
+    surface: {
+        /**
+         * Base surface styles
+         */
+        base: (theme: Theme) => SxProps<Theme>;
+        /**
+         * Surface elevation variants
+         */
+        elevations: {
+            none: {
+                boxShadow: string;
+            };
+            low: {
+                boxShadow: (theme: Theme) => string;
+            };
+            medium: {
+                boxShadow: (theme: Theme) => string;
+            };
+            high: {
+                boxShadow: (theme: Theme) => string;
+            };
+        };
+    };
+    /**
+     * List item style compositions
+     * Used by: MuiListItem, MuiListItemButton
+     */
+    listItem: {
+        /**
+         * Base list item styles
+         */
+        base: () => CSSObject;
+        /**
+         * List item state styles
+         */
+        states: {
+            selected: (theme: Theme) => SxProps<Theme>;
+            hover: (theme: Theme) => SxProps<Theme>;
+            disabled: () => SxProps<Theme>;
+        };
+    };
+    /**
+     * Chip style compositions
+     * Used by: MuiChip
+     */
+    chip: {
+        /**
+         * Base chip styles
+         */
+        base: () => CSSObject;
+        /**
+         * Chip size variants
+         */
+        sizes: {
+            small: {
+                fontSize: string;
+                padding: string;
+            };
+            medium: {
+                fontSize: string;
+                padding: string;
+            };
+        };
+        /**
+         * Chip state styles
+         */
+        states: {
+            disabled: () => SxProps<Theme>;
+        };
+    };
+    /**
+     * Alert and feedback style compositions
+     * Used by: MuiAlert, MuiSnackbar
+     */
+    feedback: {
+        /**
+         * Base feedback styles
+         */
+        base: () => SxProps<Theme>;
+        /**
+         * Alert severity variants
+         */
+        variants: {
+            success: (theme: Theme) => SxProps<Theme>;
+            warning: (theme: Theme) => SxProps<Theme>;
+            error: (theme: Theme) => SxProps<Theme>;
+            info: (theme: Theme) => SxProps<Theme>;
+        };
+    };
+    /**
+     * Common state compositions
+     * Used across multiple components
+     */
+    states: {
+        /**
+         * Focus state - applies consistent focus styling
+         */
+        focus: (theme: Theme) => SxProps<Theme>;
+        /**
+         * Hover state - applies consistent hover styling
+         */
+        hover: (theme: Theme) => SxProps<Theme>;
+        /**
+         * Active/selected state
+         */
+        active: (theme: Theme) => SxProps<Theme>;
+        /**
+         * Disabled state - applies consistent disabled styling
+         */
+        disabled: () => SxProps<Theme>;
+        /**
+         * Loading state - subtle opacity reduction
+         */
+        loading: () => SxProps<Theme>;
+    };
+    /**
+     * Typography weight shortcuts
+     */
+    typography: {
+        bold: {
+            fontWeight: number;
+        };
+        semiBold: {
+            fontWeight: number;
+        };
+        medium: {
+            fontWeight: number;
+        };
+        regular: {
+            fontWeight: number;
+        };
+        light: {
+            fontWeight: number;
+        };
+    };
+    /**
+     * Spacing shortcuts
+     * Note: Use MUI spacing() function for responsive values
+     */
+    spacing: {
+        compact: {
+            padding: string;
+            gap: string;
+        };
+        normal: {
+            padding: string;
+            gap: string;
+        };
+        comfortable: {
+            padding: string;
+            gap: string;
+        };
+        spacious: {
+            padding: string;
+            gap: string;
+        };
+    };
+    /**
+     * Border radius shortcuts
+     */
+    borderRadius: {
+        sharp: {
+            borderRadius: number;
+        };
+        small: {
+            borderRadius: number;
+        };
+        medium: {
+            borderRadius: number;
+        };
+        large: {
+            borderRadius: number;
+        };
+        rounded: {
+            borderRadius: number;
+        };
+    };
+    /**
+     * Flexbox and layout compositions
+     */
+    layout: {
+        /**
+         * Flex row with centered items
+         */
+        flexRowCenter: () => SxProps<Theme>;
+        /**
+         * Flex column with centered items
+         */
+        flexColumnCenter: () => SxProps<Theme>;
+        /**
+         * Full width container
+         */
+        fullWidth: () => SxProps<Theme>;
+        /**
+         * Responsive container
+         */
+        responsiveContainer: () => SxProps<Theme>;
+    };
+};
+/**
+ * Type export for style compositions
+ */
+export type StyleComposition = typeof styleCompositions;
+//# sourceMappingURL=styleCompositions.d.ts.map

package/dist/theme/styleCompositions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleCompositions.d.ts","sourceRoot":"","sources":["../../src/theme/styleCompositions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGtE;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;;OAGG;;QAED;;WAEG;oBACO,SAAS;QAOnB;;WAEG;;;;;;;;;;;;;;;QAgBH;;WAEG;;4BAEa,OAAO,CAAC,KAAK,CAAC;;;IAQhC;;;OAGG;;QAED;;WAEG;oBACO,SAAS;QAKnB;;WAEG;;;;;;;;;;;;;;;QAgBH;;WAEG;;8BAEiB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;2BAIzB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;6BAIpB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;;;IAO3C;;;OAGG;;QAED;;WAEG;sBACW,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;QAMpC;;WAEG;;;;;;mCAGyB,KAAK;;;mCACF,KAAK;;;mCACP,KAAK;;;;IAIpC;;;OAGG;;QAED;;WAEG;oBACO,SAAS;QAKnB;;WAEG;;8BAEiB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;2BAIzB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;4BAGvB,OAAO,CAAC,KAAK,CAAC;;;IAQhC;;;OAGG;;QAED;;WAEG;oBACO,SAAS;QAMnB;;WAEG;;;;;;;;;;;QAYH;;WAEG;;4BAEa,OAAO,CAAC,KAAK,CAAC;;;IAOhC;;;OAGG;;QAED;;WAEG;oBACO,OAAO,CAAC,KAAK,CAAC;QAMxB;;WAEG;;6BAEgB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;6BAItB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;2BAIxB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;0BAIvB,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;;;IAOxC;;;OAGG;;QAED;;WAEG;uBACY,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;QAKrC;;WAEG;uBACY,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;QAKrC;;WAEG;wBACa,KAAK,KAAG,OAAO,CAAC,KAAK,CAAC;QAKtC;;WAEG;wBACW,OAAO,CAAC,KAAK,CAAC;QAM5B;;WAEG;uBACU,OAAO,CAAC,KAAK,CAAC;;IAO7B;;OAEG;;;;;;;;;;;;;;;;;;IASH;;;OAGG;;;;;;;;;;;;;;;;;;;IAQH;;OAEG;;;;;;;;;;;;;;;;;;IASH;;OAEG;;QAED;;WAEG;6BACgB,OAAO,CAAC,KAAK,CAAC;QAOjC;;WAEG;gCACmB,OAAO,CAAC,KAAK,CAAC;QAOpC;;WAEG;yBACY,OAAO,CAAC,KAAK,CAAC;QAI7B;;WAEG;mCACsB,OAAO,CAAC,KAAK,CAAC;;CAK1C,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,iBAAiB,CAAC"}

package/dist/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAgB,MAAM,sBAAsB,CAAC;AAglBhE;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAuBvB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBtB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,KAAK,OAAa,CAAC;AAEhC;;GAEG;;;;;AACH,wBAGE"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAgB,MAAM,sBAAsB,CAAC;AAsgBhE;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAyBvB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBtB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,KAAK,OAAa,CAAC;AAEhC;;GAEG;;;;;AACH,wBAGE"}

package/dist/theme/tokens-import.d.ts

@@ -172,6 +172,152 @@ export declare const lightTokens: {
             disabledBackground: string;
         };
         divider: string;
+        primitives: {
+            brand: {
+                veronesMain: string;
+                lima: string;
+            };
+            neutral: {
+                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;
+                };
+            };
+            status: {
+                error: {
+                    50: string;
+                    100: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                };
+                warning: {
+                    50: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                };
+                info: {
+                    50: string;
+                    100: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                };
+                success: {
+                    50: string;
+                    100: string;
+                    500: string;
+                    600: string;
+                    700: string;
+                    800: string;
+                };
+            };
+            alpha: {
+                black: {
+                    4: string;
+                    8: string;
+                    12: string;
+                    23: string;
+                    26: string;
+                    38: string;
+                    42: string;
+                    56: string;
+                    60: string;
+                    87: string;
+                };
+                white: {
+                    8: string;
+                    12: string;
+                    16: string;
+                    23: string;
+                    26: string;
+                    30: string;
+                    42: string;
+                    50: string;
+                    70: string;
+                    100: string;
+                };
+                primary: {
+                    8: string;
+                    12: string;
+                    16: string;
+                    25: string;
+                    '24-dark': string;
+                    '32-dark': string;
+                    '40-dark': string;
+                };
+            };
+            special: {
+                rating: string;
+            };
+        };
+        semantic: {
+            primary: {
+                main: string;
+                dark: string;
+                light: string;
+                contrastText: 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: {
@@ -447,4 +593,22 @@ export declare const darkTokens: {
         };
     };
 };
+export declare const sidenavTokens: {
+    light: {
+        borderRadius: number;
+        itemBackground: string;
+        itemSelectedBackground: string;
+        itemHoverBackground: string;
+        itemIconColor: string;
+        itemTextColor: string;
+    };
+    dark: {
+        borderRadius: number;
+        itemBackground: string;
+        itemSelectedBackground: string;
+        itemHoverBackground: string;
+        itemIconColor: string;
+        itemTextColor: string;
+    };
+};
 //# sourceMappingURL=tokens-import.d.ts.map

package/dist/theme/tokens-import.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens-import.d.ts","sourceRoot":"","sources":["../../src/theme/tokens-import.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsG5B,CAAC;AAKF,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC;AAOF,eAAO,MAAM,YAAY,UAA4D,CAAC;AAKtF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKvB,CAAC;AAKF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKtB,CAAC"}
+{"version":3,"file":"tokens-import.d.ts","sourceRoot":"","sources":["../../src/theme/tokens-import.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsG5B,CAAC;AAKF,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC;AAOF,eAAO,MAAM,YAAY,UAA4D,CAAC;AAKtF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmTvB,CAAC;AAKF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKtB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAiBzB,CAAC"}