@mailstep/design-system 0.6.2-beta.3 → 0.6.2-beta.4

package/ui/index.js

@@ -1,146 +1,85 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = exports.utils = exports.ThemeProvider = exports.RadioButton = exports.Input = exports.Checkbox = exports.Typography = exports.Toggle = exports.Toast = exports.Tag = exports.Spinner = exports.SpaceAround = exports.SimpleLink = exports.ProgressBar = exports.Portal = exports.Pagination = exports.Logo = exports.Link = exports.Line = exports.Label = exports.Image = exports.Icon = exports.ErrorMessage = exports.Dropdown = exports.Button = exports.BorderedBox = exports.Badge = exports.Avatar = exports.Alert = exports.Tabs = exports.Modal = exports.LightBox = exports.ImageList = exports.CornerDialog = exports.Card = exports.Select = exports.MultiSelect = exports.SingleSelect = exports.Popover = exports.CommonGrid = exports.DatePicker = exports.DropdownSelect = void 0;
-var CornerDialog_1 = __importDefault(require("./Blocks/CornerDialog"));
-exports.CornerDialog = CornerDialog_1.default;
-var ImageList_1 = __importDefault(require("./Blocks/ImageList"));
-exports.ImageList = ImageList_1.default;
-var LightBox_1 = __importDefault(require("./Blocks/LightBox"));
-exports.LightBox = LightBox_1.default;
-var Modal_1 = __importDefault(require("./Blocks/Modal"));
-exports.Modal = Modal_1.default;
-var Tabs_1 = __importDefault(require("./Blocks/Tabs"));
-exports.Tabs = Tabs_1.default;
-var Alert_1 = __importDefault(require("./Elements/Alert"));
-exports.Alert = Alert_1.default;
-var Avatar_1 = __importDefault(require("./Elements/Avatar"));
-exports.Avatar = Avatar_1.default;
-var Badge_1 = __importDefault(require("./Elements/Badge"));
-exports.Badge = Badge_1.default;
-var BorderedBox_1 = __importDefault(require("./Elements/BorderedBox"));
-exports.BorderedBox = BorderedBox_1.default;
-var Button_1 = __importDefault(require("./Elements/Button"));
-exports.Button = Button_1.default;
-var Card_1 = __importDefault(require("./Elements/Card"));
-exports.Card = Card_1.default;
-var Dropdown_1 = __importDefault(require("./Elements/Dropdown"));
-exports.Dropdown = Dropdown_1.default;
-var ErrorMessage_1 = __importDefault(require("./Elements/ErrorMessage"));
-exports.ErrorMessage = ErrorMessage_1.default;
-var Icon_1 = __importDefault(require("./Elements/Icon"));
-exports.Icon = Icon_1.default;
-var Image_1 = __importDefault(require("./Elements/Image"));
-exports.Image = Image_1.default;
-var Label_1 = __importDefault(require("./Elements/Label"));
-exports.Label = Label_1.default;
-var Line_1 = __importDefault(require("./Elements/Line"));
-exports.Line = Line_1.default;
-var Link_1 = __importDefault(require("./Elements/Link"));
-exports.Link = Link_1.default;
-var Logo_1 = __importDefault(require("./Elements/Logo"));
-exports.Logo = Logo_1.default;
-var Pagination_1 = __importDefault(require("./Elements/Pagination"));
-exports.Pagination = Pagination_1.default;
-var Portal_1 = __importDefault(require("./Elements/Portal"));
-exports.Portal = Portal_1.default;
-var ProgressBar_1 = __importDefault(require("./Elements/ProgressBar"));
-exports.ProgressBar = ProgressBar_1.default;
-var SimpleLink_1 = __importDefault(require("./Elements/SimpleLink"));
-exports.SimpleLink = SimpleLink_1.default;
-var SpaceAround_1 = __importDefault(require("./Elements/SpaceAround"));
-exports.SpaceAround = SpaceAround_1.default;
-var Spinner_1 = __importDefault(require("./Elements/Spinner"));
-exports.Spinner = Spinner_1.default;
-var Tag_1 = __importDefault(require("./Elements/Tag"));
-exports.Tag = Tag_1.default;
-var Toast_1 = __importDefault(require("./Elements/Toast"));
-exports.Toast = Toast_1.default;
-var Toggle_1 = __importDefault(require("./Elements/Toggle"));
-exports.Toggle = Toggle_1.default;
-var Typography_1 = __importDefault(require("./Elements/Typography"));
-exports.Typography = Typography_1.default;
-var Checkbox_1 = __importDefault(require("./Forms/Checkbox"));
-exports.Checkbox = Checkbox_1.default;
-var Input_1 = __importDefault(require("./Forms/Input"));
-exports.Input = Input_1.default;
-var RadioButton_1 = __importDefault(require("./Forms/RadioButton"));
-exports.RadioButton = RadioButton_1.default;
-var ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
-exports.ThemeProvider = ThemeProvider_1.default;
-var utils_1 = __importDefault(require("./utils"));
-exports.utils = utils_1.default;
-var DatePicker_1 = __importDefault(require("./Elements/DatePicker"));
-exports.DatePicker = DatePicker_1.default;
-var CommonGrid_1 = __importDefault(require("./Blocks/CommonGrid"));
-exports.CommonGrid = CommonGrid_1.default;
-var Popover_1 = __importDefault(require("./Blocks/Popover"));
-exports.Popover = Popover_1.default;
-var SingleSelect_1 = __importDefault(require("./Elements/SingleSelect"));
-exports.SingleSelect = SingleSelect_1.default;
-var MultiSelect_1 = __importDefault(require("./Elements/MultiSelect"));
-exports.MultiSelect = MultiSelect_1.default;
-var Select_1 = __importDefault(require("./Elements/Select"));
-exports.Select = Select_1.default;
-var DropdownSelect_1 = __importDefault(require("./Elements/DropdownSelect"));
-exports.DropdownSelect = DropdownSelect_1.default;
-var TextArea_1 = __importDefault(require("./Forms/TextArea"));
-exports.TextArea = TextArea_1.default;
-__exportStar(require("./Blocks/CornerDialog"), exports);
-__exportStar(require("./Blocks/ImageList"), exports);
-__exportStar(require("./Blocks/LightBox"), exports);
-__exportStar(require("./Blocks/Modal"), exports);
-__exportStar(require("./Blocks/Tabs"), exports);
-__exportStar(require("./Elements/Alert"), exports);
-__exportStar(require("./Elements/Avatar"), exports);
-__exportStar(require("./Elements/Badge"), exports);
-__exportStar(require("./Elements/BorderedBox"), exports);
-__exportStar(require("./Elements/Button"), exports);
-__exportStar(require("./Elements/Card"), exports);
-__exportStar(require("./Elements/Dropdown"), exports);
-__exportStar(require("./Elements/ErrorMessage"), exports);
-__exportStar(require("./Elements/Icon"), exports);
-__exportStar(require("./Elements/Image"), exports);
-__exportStar(require("./Elements/Label"), exports);
-__exportStar(require("./Elements/Line"), exports);
-__exportStar(require("./Elements/Link"), exports);
-__exportStar(require("./Elements/Logo"), exports);
-__exportStar(require("./Elements/Pagination"), exports);
-__exportStar(require("./Elements/Portal"), exports);
-__exportStar(require("./Elements/ProgressBar"), exports);
-__exportStar(require("./Elements/SimpleLink"), exports);
-__exportStar(require("./Elements/SpaceAround"), exports);
-__exportStar(require("./Elements/Spinner"), exports);
-__exportStar(require("./Elements/Tag"), exports);
-__exportStar(require("./Elements/Toast"), exports);
-__exportStar(require("./Elements/Toggle"), exports);
-__exportStar(require("./Elements/Typography"), exports);
-__exportStar(require("./Forms/Checkbox"), exports);
-__exportStar(require("./Forms/Input"), exports);
-__exportStar(require("./Forms/RadioButton"), exports);
-__exportStar(require("./ThemeProvider"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./Elements/DatePicker"), exports);
-__exportStar(require("./Blocks/CommonGrid"), exports);
-__exportStar(require("./Blocks/Popover"), exports);
-__exportStar(require("./Elements/SingleSelect"), exports);
-__exportStar(require("./Elements/MultiSelect"), exports);
-__exportStar(require("./Elements/Select"), exports);
-__exportStar(require("./Elements/DropdownSelect"), exports);
-__exportStar(require("./Forms/TextArea"), exports);
+import CornerDialog from './Blocks/CornerDialog/index.js';
+import ImageList from './Blocks/ImageList/index.js';
+import LightBox from './Blocks/LightBox/index.js';
+import Modal from './Blocks/Modal/index.js';
+import Tabs from './Blocks/Tabs/index.js';
+import Alert from './Elements/Alert/index.js';
+import Avatar from './Elements/Avatar/index.js';
+import Badge from './Elements/Badge/index.js';
+import BorderedBox from './Elements/BorderedBox/index.js';
+import Button from './Elements/Button/index.js';
+import Card from './Elements/Card/index.js';
+import Dropdown from './Elements/Dropdown/index.js';
+import ErrorMessage from './Elements/ErrorMessage/index.js';
+import Icon from './Elements/Icon/index.js';
+import Image from './Elements/Image/index.js';
+import Label from './Elements/Label/index.js';
+import Line from './Elements/Line/index.js';
+import Link from './Elements/Link/index.js';
+import Logo from './Elements/Logo/index.js';
+import Pagination from './Elements/Pagination/index.js';
+import Portal from './Elements/Portal/index.js';
+import ProgressBar from './Elements/ProgressBar/index.js';
+import SimpleLink from './Elements/SimpleLink/index.js';
+import SpaceAround from './Elements/SpaceAround/index.js';
+import Spinner from './Elements/Spinner/index.js';
+import Tag from './Elements/Tag/index.js';
+import Toast from './Elements/Toast/index.js';
+import Toggle from './Elements/Toggle/index.js';
+import Typography from './Elements/Typography/index.js';
+import Checkbox from './Forms/Checkbox/index.js';
+import Input from './Forms/Input/index.js';
+import RadioButton from './Forms/RadioButton/index.js';
+import ThemeProvider from './ThemeProvider/index.js';
+import utils from './utils/index.js';
+import DatePicker from './Elements/DatePicker/index.js';
+import CommonGrid from './Blocks/CommonGrid/index.js';
+import Popover from './Blocks/Popover/index.js';
+import SingleSelect from './Elements/SingleSelect/index.js';
+import MultiSelect from './Elements/MultiSelect/index.js';
+import Select from './Elements/Select/index.js';
+import DropdownSelect from './Elements/DropdownSelect/index.js';
+import TextArea from './Forms/TextArea/index.js';
+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, };
+export * from './Blocks/CornerDialog/index.js';
+export * from './Blocks/ImageList/index.js';
+export * from './Blocks/LightBox/index.js';
+export * from './Blocks/Modal/index.js';
+export * from './Blocks/Tabs/index.js';
+export * from './Elements/Alert/index.js';
+export * from './Elements/Avatar/index.js';
+export * from './Elements/Badge/index.js';
+export * from './Elements/BorderedBox/index.js';
+export * from './Elements/Button/index.js';
+export * from './Elements/Card/index.js';
+export * from './Elements/Dropdown/index.js';
+export * from './Elements/ErrorMessage/index.js';
+export * from './Elements/Icon/index.js';
+export * from './Elements/Image/index.js';
+export * from './Elements/Label/index.js';
+export * from './Elements/Line/index.js';
+export * from './Elements/Link/index.js';
+export * from './Elements/Logo/index.js';
+export * from './Elements/Pagination/index.js';
+export * from './Elements/Portal/index.js';
+export * from './Elements/ProgressBar/index.js';
+export * from './Elements/SimpleLink/index.js';
+export * from './Elements/SpaceAround/index.js';
+export * from './Elements/Spinner/index.js';
+export * from './Elements/Tag/index.js';
+export * from './Elements/Toast/index.js';
+export * from './Elements/Toggle/index.js';
+export * from './Elements/Typography/index.js';
+export * from './Forms/Checkbox/index.js';
+export * from './Forms/Input/index.js';
+export * from './Forms/RadioButton/index.js';
+export * from './ThemeProvider/index.js';
+export * from './utils/index.js';
+export * from './Elements/DatePicker/index.js';
+export * from './Blocks/CommonGrid/index.js';
+export * from './Blocks/Popover/index.js';
+export * from './Elements/SingleSelect/index.js';
+export * from './Elements/MultiSelect/index.js';
+export * from './Elements/Select/index.js';
+export * from './Elements/DropdownSelect/index.js';
+export * from './Forms/TextArea/index.js';

package/ui/utils/CreateRgba/createRgba.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRgba = void 0;
-var ThemeProvider_1 = require("../../ThemeProvider");
-var getOr_1 = __importDefault(require("lodash/fp/getOr"));
-var createRgba = function (color, alpha) {
-    color = (0, getOr_1.default)(false, "colors[".concat(color, "]"), ThemeProvider_1.themes.default) || color;
+import { themes } from '../../ThemeProvider/index.js';
+import getOr from 'lodash/fp/getOr';
+export var createRgba = function (color, alpha) {
+    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, ")");
     }
@@ -19,5 +13,4 @@ var createRgba = function (color, alpha) {
     }
     return color;
 };
-exports.createRgba = createRgba;
-exports.default = exports.createRgba;
+export default createRgba;

package/ui/utils/CreateRgba/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/ui/utils/KeyPress/KeyPress.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+import { useEffect, useCallback } from 'react';
 var OnKeyPress = function (_a) {
     var action = _a.action, keyCode = _a.keyCode;
-    var testKeyCode = (0, react_1.useCallback)(function (event) {
+    var testKeyCode = useCallback(function (event) {
         if (event.keyCode === keyCode) {
             action();
         }
     }, [keyCode, action]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         document.addEventListener('keydown', testKeyCode, false);
         return function () {
             document.removeEventListener('keydown', testKeyCode, false);
@@ -16,4 +14,4 @@ var OnKeyPress = function (_a) {
     }, [testKeyCode]);
     return null;
 };
-exports.default = OnKeyPress;
+export default OnKeyPress;

package/ui/utils/KeyPress/KeyPress.stories.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var KeyPress_1 = __importDefault(require("./KeyPress"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import KeyPress from './KeyPress.js';
 var meta = {
     title: 'Utils/KeyPress',
-    component: KeyPress_1.default,
+    component: KeyPress,
     tags: ['autodocs'],
     argTypes: {},
 };
-exports.default = meta;
-exports.Default = {
+export default meta;
+export var Default = {
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Story, {}), " Press ESC"] })); },
+        function (Story) { return (_jsxs("div", { children: [_jsx(Story, {}), " Press ESC"] })); },
     ],
     args: {
         action: function () { return alert('You click ESC'); },

package/ui/utils/KeyPress/index.js

@@ -1,7 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var KeyPress_1 = __importDefault(require("./KeyPress"));
-exports.default = KeyPress_1.default;
+import KeyPress from './KeyPress.js';
+export default KeyPress;

package/ui/utils/KeyPress/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/ui/utils/index.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyPress = exports.createRgba = void 0;
-var createRgba_1 = __importDefault(require("./CreateRgba/createRgba"));
-exports.createRgba = createRgba_1.default;
-var KeyPress_1 = __importDefault(require("./KeyPress"));
-exports.KeyPress = KeyPress_1.default;
-exports.default = {
-    createRgba: createRgba_1.default,
-    KeyPress: KeyPress_1.default,
+import createRgba from './CreateRgba/createRgba.js';
+import KeyPress from './KeyPress/index.js';
+export { createRgba, KeyPress };
+export default {
+    createRgba: createRgba,
+    KeyPress: KeyPress,
 };