@mailstep/design-system 0.1.13 → 0.1.14-beta.1

package/ui/dts/Blocks/Tabs/index.d.ts

@@ -1,5 +1,4 @@
-import { Tabs } from './Tabs';
 export { Tabs } from './Tabs';
+export { TabContent } from './TabContent';
 export { useTabs } from './hooks/useTabs';
 export type { TabDefinition } from './types';
-export default Tabs;

package/ui/dts/Blocks/Tabs/stories/Tabs.stories.d.ts

@@ -2,7 +2,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ tabsDefinition, activeTab, onTabSwitch }: import("../types").TabsProps) => JSX.Element;
+    component: ({ tabsDefinition, activeTab, onTabSwitch, mb }: import("../types").TabsProps) => JSX.Element;
     tags: string[];
     argTypes: {};
 };

package/ui/dts/Blocks/Tabs/styles.d.ts

@@ -5,4 +5,6 @@ export declare const RoundedWrap: import("styled-components").StyledComponent<"d
 export declare const Tab: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     active: boolean;
 }, never>;
-export declare const TabPanel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const TabPanel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+    $mb?: string | undefined;
+}, never>;

package/ui/dts/Blocks/Tabs/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TabDefinition = {
     label: string;
     icon?: string;
@@ -9,6 +8,7 @@ export type TabsProps = {
     tabsDefinition: TabDefinition[];
     activeTab: number;
     onTabSwitch: (tab: number) => void;
+    mb?: string;
 };
 export type TabElementProps = {
     tabDefinition: TabDefinition;
@@ -23,5 +23,5 @@ export type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
 export type TabContentProps = {
     activeTab: number;
     value: number;
-    children: React.ReactNode | React.ReactNode[];
+    children: Element | null;
 };

package/ui/dts/Elements/Tag/Tag.d.ts

@@ -1,3 +1,3 @@
 import type { Props } from './types';
-export declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, Props, never>;
+declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, Props, never>;
 export default Tag;

package/ui/dts/Elements/Tag/index.d.ts

@@ -1,4 +1,3 @@
 import Tag from './Tag';
 export { palletes } from './palletes';
-export { Tag };
 export default Tag;

package/ui/dts/index.d.ts

@@ -2,7 +2,6 @@ import CornerDialog from './Blocks/CornerDialog';
 import ImageList from './Blocks/ImageList';
 import LightBox from './Blocks/LightBox';
 import Modal from './Blocks/Modal';
-import Tabs from './Blocks/Tabs';
 import Alert from './Elements/Alert';
 import Avatar from './Elements/Avatar';
 import Badge from './Elements/Badge';
@@ -33,7 +32,7 @@ import Input from './Forms/Input';
 import RadioButton from './Forms/RadioButton';
 import ThemeProvider from './ThemeProvider';
 import utils from './utils';
-export { Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Paragraph, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils };
+export { Card, CornerDialog, ImageList, LightBox, Modal, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Paragraph, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils };
 export * from './Blocks/CornerDialog';
 export * from './Blocks/ImageList';
 export * from './Blocks/LightBox';

package/ui/index.d.ts

@@ -2,7 +2,6 @@ export { CornerDialog } from './Blocks/CornerDialog/index.js';
 export { ImageList } from './Blocks/ImageList/index.js';
 export { LightBox, useLightBox } from './Blocks/LightBox/index.js';
 export { default as Modal, useClickOutside, useModal } from './Blocks/Modal/index.js';
-export { TabContent, Tabs, useTabs } from './Blocks/Tabs/index.js';
 export { default as Alert } from './Elements/Alert/index.js';
 export { default as Avatar } from './Elements/Avatar/index.js';
 export { default as Badge } from './Elements/Badge/index.js';
@@ -33,6 +32,7 @@ export { default as Input } from './Forms/Input/index.js';
 export { default as RadioButton } from './Forms/RadioButton/index.js';
 export { default as ThemeProvider, themes } from './ThemeProvider/index.js';
 export { createRgba, default as utils } from './utils/index.js';
+export { TabContent, Tabs, useTabs } from './Blocks/Tabs/index.js';
 export { CornerDialogProps, Intent } from './Blocks/CornerDialog/types.js';
 export { ImageData } from './Blocks/LightBox/types.js';
 export { ImageUploadProps } from './Blocks/ImageList/types.js';

package/ui/index.js

@@ -1,144 +1,62 @@
-'use strict';
-
-var CornerDialog = require('./Blocks/CornerDialog/CornerDialog.js');
-var ImageList = require('./Blocks/ImageList/ImageList.js');
-var LightBox = require('./Blocks/LightBox/LightBox.js');
-var useLightBox = require('./Blocks/LightBox/hooks/useLightBox.js');
-var Modal = require('./Blocks/Modal/Modal.js');
-var useModal = require('./Blocks/Modal/hooks/useModal.js');
-var useClickOutside = require('./Blocks/Modal/hooks/useClickOutside.js');
-var Tabs = require('./Blocks/Tabs/Tabs.js');
-var useTabs = require('./Blocks/Tabs/hooks/useTabs.js');
-var Alert = require('./Elements/Alert/Alert.js');
-var Avatar = require('./Elements/Avatar/Avatar.js');
-var Badge = require('./Elements/Badge/Badge.js');
-var BorderedBox = require('./Elements/BorderedBox/BorderedBox.js');
-var Button = require('./Elements/Button/Button.js');
-var Card = require('./Elements/Card/Card.js');
-var Dropdown = require('./Elements/Dropdown/Dropdown.js');
-var ErrorMessage = require('./Elements/ErrorMessage/ErrorMessage.js');
-var Icon = require('./Elements/Icon/Icon.js');
-var FlagUSA = require('./Elements/Icon/icons/FlagUSA.js');
-var FlagCZ = require('./Elements/Icon/icons/FlagCZ.js');
-var Complaint = require('./Elements/Icon/icons/Complaint.js');
-var Expeditions = require('./Elements/Icon/icons/Expeditions.js');
-var HamburgerMenu = require('./Elements/Icon/icons/HamburgerMenu.js');
-var HelpCircle1 = require('./Elements/Icon/icons/HelpCircle1.js');
-var Income = require('./Elements/Icon/icons/Income.js');
-var Inventory = require('./Elements/Icon/icons/Inventory.js');
-var MenuItems = require('./Elements/Icon/icons/MenuItems.js');
-var MobileCancel = require('./Elements/Icon/icons/MobileCancel.js');
-var Notification2 = require('./Elements/Icon/icons/Notification2.js');
-var Plus1 = require('./Elements/Icon/icons/Plus1.js');
-var Products = require('./Elements/Icon/icons/Products.js');
-var Profile = require('./Elements/Icon/icons/Profile.js');
-var Return = require('./Elements/Icon/icons/Return.js');
-var Settings2 = require('./Elements/Icon/icons/Settings2.js');
-var Transfer = require('./Elements/Icon/icons/Transfer.js');
-var Image = require('./Elements/Image/Image.js');
-var Label = require('./Elements/Label/Label.js');
-var Line = require('./Elements/Line/Line.js');
-var Link = require('./Elements/Link/Link.js');
-var Logo = require('./Elements/Logo/Logo.js');
-var Pagination = require('./Elements/Pagination/Pagination.js');
-var Paragraph = require('./Elements/Paragraph/Paragraph.js');
-var index = require('./Elements/Portal/index.js');
-var ProgressBar = require('./Elements/ProgressBar/ProgressBar.js');
-var SimpleLink = require('./Elements/SimpleLink/SimpleLink.js');
-var SpaceAround = require('./Elements/SpaceAround/SpaceAround.js');
-var Spinner = require('./Elements/Spinner/Spinner.js');
-var Tag = require('./Elements/Tag/Tag.js');
-var palletes = require('./Elements/Tag/palletes.js');
-var Toast = require('./Elements/Toast/Toast.js');
-var Toggle = require('./Elements/Toggle/Toggle.js');
-var Typography = require('./Elements/Typography/Typography.js');
-var Checkbox = require('./Forms/Checkbox/Checkbox.js');
-var Input = require('./Forms/Input/Input.js');
-var RadioButton = require('./Forms/RadioButton/RadioButton.js');
-var ThemeProvider = require('./ThemeProvider/ThemeProvider.js');
-var index$2 = require('./ThemeProvider/themes/index.js');
-var index$1 = require('./utils/index.js');
-var createRgba = require('./utils/CreateRgba/createRgba.js');
-var KeyPress = require('./utils/KeyPress/KeyPress.js');
-
-
-
-exports.CornerDialog = CornerDialog.CornerDialog;
-exports.ImageList = ImageList.ImageList;
-exports.LightBox = LightBox.LightBox;
-exports.useLightBox = useLightBox.useLightBox;
-exports.Modal = Modal.Modal;
-exports.useModal = useModal.useModal;
-exports.useClickOutside = useClickOutside.useClickOutside;
-exports.Tabs = Tabs.Tabs;
-exports.useTabs = useTabs.useTabs;
-exports.Alert = Alert.default;
-exports.Avatar = Avatar.Avatar;
-exports.Badge = Badge.default;
-exports.BorderedBox = BorderedBox.default;
-exports.Button = Button.default;
-exports.Card = Card.default;
-exports.CardBody = Card.CardBody;
-exports.CardImage = Card.CardImage;
-exports.Dropdown = Dropdown.default;
-exports.ErrorMessage = ErrorMessage.default;
-exports.Icon = Icon.default;
-exports.iconDictionary = Icon.iconDictionary;
-exports.FlagUSA = FlagUSA.FlagUSA;
-exports.FlagCZ = FlagCZ.FlagCZ;
-exports.Complaint = Complaint.Complaint;
-exports.Expeditions = Expeditions.Expeditions;
-exports.HamburgerMenu = HamburgerMenu.HamburgerMenu;
-exports.HelpCircle1 = HelpCircle1.HelpCircle1;
-exports.Income = Income.Income;
-exports.Inventory = Inventory.Inventory;
-exports.MenuItems = MenuItems.MenuItems;
-exports.MobileCancel = MobileCancel.MobileCancel;
-exports.Notification2 = Notification2.Notification2;
-exports.Plus1 = Plus1.Plus1;
-exports.Products = Products.Products;
-exports.Profile = Profile.Profile;
-exports.Return = Return.Return;
-exports.Settings2 = Settings2.Settings2;
-exports.Transfer = Transfer.Transfer;
-exports.Image = Image.default;
-exports.FieldLabel = Label.FieldLabel;
-exports.Label = Label.Label;
-exports.Line = Line.default;
-exports.Link = Link.default;
-exports.Logo = Logo.default;
-exports.Pagination = Pagination.default;
-exports.Paragraph = Paragraph.default;
-exports.Portal = index.Portal;
-exports.ProgressBar = ProgressBar.default;
-exports.SimpleLink = SimpleLink.default;
-exports.SpaceAround = SpaceAround.default;
-exports.SpaceAroundWrap = SpaceAround.default;
-exports.Spinner = Spinner.Spinner;
-exports.Tag = Tag.Tag;
-exports.palletes = palletes.palletes;
-exports.Toast = Toast.default;
-exports.Toggle = Toggle.default;
-exports.H1 = Typography.H1;
-exports.H2 = Typography.H2;
-exports.H3 = Typography.H3;
-exports.H4 = Typography.H4;
-exports.H5 = Typography.H5;
-exports.H6 = Typography.H6;
-exports.H7 = Typography.H7;
-exports.Paragraph1 = Typography.Paragraph1;
-exports.Paragraph2 = Typography.Paragraph2;
-exports.Paragraph3 = Typography.Paragraph3;
-exports.Paragraph4 = Typography.Paragraph4;
-exports.Paragraph5 = Typography.Paragraph5;
-exports.Text = Typography.Text;
-exports.Typography = Typography.Text;
-exports.Checkbox = Checkbox.default;
-exports.Input = Input.Input;
-exports.RadioButton = RadioButton.default;
-exports.ThemeProvider = ThemeProvider.default;
-exports.themes = index$2.default;
-exports.utils = index$1.default;
-exports.createRgba = createRgba.createRgba;
-exports.KeyPress = KeyPress.default;
+export { CornerDialog } from './Blocks/CornerDialog/CornerDialog.js';
+export { ImageList } from './Blocks/ImageList/ImageList.js';
+export { LightBox } from './Blocks/LightBox/LightBox.js';
+export { useLightBox } from './Blocks/LightBox/hooks/useLightBox.js';
+export { Modal } from './Blocks/Modal/Modal.js';
+export { useModal } from './Blocks/Modal/hooks/useModal.js';
+export { useClickOutside } from './Blocks/Modal/hooks/useClickOutside.js';
+export { default as Alert } from './Elements/Alert/Alert.js';
+export { Avatar } from './Elements/Avatar/Avatar.js';
+export { default as Badge } from './Elements/Badge/Badge.js';
+export { default as BorderedBox } from './Elements/BorderedBox/BorderedBox.js';
+export { default as Button } from './Elements/Button/Button.js';
+export { default as Card, CardBody, CardImage } from './Elements/Card/Card.js';
+export { default as Dropdown } from './Elements/Dropdown/Dropdown.js';
+export { default as ErrorMessage } from './Elements/ErrorMessage/ErrorMessage.js';
+export { default as Icon, iconDictionary } from './Elements/Icon/Icon.js';
+export { FlagUSA } from './Elements/Icon/icons/FlagUSA.js';
+export { FlagCZ } from './Elements/Icon/icons/FlagCZ.js';
+export { Complaint } from './Elements/Icon/icons/Complaint.js';
+export { Expeditions } from './Elements/Icon/icons/Expeditions.js';
+export { HamburgerMenu } from './Elements/Icon/icons/HamburgerMenu.js';
+export { HelpCircle1 } from './Elements/Icon/icons/HelpCircle1.js';
+export { Income } from './Elements/Icon/icons/Income.js';
+export { Inventory } from './Elements/Icon/icons/Inventory.js';
+export { MenuItems } from './Elements/Icon/icons/MenuItems.js';
+export { MobileCancel } from './Elements/Icon/icons/MobileCancel.js';
+export { Notification2 } from './Elements/Icon/icons/Notification2.js';
+export { Plus1 } from './Elements/Icon/icons/Plus1.js';
+export { Products } from './Elements/Icon/icons/Products.js';
+export { Profile } from './Elements/Icon/icons/Profile.js';
+export { Return } from './Elements/Icon/icons/Return.js';
+export { Settings2 } from './Elements/Icon/icons/Settings2.js';
+export { Transfer } from './Elements/Icon/icons/Transfer.js';
+export { default as Image } from './Elements/Image/Image.js';
+export { FieldLabel, Label } from './Elements/Label/Label.js';
+export { default as Line } from './Elements/Line/Line.js';
+export { default as Link } from './Elements/Link/Link.js';
+export { default as Logo } from './Elements/Logo/Logo.js';
+export { default as Pagination } from './Elements/Pagination/Pagination.js';
+export { default as Paragraph } from './Elements/Paragraph/Paragraph.js';
+export { Portal } from './Elements/Portal/index.js';
+export { default as ProgressBar } from './Elements/ProgressBar/ProgressBar.js';
+export { default as SimpleLink } from './Elements/SimpleLink/SimpleLink.js';
+export { default as SpaceAround, default as SpaceAroundWrap } from './Elements/SpaceAround/SpaceAround.js';
+export { Spinner } from './Elements/Spinner/Spinner.js';
+export { default as Tag } from './Elements/Tag/Tag.js';
+export { palletes } from './Elements/Tag/palletes.js';
+export { default as Toast } from './Elements/Toast/Toast.js';
+export { default as Toggle } from './Elements/Toggle/Toggle.js';
+export { H1, H2, H3, H4, H5, H6, H7, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Text, Text as Typography } from './Elements/Typography/Typography.js';
+export { default as Checkbox } from './Forms/Checkbox/Checkbox.js';
+export { Input } from './Forms/Input/Input.js';
+export { default as RadioButton } from './Forms/RadioButton/RadioButton.js';
+export { default as ThemeProvider } from './ThemeProvider/ThemeProvider.js';
+export { default as themes } from './ThemeProvider/themes/index.js';
+export { default as utils } from './utils/index.js';
+export { Tabs } from './Blocks/Tabs/Tabs.js';
+export { TabContent } from './Blocks/Tabs/TabContent.js';
+export { useTabs } from './Blocks/Tabs/hooks/useTabs.js';
+export { createRgba } from './utils/CreateRgba/createRgba.js';
+export { default as KeyPress } from './utils/KeyPress/KeyPress.js';
 //# sourceMappingURL=index.js.map

package/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/utils/CreateRgba/createRgba.js

@@ -1,18 +1,10 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react/jsx-runtime');
-require('@xstyled/styled-components');
-var index = require('../../ThemeProvider/themes/index.js');
-var getOr = require('lodash/fp/getOr');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var getOr__default = /*#__PURE__*/_interopDefaultCompat(getOr);
+import 'react/jsx-runtime';
+import '@xstyled/styled-components';
+import themes from '../../ThemeProvider/themes/index.js';
+import getOr from 'lodash/fp/getOr';
 
 var createRgba = function (color, alpha) {
-    color = getOr__default.default(false, "colors[".concat(color, "]"), index.default.default) || color;
+    color = getOr(false, "colors[".concat(color, "]"), themes.default) || color;
     if (/^rgb/.test(color)) {
         return "rgba(".concat(color.substring(color.indexOf('(') + 1, color.length - 1), ", ").concat(alpha, ")");
     }
@@ -25,6 +17,5 @@ var createRgba = function (color, alpha) {
     return color;
 };
 
-exports.createRgba = createRgba;
-exports.default = createRgba;
+export { createRgba, createRgba as default };
 //# sourceMappingURL=createRgba.js.map

package/ui/utils/CreateRgba/createRgba.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRgba.js","sources":["../../../../packages/ui/utils/CreateRgba/createRgba.ts"],"sourcesContent":["import { themes } from '../../ThemeProvider';\nimport getOr from 'lodash/fp/getOr';\nexport var createRgba = function (color, alpha) {\n    color = getOr(false, \"colors[\".concat(color, \"]\"), themes.default) || color;\n    if (/^rgb/.test(color)) {\n        return \"rgba(\".concat(color.substring(color.indexOf('(') + 1, color.length - 1), \", \").concat(alpha, \")\");\n    }\n    if (/^#/.test(color)) {\n        var r = parseInt(\"0x\".concat(color.substr(1, 2)));\n        var g = parseInt(\"0x\".concat(color.substr(3, 2)));\n        var b = parseInt(\"0x\".concat(color.substr(5, 2)));\n        return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(alpha, \")\");\n    }\n    return color;\n};\nexport default createRgba;\n//# sourceMappingURL=createRgba.js.map"],"names":["getOr","themes"],"mappings":";;;;;;;;;;;;;AAEU,IAAC,UAAU,GAAG,UAAU,KAAK,EAAE,KAAK,EAAE;AAChD,IAAI,KAAK,GAAGA,sBAAK,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAEC,aAAM,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;AAChF,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5B,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAClH,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC1B,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC1F,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB;;;;;"}
+{"version":3,"file":"createRgba.js","sources":["../../../../packages/ui/utils/CreateRgba/createRgba.ts"],"sourcesContent":["import { themes } from '../../ThemeProvider';\nimport getOr from 'lodash/fp/getOr';\nexport var createRgba = function (color, alpha) {\n    color = getOr(false, \"colors[\".concat(color, \"]\"), themes.default) || color;\n    if (/^rgb/.test(color)) {\n        return \"rgba(\".concat(color.substring(color.indexOf('(') + 1, color.length - 1), \", \").concat(alpha, \")\");\n    }\n    if (/^#/.test(color)) {\n        var r = parseInt(\"0x\".concat(color.substr(1, 2)));\n        var g = parseInt(\"0x\".concat(color.substr(3, 2)));\n        var b = parseInt(\"0x\".concat(color.substr(5, 2)));\n        return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(alpha, \")\");\n    }\n    return color;\n};\nexport default createRgba;\n//# sourceMappingURL=createRgba.js.map"],"names":[],"mappings":";;;;;AAEU,IAAC,UAAU,GAAG,UAAU,KAAK,EAAE,KAAK,EAAE;AAChD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;AAChF,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5B,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAClH,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC1B,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC1F,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB;;;;"}

package/ui/utils/KeyPress/KeyPress.js

@@ -1,17 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
+import { useCallback, useEffect } from 'react';
 
 var OnKeyPress = function (_a) {
     var action = _a.action, keyCode = _a.keyCode;
-    var testKeyCode = React.useCallback(function (event) {
+    var testKeyCode = useCallback(function (event) {
         if (event.keyCode === keyCode) {
             action();
         }
     }, [keyCode, action]);
-    React.useEffect(function () {
+    useEffect(function () {
         document.addEventListener('keydown', testKeyCode, false);
         return function () {
             document.removeEventListener('keydown', testKeyCode, false);
@@ -20,5 +16,5 @@ var OnKeyPress = function (_a) {
     return null;
 };
 
-exports.default = OnKeyPress;
+export { OnKeyPress as default };
 //# sourceMappingURL=KeyPress.js.map

package/ui/utils/KeyPress/KeyPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyPress.js","sources":["../../../../packages/ui/utils/KeyPress/KeyPress.tsx"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nvar OnKeyPress = function (_a) {\n    var action = _a.action, keyCode = _a.keyCode;\n    var testKeyCode = useCallback(function (event) {\n        if (event.keyCode === keyCode) {\n            action();\n        }\n    }, [keyCode, action]);\n    useEffect(function () {\n        document.addEventListener('keydown', testKeyCode, false);\n        return function () {\n            document.removeEventListener('keydown', testKeyCode, false);\n        };\n    }, [testKeyCode]);\n    return null;\n};\nexport default OnKeyPress;\n//# sourceMappingURL=KeyPress.js.map"],"names":["useCallback","useEffect"],"mappings":";;;;;;AACG,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AAC/B,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AACjD,IAAI,IAAI,WAAW,GAAGA,iBAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;AACvC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACjE,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACxE,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,IAAI,OAAO,IAAI,CAAC;AAChB;;;;"}
+{"version":3,"file":"KeyPress.js","sources":["../../../../packages/ui/utils/KeyPress/KeyPress.tsx"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nvar OnKeyPress = function (_a) {\n    var action = _a.action, keyCode = _a.keyCode;\n    var testKeyCode = useCallback(function (event) {\n        if (event.keyCode === keyCode) {\n            action();\n        }\n    }, [keyCode, action]);\n    useEffect(function () {\n        document.addEventListener('keydown', testKeyCode, false);\n        return function () {\n            document.removeEventListener('keydown', testKeyCode, false);\n        };\n    }, [testKeyCode]);\n    return null;\n};\nexport default OnKeyPress;\n//# sourceMappingURL=KeyPress.js.map"],"names":[],"mappings":";;AACG,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AAC/B,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AACjD,IAAI,IAAI,WAAW,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;AACvC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACjE,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACxE,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,IAAI,OAAO,IAAI,CAAC;AAChB;;;;"}

package/ui/utils/KeyPress/index.js

@@ -1,10 +1,6 @@
-'use strict';
+import OnKeyPress from './KeyPress.js';
 
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var KeyPress = require('./KeyPress.js');
 
-
-
-exports.default = KeyPress.default;
+export { OnKeyPress as default };
 //# sourceMappingURL=index.js.map

package/ui/utils/KeyPress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/ui/utils/index.js

@@ -1,16 +1,10 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var createRgba = require('./CreateRgba/createRgba.js');
-var KeyPress = require('./KeyPress/KeyPress.js');
+import { createRgba } from './CreateRgba/createRgba.js';
+import OnKeyPress from './KeyPress/KeyPress.js';
 
 var index = {
-    createRgba: createRgba.createRgba,
-    KeyPress: KeyPress.default,
+    createRgba: createRgba,
+    KeyPress: OnKeyPress,
 };
 
-exports.createRgba = createRgba.createRgba;
-exports.KeyPress = KeyPress.default;
-exports.default = index;
+export { OnKeyPress as KeyPress, createRgba, index as default };
 //# sourceMappingURL=index.js.map

package/ui/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/ui/utils/index.ts"],"sourcesContent":["import createRgba from './CreateRgba/createRgba';\nimport KeyPress from './KeyPress';\nexport { createRgba, KeyPress };\nexport default {\n    createRgba: createRgba,\n    KeyPress: KeyPress,\n};\n//# sourceMappingURL=index.js.map"],"names":["createRgba","KeyPress"],"mappings":";;;;;;;AAGA,YAAe;AACf,IAAI,UAAU,EAAEA,qBAAU;AAC1B,IAAI,QAAQ,EAAEC,gBAAQ;AACtB,CAAC;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/ui/utils/index.ts"],"sourcesContent":["import createRgba from './CreateRgba/createRgba';\nimport KeyPress from './KeyPress';\nexport { createRgba, KeyPress };\nexport default {\n    createRgba: createRgba,\n    KeyPress: KeyPress,\n};\n//# sourceMappingURL=index.js.map"],"names":["KeyPress"],"mappings":";;;AAGA,YAAe;AACf,IAAI,UAAU,EAAE,UAAU;AAC1B,IAAI,QAAQ,EAAEA,UAAQ;AACtB,CAAC;;;;"}

package/ui/Blocks/Tabs/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Tabs = require('./Tabs.js');
-require('react');
-
-
-
-exports.Tabs = Tabs.Tabs;
-exports.default = Tabs.Tabs;
-//# sourceMappingURL=index.js.map

package/ui/Blocks/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}