@manuscripts/style-guide 3.8.1 → 3.8.2

package/dist/cjs/mui/components/Typography/Typography.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const variantMap = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    body: 'body1',
+    caption: 'caption',
+};
+const colorMap = {
+    primary: 'text.primary',
+    secondary: 'text.secondary',
+    muted: 'text.disabled',
+};
+const fontWeightMap = {
+    regular: 400,
+    medium: 500,
+    bold: 700,
+};
+const Typography = ({ variant = 'body', color = 'primary', fontWeight, italic, uppercase, clamp, sx, ...rest }) => {
+    const resolvedWeight = fontWeight === undefined
+        ? undefined
+        : typeof fontWeight === 'number'
+            ? fontWeight
+            : fontWeightMap[fontWeight];
+    return ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: variantMap[variant], sx: [
+            {
+                color: colorMap[color],
+                ...(resolvedWeight !== undefined && { fontWeight: resolvedWeight }),
+                ...(italic && { fontStyle: 'italic' }),
+                ...(uppercase && { textTransform: 'uppercase' }),
+                ...(clamp && {
+                    display: '-webkit-box',
+                    overflow: 'hidden',
+                    WebkitLineClamp: clamp,
+                    WebkitBoxOrient: 'vertical',
+                }),
+            },
+            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
+        ], ...rest }));
+};
+exports.Typography = Typography;

package/dist/cjs/mui/components/Typography/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Typography"), exports);

package/dist/cjs/mui/index.js

@@ -34,3 +34,4 @@ __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/IconButton"), exports);
 __exportStar(require("./components/InspectorToggleButton"), exports);
 __exportStar(require("./components/ToggleButton"), exports);
+__exportStar(require("./components/Typography"), exports);

package/dist/cjs/mui/theme/theme.js

@@ -28,10 +28,43 @@ exports.muiTheme = (0, styles_1.createTheme)({
         info: palette_1.palette.info,
         grey: palette_1.palette.grey,
         common: palette_1.palette.common,
+        text: {
+            primary: palette_1.palette.grey[900],
+            secondary: palette_1.palette.grey[700],
+            disabled: palette_1.palette.grey[400],
+        },
     },
     typography: {
         fontFamily: '"Lato", sans-serif',
         fontSize: 14,
+        fontWeightRegular: 400,
+        fontWeightMedium: 500,
+        fontWeightBold: 700,
+        h1: {
+            fontSize: '20px',
+            fontWeight: 700,
+            lineHeight: 1.25,
+        },
+        h2: {
+            fontSize: '18px',
+            fontWeight: 700,
+            lineHeight: '24px',
+        },
+        h3: {
+            fontSize: '16px',
+            fontWeight: 700,
+            lineHeight: '24px',
+        },
+        body1: {
+            fontSize: '14px',
+            fontWeight: 400,
+            lineHeight: '16px',
+        },
+        caption: {
+            fontSize: '12px',
+            fontWeight: 400,
+            lineHeight: '14px',
+        },
         button: {
             textTransform: 'none',
             fontWeight: 400,

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiTypography from '@mui/material/Typography';
+const variantMap = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    body: 'body1',
+    caption: 'caption',
+};
+const colorMap = {
+    primary: 'text.primary',
+    secondary: 'text.secondary',
+    muted: 'text.disabled',
+};
+const fontWeightMap = {
+    regular: 400,
+    medium: 500,
+    bold: 700,
+};
+export const Typography = ({ variant = 'body', color = 'primary', fontWeight, italic, uppercase, clamp, sx, ...rest }) => {
+    const resolvedWeight = fontWeight === undefined
+        ? undefined
+        : typeof fontWeight === 'number'
+            ? fontWeight
+            : fontWeightMap[fontWeight];
+    return (_jsx(MuiTypography, { variant: variantMap[variant], sx: [
+            {
+                color: colorMap[color],
+                ...(resolvedWeight !== undefined && { fontWeight: resolvedWeight }),
+                ...(italic && { fontStyle: 'italic' }),
+                ...(uppercase && { textTransform: 'uppercase' }),
+                ...(clamp && {
+                    display: '-webkit-box',
+                    overflow: 'hidden',
+                    WebkitLineClamp: clamp,
+                    WebkitBoxOrient: 'vertical',
+                }),
+            },
+            ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
+        ], ...rest }));
+};

package/dist/es/mui/components/Typography/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 './Typography';

package/dist/es/mui/index.js

@@ -18,3 +18,4 @@ export * from './components/Button';
 export * from './components/IconButton';
 export * from './components/InspectorToggleButton';
 export * from './components/ToggleButton';
+export * from './components/Typography';

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

@@ -25,10 +25,43 @@ export const muiTheme = createTheme({
         info: palette.info,
         grey: palette.grey,
         common: palette.common,
+        text: {
+            primary: palette.grey[900],
+            secondary: palette.grey[700],
+            disabled: palette.grey[400],
+        },
     },
     typography: {
         fontFamily: '"Lato", sans-serif',
         fontSize: 14,
+        fontWeightRegular: 400,
+        fontWeightMedium: 500,
+        fontWeightBold: 700,
+        h1: {
+            fontSize: '20px',
+            fontWeight: 700,
+            lineHeight: 1.25,
+        },
+        h2: {
+            fontSize: '18px',
+            fontWeight: 700,
+            lineHeight: '24px',
+        },
+        h3: {
+            fontSize: '16px',
+            fontWeight: 700,
+            lineHeight: '24px',
+        },
+        body1: {
+            fontSize: '14px',
+            fontWeight: 400,
+            lineHeight: '16px',
+        },
+        caption: {
+            fontSize: '12px',
+            fontWeight: 400,
+            lineHeight: '14px',
+        },
         button: {
             textTransform: 'none',
             fontWeight: 400,

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

@@ -0,0 +1,29 @@
+/*!
+ * © 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 { TypographyProps as MuiTypographyProps } from '@mui/material/Typography';
+import React from 'react';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'body' | 'caption';
+export type TypographyColor = 'primary' | 'secondary' | 'muted';
+export type TypographyFontWeight = 'regular' | 'medium' | 'bold' | number;
+export interface TypographyProps extends Omit<MuiTypographyProps, 'variant' | 'color'> {
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    fontWeight?: TypographyFontWeight;
+    italic?: boolean;
+    uppercase?: boolean;
+    clamp?: 2 | 3;
+}
+export declare const Typography: ({ variant, color, fontWeight, italic, uppercase, clamp, sx, ...rest }: TypographyProps) => React.JSX.Element;

package/dist/types/mui/components/Typography/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 './Typography';

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

@@ -18,3 +18,4 @@ export * from './components/Button';
 export * from './components/IconButton';
 export * from './components/InspectorToggleButton';
 export * from './components/ToggleButton';
+export * from './components/Typography';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",