@manuscripts/style-guide 3.7.2 → 3.7.3

package/dist/es/mui/components/IconButton/IconButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiIconButton from '@mui/material/IconButton';
+import { styled } from '@mui/material/styles';
+const IconButtonRoot = styled(MuiIconButton, {
+    shouldForwardProp: (prop) => prop !== 'bordered',
+})(({ theme, bordered }) => ({
+    svg: {
+        pointerEvents: 'none',
+    },
+    ...(bordered && {
+        border: '1px solid',
+        borderColor: theme.palette.grey[300],
+    }),
+}));
+export const IconButton = ({ bordered, danger, color, size = 'medium', ...props }) => (_jsx(IconButtonRoot, { color: danger ? 'error' : color, bordered: bordered, size: size, ...props }));

package/dist/es/mui/components/IconButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './IconButton';

package/dist/es/mui/components/InspectorToggleButton/InspectorToggleButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { IconButton } from '../IconButton';
+const InspectorToggleButtonRoot = styled(IconButton)(({ theme }) => ({
+    width: 40,
+    height: 40,
+    padding: 0,
+    backgroundColor: theme.palette.common.white,
+    color: theme.palette.grey[700],
+    borderRadius: '50%',
+    boxShadow: '0 0 8px 0 rgba(0, 0, 0, 0.12)',
+}));
+export const InspectorToggleButton = ({ size = 'medium', type = 'button', ...props }) => (_jsx(InspectorToggleButtonRoot, { size: size, type: type, ...props }));

package/dist/es/mui/components/InspectorToggleButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './InspectorToggleButton';

package/dist/es/mui/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiToggleButton from '@mui/material/ToggleButton';
+export const ToggleButton = ({ danger, size = 'medium', color, value = 'toggle', ...rest }) => (_jsx(MuiToggleButton, { value: value, color: danger ? 'error' : color, size: size, ...rest }));

package/dist/es/mui/components/ToggleButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './ToggleButton';

package/dist/es/mui/index.js

@@ -0,0 +1,20 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './theme';
+export * from './components/Button';
+export * from './components/IconButton';
+export * from './components/InspectorToggleButton';
+export * from './components/ToggleButton';

package/dist/es/mui/theme/index.js

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { muiTheme } from './theme';
+export { palette } from './palette';
+export { styled, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';

package/dist/es/mui/theme/palette.js

@@ -0,0 +1,67 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export const palette = {
+    primary: {
+        dark: '#0b6bb8',
+        main: '#0d79d0',
+        light: '#bce7f6',
+        contrastText: '#fff',
+    },
+    secondary: {
+        main: '#353535',
+    },
+    error: {
+        dark: '#c74237',
+        main: '#e1200e',
+        light: '#f5c1b7',
+        contrastText: '#fff',
+    },
+    success: {
+        dark: '#31a056',
+        main: '#36b260',
+        light: '#eefbe9',
+        contrastText: '#fff',
+    },
+    warning: {
+        dark: '#fa5700',
+        main: '#fe8f1f',
+        light: '#fffcdb',
+        contrastText: '#353535',
+    },
+    info: {
+        main: '#1a9bc7',
+        light: '#f5fbfc',
+        contrastText: '#fff',
+    },
+    grey: {
+        50: '#fafafa',
+        100: '#f2f2f2',
+        200: '#f5f5f5',
+        300: '#e2e2e2',
+        400: '#c9c9c9',
+        700: '#6e6e6e',
+        900: '#353535',
+    },
+    common: {
+        black: '#000',
+        white: '#fff',
+    },
+    focus: '#3DADFF',
+    brand: {
+        medium: '#1a9bc7',
+        xlight: '#ddf3fa',
+    },
+};

package/dist/es/mui/theme/theme.js

@@ -0,0 +1,85 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { createTheme } from '@mui/material/styles';
+import { palette } from './palette';
+export const muiTheme = createTheme({
+    palette: {
+        primary: palette.primary,
+        secondary: palette.secondary,
+        error: palette.error,
+        success: palette.success,
+        warning: palette.warning,
+        info: palette.info,
+        grey: palette.grey,
+        common: palette.common,
+    },
+    typography: {
+        fontFamily: '"Lato", sans-serif',
+        fontSize: 14,
+        button: {
+            textTransform: 'none',
+            fontWeight: 400,
+        },
+    },
+    shape: {
+        borderRadius: 8,
+    },
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 360,
+            md: 768,
+            lg: 1024,
+            xl: 1280,
+        },
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                },
+                outlined: {
+                    borderColor: palette.grey[300],
+                },
+                outlinedError: {
+                    color: palette.error.main,
+                    borderColor: palette.error.main,
+                },
+            },
+        },
+        MuiIconButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                },
+            },
+        },
+        MuiButtonBase: {
+            defaultProps: {
+                disableRipple: false,
+            },
+            styleOverrides: {
+                root: {
+                    '&.Mui-focusVisible': {
+                        outline: `3px solid ${palette.focus}`,
+                        outlineOffset: '4px',
+                    },
+                },
+            },
+        },
+    },
+});

package/dist/types/mui/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' | 'size'> {
+    variant?: ButtonVariant;
+    danger?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    rel?: string;
+}
+export declare const Button: ({ variant, danger, size, ...rest }: ButtonProps) => React.JSX.Element;

package/dist/types/mui/components/Button/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './Button';

package/dist/types/mui/components/IconButton/IconButton.d.ts

@@ -0,0 +1,23 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';
+import React from 'react';
+export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size'> {
+    bordered?: boolean;
+    size?: MuiIconButtonProps['size'];
+    danger?: boolean;
+}
+export declare const IconButton: ({ bordered, danger, color, size, ...props }: IconButtonProps) => React.JSX.Element;

package/dist/types/mui/components/IconButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './IconButton';

package/dist/types/mui/components/InspectorToggleButton/InspectorToggleButton.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconButtonProps } from '../IconButton';
+export declare const InspectorToggleButton: ({ size, type, ...props }: IconButtonProps) => React.JSX.Element;

package/dist/types/mui/components/InspectorToggleButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './InspectorToggleButton';

package/dist/types/mui/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material/ToggleButton';
+import React from 'react';
+export interface ToggleButtonProps extends Omit<MuiToggleButtonProps, 'size' | 'value'> {
+    danger?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    value?: MuiToggleButtonProps['value'];
+}
+export declare const ToggleButton: ({ danger, size, color, value, ...rest }: ToggleButtonProps) => React.JSX.Element;

package/dist/types/mui/components/ToggleButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './ToggleButton';

package/dist/types/mui/index.d.ts

@@ -0,0 +1,20 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './theme';
+export * from './components/Button';
+export * from './components/IconButton';
+export * from './components/InspectorToggleButton';
+export * from './components/ToggleButton';

package/dist/types/mui/theme/index.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { muiTheme } from './theme';
+export { palette } from './palette';
+export { styled, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';

package/dist/types/mui/theme/palette.d.ts

@@ -0,0 +1,67 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const palette: {
+    readonly primary: {
+        readonly dark: "#0b6bb8";
+        readonly main: "#0d79d0";
+        readonly light: "#bce7f6";
+        readonly contrastText: "#fff";
+    };
+    readonly secondary: {
+        readonly main: "#353535";
+    };
+    readonly error: {
+        readonly dark: "#c74237";
+        readonly main: "#e1200e";
+        readonly light: "#f5c1b7";
+        readonly contrastText: "#fff";
+    };
+    readonly success: {
+        readonly dark: "#31a056";
+        readonly main: "#36b260";
+        readonly light: "#eefbe9";
+        readonly contrastText: "#fff";
+    };
+    readonly warning: {
+        readonly dark: "#fa5700";
+        readonly main: "#fe8f1f";
+        readonly light: "#fffcdb";
+        readonly contrastText: "#353535";
+    };
+    readonly info: {
+        readonly main: "#1a9bc7";
+        readonly light: "#f5fbfc";
+        readonly contrastText: "#fff";
+    };
+    readonly grey: {
+        readonly 50: "#fafafa";
+        readonly 100: "#f2f2f2";
+        readonly 200: "#f5f5f5";
+        readonly 300: "#e2e2e2";
+        readonly 400: "#c9c9c9";
+        readonly 700: "#6e6e6e";
+        readonly 900: "#353535";
+    };
+    readonly common: {
+        readonly black: "#000";
+        readonly white: "#fff";
+    };
+    readonly focus: "#3DADFF";
+    readonly brand: {
+        readonly medium: "#1a9bc7";
+        readonly xlight: "#ddf3fa";
+    };
+};

package/dist/types/mui/theme/theme.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const muiTheme: import("@mui/material/styles").Theme;

package/package.json

@@ -1,12 +1,31 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
   "module": "dist/es",
   "types": "dist/types",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./mui": {
+      "types": "./dist/types/mui/index.d.ts",
+      "import": "./dist/es/mui/index.js",
+      "require": "./dist/cjs/mui/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "mui": [
+        "dist/types/mui/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist",
     "styles"
@@ -34,7 +53,10 @@
     "prepare": "husky"
   },
   "dependencies": {
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "@headlessui/react": "2.2.10",
+    "@mui/material": "6.4.5",
     "formik": "2.4.9",
     "prosemirror-commands": "1.7.1",
     "prosemirror-history": "1.4.1",