@mailstep/design-system 0.6.55 → 0.6.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.55",
+  "version": "0.6.56",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ActionRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ColumnConfig, ColumnDefinition } from '../../../types';
 import { DraggableProps, DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
+import { ColumnConfig, ColumnDefinition } from '../../../types';
 type ActionRowProps = {
     column: ColumnDefinition;
     columnsConfigValues: string[] | undefined;
@@ -12,5 +12,5 @@ type ActionRowProps = {
     draggableProps?: DraggableProps | any;
     dragHandleProps?: DraggableProvidedDragHandleProps | null;
 };
-export declare const ActionRow: ({ column, columnsConfigValues, setColumnsConfigOptions, searchedValue, innerRef, draggableProps, dragHandleProps, }: ActionRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionRow: ({ column, columnsConfigValues, setColumnsConfigOptions, searchedValue, innerRef, draggableProps, dragHandleProps }: ActionRowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/Blocks/CommonGrid/components/ManageColumnForm/components/ActionRow.js

@@ -15,13 +15,13 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
-import { x, th } from '@xstyled/styled-components';
+import { isObject } from 'lodash';
 import styled from 'styled-components';
-import Toggle from '../../../../../Elements/Toggle/Toggle';
 import { Group } from '../../../../../Elements/Icon/icons/Group';
-import { isObject } from 'lodash';
+import Toggle from '../../../../../Elements/Toggle/Toggle';
 import { H6 } from '../../../../../Elements/Typography/Typography';
 import { i18n } from '@lingui/core';
+import { x, th } from '@xstyled/styled-components';
 var RowLayout = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  height: 52px;\n  background-color: white;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  margin-bottom: 15px;\n"], ["\n  display: ", ";\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  height: 52px;\n  background-color: white;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  margin-bottom: 15px;\n"])), function (_a) {
     var $isVisible = _a.$isVisible;
     return ($isVisible ? 'flex' : 'none');
@@ -31,10 +31,11 @@ export var ActionRow = function (_a) {
     var column = _a.column, columnsConfigValues = _a.columnsConfigValues, setColumnsConfigOptions = _a.setColumnsConfigOptions, searchedValue = _a.searchedValue, innerRef = _a.innerRef, draggableProps = _a.draggableProps, dragHandleProps = _a.dragHandleProps;
     var _g = useState((_b = columnsConfigValues === null || columnsConfigValues === void 0 ? void 0 : columnsConfigValues.includes(column.name)) !== null && _b !== void 0 ? _b : false), isSelected = _g[0], setIsSelected = _g[1];
     var style = useMemo(function () { return (__assign({}, draggableProps === null || draggableProps === void 0 ? void 0 : draggableProps.style)); }, [draggableProps]);
-    var translatedValue = isObject(column === null || column === void 0 ? void 0 : column.title) &&
+    var translatedValue = (isObject(column === null || column === void 0 ? void 0 : column.title) &&
         'props' in column.title &&
         ((_c = column.title) === null || _c === void 0 ? void 0 : _c.props) &&
-        i18n._({ id: (_e = (_d = column.title) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.id, message: (_f = column.title) === null || _f === void 0 ? void 0 : _f.props.message });
+        i18n._({ id: (_e = (_d = column.title) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.id, message: (_f = column.title) === null || _f === void 0 ? void 0 : _f.props.message })) ||
+        (column === null || column === void 0 ? void 0 : column.title);
     var isVisible = translatedValue && translatedValue.toLocaleLowerCase().includes(searchedValue.toLocaleLowerCase()) && !column.alwaysOn;
     var handleToggleChange = useCallback(function () {
         setColumnsConfigOptions(function (prevOptions) {

package/ui/Blocks/CommonGrid/hooks/useManageColumn.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DropResult } from 'react-beautiful-dnd';
-import { CommonGridProps, GridActionsType, GridSelectorsType } from '../types';
+import { CommonGridProps, GridActionsType, GridSelectorsType, ColumnDefinition } from '../types';
 type Props = {
     columns: CommonGridProps['columnsDefinitions'];
     gridActions: GridActionsType;
@@ -18,7 +18,7 @@ declare const useManageColumn: ({ columns, gridSelectors, gridActions, onClose }
     resetColumnConfig: () => void;
     handleDragEnd: (isManageModal?: boolean) => (item: DropResult) => void;
     onCloseForm: () => void;
-    displayColumnsDefinitions: import("../types").ColumnDefinition<string>[];
-    manageColumnsFormDefinitions: import("../types").ColumnDefinition<string>[];
+    displayColumnsDefinitions: ColumnDefinition<string>[];
+    manageColumnsFormDefinitions: ColumnDefinition<string>[];
 };
 export default useManageColumn;

package/ui/Blocks/CommonGrid/hooks/useManageColumn.js

@@ -60,11 +60,14 @@ var useManageColumn = function (_a) {
         setColumnsConfigOptions(columnConfig || {});
     }, [columnsOrderValue, onClose]);
     var getSortedColumns = useCallback(function (orderValues, isManageModal) {
-        return (!isManageModal ? columns.filter(function (column) { return isColumnOn(column, columnsConfigOptions); }) : columns).toSorted(function (col1, col2) {
+        var list = !isManageModal ? columns.filter(function (column) { return isColumnOn(column, columnsConfigOptions); }) : columns;
+        var sortFunction = function (col1, col2) {
             var i = (orderValues || []).indexOf(col1.name);
             var j = (orderValues || []).indexOf(col2.name);
             return i > j ? 1 : i < j ? -1 : 0;
-        });
+        };
+        var sortedList = __spreadArray([], list, true).sort(sortFunction);
+        return sortedList;
     }, [columnConfig, columnsConfigOptions, columns]);
     var displayColumnsDefinitions = useMemo(function () { return getSortedColumns(columnsOrderValue, false); }, [columnsOrderValue, columns, columnsConfigOptions, getSortedColumns]);
     var manageColumnsFormDefinitions = useMemo(function () { return getSortedColumns(updatedColumnsOrder, true); }, [updatedColumnsOrder]);

package/ui/Blocks/CommonGrid/translations.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Trans } from '@lingui/react';
+/** catalog for lungui to track commonGrid translations - DO NOT REMOVE */
+var Translations = function () {
+    return (_jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), _jsx(Trans, { id: "dataGrid.buttonGridConfig", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.title", message: "Configure columns" }), _jsx(Trans, { id: "dataGrid.config.buttonReset", message: "Reset all" }), _jsx(Trans, { id: "dataGrid.resultsPerPage", message: "Results per page" }), _jsx(Trans, { id: "manageColumn.title", message: "Manage column" }), _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }), _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "form.buttonImport", message: "Import" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }), ",", _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), ",", _jsx(Trans, { id: "dataGrid.actionOptions.createNew", message: "Create new" }), ",", _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }), ",", _jsx(Trans, { id: "datagrid.filterCell.selectAllLabel", message: "select all" }), _jsx(Trans, { id: "datagrid.filterCell.optionsSelectedLabel", message: '{count} options' }), ",", _jsx(Trans, { id: "dataGrid.deleteItem", message: "Delete" }), ",", _jsx(Trans, { id: "dataGrid.columnLot.NA", message: "N/A" }), ",", _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }), ",", _jsx(Trans, { id: "dataGrid.errors.ipValidationError", message: "Value is not valid ip" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.all", message: "All" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.yes", message: "Yes" }), ",", _jsx(Trans, { id: "dataGrid.columnActive.filterOptions.no", message: "No" }), _jsx(Trans, { id: "products.eshopFilterPlaceholder", message: "Select eshop..." }), ",", _jsx(Trans, { id: "dataGrid.checkedRowsCount", message: "Selected {checkedRowsCount} items" }), ",", _jsx(Trans, { id: "dataGrid.filterCell", message: "Type to filter" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.from", message: "From" }), ",", _jsx(Trans, { id: "dataGrid.filterCell.to", message: "To" }), ",", _jsx(Trans, { id: "manageColumn.searchPlaceholder", message: "Find column..." }), ",", _jsx(Trans, { id: "dataGrid.comparator.equals", message: "Equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notEquals", message: "Not equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThan", message: "Less than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.lessThanOrEquals", message: "Less than or equals" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThan", message: "Greater than" }), ",", _jsx(Trans, { id: "dataGrid.comparator.greaterThanOrEquals", message: "Greater than or equal" }), ",", _jsx(Trans, { id: "dataGrid.comparator.contains", message: "Contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.notContains", message: "Not contains" }), ",", _jsx(Trans, { id: "dataGrid.comparator.startsWith", message: "Starts with'" }), ",", _jsx(Trans, { id: "dataGrid.comparator.endsWith", message: "Ends with" }), ",", _jsx(Trans, { id: "select.noOptions", message: "no options" }), ",", _jsx(Trans, { id: "components.dropdown.loading", message: "Loading..." }), ",", _jsx(Trans, { id: "components.dropdown.placeholder", message: "Select..." }), ",", _jsx(Trans, { id: "components.dropdown.notReact", message: "Select related values first..." }), ",", _jsx(Trans, { id: "components.dropdown.writeMoreChars", message: "Write at least ${asyncLoadMinChars} characters." }), ",", _jsx(Trans, { id: "components.dropdown.noOptions", message: "No options" }), ",", _jsx(Trans, { id: "components.dropdown.newOption", message: "new value" }), ",", _jsx(Trans, { id: "form.general.min2Chars", message: "Minimal length is 2 characters." }), ",", _jsx(Trans, { id: "controlButtons.searchPlaceholder", message: "Search ${translatedValue} ..." }), ","] }));
+};

package/ui/Elements/Text/Text.d.ts

@@ -1,3 +1,3 @@
 import type { TextProps } from './types';
-declare const Text: ({ as, ...props }: TextProps) => JSX.Element;
+declare const Text: (props: TextProps) => JSX.Element;
 export default Text;

package/ui/Elements/Text/Text.js

@@ -9,21 +9,7 @@ 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 { x } from '@xstyled/styled-components';
-var Text = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? 'span' : _b, props = __rest(_a, ["as"]);
-    return _jsx(x.div, __assign({ as: as }, props));
-};
+var Text = function (props) { return _jsx(x.div, __assign({ as: "span" }, props)); };
 export default Text;

package/ui/Elements/Text/stories/Text.stories.d.ts

@@ -2,7 +2,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ as, ...props }: import("..").TextProps) => JSX.Element;
+    component: (props: import("..").TextProps) => JSX.Element;
     tags: string[];
     argTypes: {};
 };

package/ui/Elements/Text/types.d.ts

@@ -1,15 +1,13 @@
-import { ComponentType, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type TextVariant = 'normal' | 'medium' | 'semiBold' | 'bold';
 export type TextProps = {
     children?: ReactNode | ReactNode[];
-    fontSize?: string | number;
+    fontSize?: number;
     fontWeight?: string;
-    fontFamily?: string;
     variant?: TextVariant;
     mt?: string | number;
     mr?: string | number;
     mb?: string | number;
     ml?: string | number;
     color?: string;
-    as?: string | ComponentType<any>;
 };

package/ui/Elements/Typography/Typography.d.ts

@@ -1,14 +1,117 @@
 import { TextProps as BaseTextProps } from '../Text';
-export declare const Text: ({ as, fontFamily, fontSize, variant, ...props }: BaseTextProps) => JSX.Element;
-export declare const Paragraph1: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph2: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph3: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph4: (props: BaseTextProps) => JSX.Element;
-export declare const Paragraph5: (props: BaseTextProps) => JSX.Element;
-export declare const H1: (props: BaseTextProps) => JSX.Element;
-export declare const H2: (props: BaseTextProps) => JSX.Element;
-export declare const H3: (props: BaseTextProps) => JSX.Element;
-export declare const H4: (props: BaseTextProps) => JSX.Element;
-export declare const H5: (props: BaseTextProps) => JSX.Element;
-export declare const H6: (props: BaseTextProps) => JSX.Element;
-export declare const H7: (props: BaseTextProps) => JSX.Element;
+export declare const Text: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        fontFamily: string;
+    };
+};
+export declare const Paragraph1: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const Paragraph2: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const Paragraph3: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const Paragraph4: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const Paragraph5: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const H1: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H2: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H3: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H4: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H5: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H6: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};
+export declare const H7: {
+    (props: BaseTextProps): JSX.Element;
+    defaultProps: {
+        as: string;
+        fontFamily: string;
+        fontSize: string;
+        mt: number;
+        mb: number;
+    };
+};

package/ui/Elements/Typography/Typography.js

@@ -9,38 +9,33 @@ 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 (_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: mt }, props)));
-};
+export var Text = function (props) { return _jsx(BaseText, __assign({}, props, { fontWeight: props.variant })); };
+Text.defaultProps = { fontFamily: 'primary' };
 // Paragraphs
-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)); };
+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' };
 // Headings
-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: "12x", as: "h7" }, props)); };
+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 };

package/ui/index.d.ts

@@ -1,12 +1,10 @@
 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 Tabs from './Blocks/Tabs';
 import Alert from './Elements/Alert';
 import Avatar from './Elements/Avatar';
@@ -21,6 +19,7 @@ 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';
@@ -43,7 +42,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, SideMenu };
+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 * from './Blocks/CornerDialog';
 export * from './Blocks/ImageList';
 export * from './Blocks/LightBox';
@@ -88,4 +87,3 @@ export * from './Elements/DropdownSelect';
 export * from './Forms/TextArea';
 export * from './Blocks/LoginPage';
 export * from './Blocks/LanguageSwitch';
-export * from './Blocks/SideMenu';