@mailstep/design-system 0.6.56 → 0.6.57-beta.1

package/ui/Elements/Typography/Typography.js

@@ -9,33 +9,38 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text as BaseText } from '../Text';
-export var Text = function (props) { return _jsx(BaseText, __assign({}, props, { fontWeight: props.variant })); };
-Text.defaultProps = { fontFamily: 'primary' };
+export var Text = function (_a) {
+    var _b = _a.as, as = _b === void 0 ? 'p' : _b, _c = _a.fontFamily, fontFamily = _c === void 0 ? 'primary' : _c, _d = _a.fontSize, fontSize = _d === void 0 ? '10px' : _d, variant = _a.variant, props = __rest(_a, ["as", "fontFamily", "fontSize", "variant"]);
+    return (_jsx(BaseText, __assign({ as: as, fontFamily: fontFamily, fontSize: fontSize, fontWeight: variant }, props)));
+};
+var BaseHeading = function (_a) {
+    var _b = _a.fontFamily, fontFamily = _b === void 0 ? 'heading' : _b, _c = _a.mb, mb = _c === void 0 ? 2 : _c, _d = _a.mt, mt = _d === void 0 ? 2 : _d, props = __rest(_a, ["fontFamily", "mb", "mt"]);
+    return (_jsx(Text, __assign({ fontFamily: fontFamily, mt: mt, mb: mb }, props)));
+};
 // Paragraphs
-export var Paragraph1 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-Paragraph1.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '18px' };
-export var Paragraph2 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-Paragraph2.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '16px' };
-export var Paragraph3 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-Paragraph3.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '14px' };
-export var Paragraph4 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-Paragraph4.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '12px' };
-export var Paragraph5 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-Paragraph5.defaultProps = { as: 'p', fontFamily: 'primary', fontSize: '10px' };
+export var Paragraph1 = function (props) { return _jsx(Text, __assign({ fontSize: "18px" }, props)); };
+export var Paragraph2 = function (props) { return _jsx(Text, __assign({ fontSize: "16px" }, props)); };
+export var Paragraph3 = function (props) { return _jsx(Text, __assign({ fontSize: "14px" }, props)); };
+export var Paragraph4 = function (props) { return _jsx(Text, __assign({ fontSize: "12px" }, props)); };
+export var Paragraph5 = function (props) { return _jsx(Text, __assign({ fontSize: "10px" }, props)); };
 // Headings
-export var H1 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H1.defaultProps = { as: 'h1', fontFamily: 'heading', fontSize: '32px', mt: 2, mb: 2 };
-export var H2 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H2.defaultProps = { as: 'h2', fontFamily: 'heading', fontSize: '24px', mt: 2, mb: 2 };
-export var H3 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H3.defaultProps = { as: 'h3', fontFamily: 'heading', fontSize: '21px', mt: 2, mb: 2 };
-export var H4 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H4.defaultProps = { as: 'h4', fontFamily: 'heading', fontSize: '18px', mt: 2, mb: 2 };
-export var H5 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H5.defaultProps = { as: 'h5', fontFamily: 'heading', fontSize: '16px', mt: 2, mb: 2 };
-export var H6 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H6.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '14px', mt: 2, mb: 2 };
-export var H7 = function (props) { return _jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
-H7.defaultProps = { as: 'h6', fontFamily: 'heading', fontSize: '12px', mt: 2, mb: 2 };
+export var H1 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "32px", as: "h1" }, props)); };
+export var H2 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "24px", as: "h2" }, props)); };
+export var H3 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "21px", as: "h3" }, props)); };
+export var H4 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "18px", as: "h4" }, props)); };
+export var H5 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "16px", as: "h5" }, props)); };
+export var H6 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "14px", as: "h6" }, props)); };
+export var H7 = function (props) { return _jsx(BaseHeading, __assign({ fontSize: "12px", as: "h6" }, props)); };

package/ui/index.d.ts

@@ -1,10 +1,13 @@
 import CommonGrid from './Blocks/CommonGrid';
 import CornerDialog from './Blocks/CornerDialog';
 import ImageList from './Blocks/ImageList';
+import LanguageSwitch from './Blocks/LanguageSwitch';
 import LightBox from './Blocks/LightBox';
 import LoginPage from './Blocks/LoginPage';
 import Modal from './Blocks/Modal';
 import Popover from './Blocks/Popover';
+import SideMenu from './Blocks/SideMenu';
+import Stepper from './Blocks/Stepper';
 import Tabs from './Blocks/Tabs';
 import Alert from './Elements/Alert';
 import Avatar from './Elements/Avatar';
@@ -19,7 +22,6 @@ import ErrorMessage from './Elements/ErrorMessage';
 import Icon from './Elements/Icon';
 import Image from './Elements/Image';
 import Label from './Elements/Label';
-import LanguageSwitch from './Blocks/LanguageSwitch';
 import Line from './Elements/Line';
 import Link from './Elements/Link';
 import Logo from './Elements/Logo';
@@ -42,7 +44,7 @@ import RadioButton from './Forms/RadioButton';
 import TextArea from './Forms/TextArea';
 import ThemeProvider from './ThemeProvider';
 import utils from './utils';
-export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch };
+export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch, SideMenu, Stepper };
 export * from './Blocks/CornerDialog';
 export * from './Blocks/ImageList';
 export * from './Blocks/LightBox';
@@ -87,3 +89,5 @@ export * from './Elements/DropdownSelect';
 export * from './Forms/TextArea';
 export * from './Blocks/LoginPage';
 export * from './Blocks/LanguageSwitch';
+export * from './Blocks/SideMenu';
+export * from './Blocks/Stepper';