@mailstep/design-system 0.8.31-beta.3 → 0.8.31

package/ui/Blocks/Table/stories/Table.stories.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Table } from '../';
-var meta = {
-    title: 'Blocks/Table',
-    component: Table,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-var columnDefinitions = [
-    { name: 'name', title: 'Name' },
-    { name: 'surname', title: 'Surname' },
-    { name: 'age', title: 'Age' }
-];
-var data = [
-    { id: 'id1', name: 'Fred', surname: 'Borow', age: 15 },
-    { id: 'id2', name: 'Karl', surname: 'Boxer', age: 25 },
-    { id: 'id3', name: 'Igor', surname: 'Laryngtown', age: 35 },
-];
-export var Default = function () { return (_jsx(Table, { columnDefinitions: columnDefinitions, data: data, onRowClick: function (dataRow) { return console.log(dataRow); } })); };

package/ui/Blocks/Tabs/stories/Tabs.stories.js

@@ -1,44 +0,0 @@
-import { Tabs } from '../Tabs';
-var meta = {
-    title: 'Blocks/Tabs',
-    component: Tabs,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-var tabs = [
-    {
-        label: 'Main Tab',
-        icon: 'product',
-        badgeCount: 55,
-    },
-    {
-        label: 'Main Tab',
-        badgeCount: 55,
-    },
-    {
-        label: 'Side Tab',
-        icon: 'box',
-    },
-];
-export var ActiveTabWithBadgeAndIcon = {
-    args: {
-        tabsDefinition: tabs,
-        onTabSwitch: console.log,
-        activeTab: 0,
-    },
-};
-export var ActiveTabWithBadge = {
-    args: {
-        tabsDefinition: tabs,
-        onTabSwitch: console.log,
-        activeTab: 1,
-    },
-};
-export var ActiveTabWithIcon = {
-    args: {
-        tabsDefinition: tabs,
-        onTabSwitch: console.log,
-        activeTab: 2,
-    },
-};

package/ui/Elements/Alert/stories/Alert.stories.js

@@ -1,73 +0,0 @@
-import { Alert } from '../';
-var meta = {
-    title: 'Elements/Alert',
-    component: Alert,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Success = {
-    args: {
-        intent: 'success',
-        title: 'alert',
-        text: 'text',
-    },
-};
-export var Warning = {
-    args: {
-        intent: 'warning',
-        title: 'alert',
-        text: 'warning',
-    },
-};
-export var Info = {
-    args: {
-        intent: 'info',
-        title: 'alert',
-        text: 'info',
-    },
-};
-export var Danger = {
-    args: {
-        intent: 'danger',
-        title: 'alert',
-        text: 'danger',
-    },
-};
-export var DangerInline = {
-    args: {
-        intent: 'danger',
-        title: 'alert',
-        text: 'danger',
-        inline: true,
-    },
-};
-export var DangerWithMessage = {
-    args: {
-        intent: 'danger',
-        title: 'alert',
-        text: 'This is a text content',
-        onClick: console.log,
-        inline: true,
-    },
-};
-export var WithDescription = {
-    args: {
-        intent: 'danger',
-        title: 'alert',
-        text: 'This is a text content',
-        onClick: console.log,
-        inline: true,
-        desc: "This is an extra description."
-    },
-};
-export var WithCloseAnywhere = {
-    args: {
-        intent: 'danger',
-        title: 'alert',
-        text: 'This is a text content',
-        closeAnywhere: true,
-        onClose: function () { return console.log('Close'); },
-        inline: true,
-    },
-};

package/ui/Elements/AsyncSelect/stories/AsyncSelect.stories.js

@@ -1,89 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AsyncSelect } from '../AsyncSelect';
-var colors = [
-    'red',
-    'blue',
-    'green',
-    'yellow',
-    'purple',
-    'orange',
-    'pink',
-    'brown',
-    'black',
-    'white',
-    'gray',
-    'cyan',
-    'magenta',
-    'teal',
-    'lime',
-    'indigo',
-    'violet',
-    'gold',
-    'silver',
-    'beige'
-];
-var filterColors = function (inputValue) { return colors.filter(function (value) { return value.includes(inputValue.toLowerCase()); }); };
-var loadOptions = function (inputValue) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, new Promise(function (resolve) {
-                    setTimeout(function () {
-                        resolve(filterColors(inputValue).map(function (color) { return ({ value: color, label: color }); }));
-                    }, 1000);
-                })];
-            case 1: return [2 /*return*/, _a.sent()];
-        }
-    });
-}); };
-var meta = {
-    title: 'Elements/AsyncSelect',
-    component: AsyncSelect,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Multi = function () {
-    return _jsx(AsyncSelect, { loadOptions: loadOptions, isMulti: true, defaultOptions: true, cacheOptions: true });
-};
-export var Single = function () {
-    return _jsx(AsyncSelect, { loadOptions: loadOptions, defaultOptions: true, cacheOptions: true });
-};
-export var Disabled = function () {
-    return _jsx(AsyncSelect, { loadOptions: loadOptions, isDisabled: true, defaultOptions: true, cacheOptions: true });
-};

package/ui/Elements/Avatar/stories/Avatar.stories.js

@@ -1,20 +0,0 @@
-import { Avatar } from '../Avatar';
-var image = 'data:image/png;base64,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';
-var meta = {
-    title: 'Elements/Avatar',
-    component: Avatar,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        size: 100,
-    },
-};
-export var WithImage = {
-    args: {
-        size: 100,
-        src: image,
-    },
-};

package/ui/Elements/Badge/stories/Badge.stories.js

@@ -1,34 +0,0 @@
-import Badge from '../Badge';
-var meta = {
-    title: 'Elements/Badge',
-    component: Badge,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    args: {
-        children: '😀',
-        size: 'default',
-        childWidth: '30px'
-    }
-};
-export var DefaultWithLabelAndRightHorizontalPosition = {
-    args: {
-        children: '😀',
-        label: '10',
-        size: 'default',
-        horizontalPosition: 'right',
-        childWidth: '30px'
-    }
-};
-export var SmallWithLabel = {
-    args: {
-        children: '😃',
-        label: '10',
-        size: 'small',
-        color: 'darkGreen',
-        topPosition: true,
-        childWidth: '30px'
-    }
-};

package/ui/Elements/BarChartSymbol/stories/BarChartSymbol.stories.js

@@ -1,26 +0,0 @@
-import { BarChartSymbol } from '../';
-var meta = {
-    title: 'Elements/BarChartSymbol',
-    component: BarChartSymbol,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    args: {
-        selected: 3,
-        color: 'green'
-    }
-};
-export var MediumBarchChart = {
-    args: {
-        selected: 2,
-        color: 'orange',
-    }
-};
-export var LowBarChart = {
-    args: {
-        selected: 1,
-        color: 'red1',
-    }
-};

package/ui/Elements/BorderedBox/stories/BorderedBox.stories.js

@@ -1,13 +0,0 @@
-import { BorderedBox } from '../';
-var meta = {
-    title: 'Elements/BorderedBox',
-    component: BorderedBox,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        children: 'content of inner box with border <br /> and new line',
-    },
-};

package/ui/Elements/Button/stories/Button.stories.js

@@ -1,120 +0,0 @@
-import { Button } from '../';
-var meta = {
-    title: 'Elements/Button',
-    component: Button,
-    tags: ['autodocs'],
-    argTypes: {},
-    parameters: {
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fwdpl2dchqnNHAsbuoRDXjb%2FElements%3Fnode-id%3D979%253A2939%26t%3DNHB5soSntRqtsFN0-1',
-        },
-    },
-};
-export default meta;
-export var DefaultPrimary = {
-    args: {
-        children: 'Default primary ',
-        variant: 'default',
-        appearance: 'primary',
-        disabled: false,
-    },
-};
-export var DefaultSecondary = {
-    args: {
-        children: 'Default secondary',
-        variant: 'default',
-        appearance: 'secondary',
-        disabled: false,
-    },
-};
-export var DefaultTertiary = {
-    args: {
-        children: 'Default tertiary',
-        variant: 'default',
-        appearance: 'tertiary',
-        disabled: false,
-    },
-};
-export var Success = {
-    args: {
-        children: 'Success',
-        variant: 'success',
-        appearance: 'primary',
-        disabled: false,
-    },
-};
-export var OutlinePrimary = {
-    args: {
-        children: 'Outline primary',
-        variant: 'outline',
-        appearance: 'primary',
-        disabled: false,
-    },
-};
-export var OutlineSecondary = {
-    args: {
-        children: 'Outline secondary',
-        variant: 'outline',
-        appearance: 'secondary',
-        disabled: false,
-    },
-};
-export var GhostPrimary = {
-    args: {
-        children: 'Ghost primary',
-        variant: 'ghost',
-        appearance: 'primary',
-        disabled: false,
-    },
-};
-export var GhostSecondary = {
-    args: {
-        children: 'Ghost secondary',
-        variant: 'ghost',
-        appearance: 'secondary',
-        disabled: false,
-    },
-};
-export var LinkPrimary = {
-    args: {
-        children: 'Link primary',
-        variant: 'link',
-        appearance: 'primary',
-        disabled: false,
-    },
-};
-export var LinkSecondary = {
-    args: {
-        children: 'Link secondary',
-        variant: 'link',
-        appearance: 'secondary',
-        disabled: false,
-    },
-};
-export var Icon = {
-    args: {
-        variant: 'icon',
-        appearance: 'primary',
-        icon: 'coffee',
-        disabled: false,
-    },
-};
-export var IconCustom = {
-    args: {
-        variant: 'icon',
-        appearance: 'primary',
-        icon: 'Print',
-        iconFillColor: 'none',
-        iconStrokeColor: 'white',
-        disabled: false,
-    },
-};
-export var Floating = {
-    args: {
-        variant: 'floating',
-        appearance: 'primary',
-        icon: 'coffee',
-        disabled: false,
-    },
-};

package/ui/Elements/Card/stories/Card.stories.js

@@ -1,34 +0,0 @@
-import Card from '../Card';
-var longText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
-var meta = {
-    title: 'Elements/Card',
-    component: Card,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    args: {
-        children: longText
-    }
-};
-export var WithOnClick = {
-    args: {
-        children: longText,
-        onClick: function () {
-            console.log('click');
-        }
-    }
-};
-export var CustomBg = {
-    args: {
-        children: longText,
-        bg: 'green20'
-    }
-};
-export var WithMaxWidth = {
-    args: {
-        children: longText,
-        maxWidth: '400px'
-    }
-};

package/ui/Elements/CheckedCircle/storries/CheckedCircle.stories.js

@@ -1,27 +0,0 @@
-import { CheckedCircle } from '../';
-var meta = {
-    title: 'Elements/CheckedCircle',
-    component: CheckedCircle,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    args: {}
-};
-export var Checked = {
-    args: {
-        checked: true
-    }
-};
-export var CheckedGreen = {
-    args: {
-        checked: true,
-        color: 'green60'
-    }
-};
-export var Unchecked = {
-    args: {
-        checked: false
-    }
-};

package/ui/Elements/Dropdown/stories/Dropdown.stories.js

@@ -1,14 +0,0 @@
-import Dropdown from '../Dropdown';
-var meta = {
-    title: 'Elements/Dropown',
-    component: Dropdown,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        show: true,
-        children: 'DropdownContent',
-    },
-};

package/ui/Elements/ErrorMessage/stories/ErrorMessage.stories.js

@@ -1,19 +0,0 @@
-import ErrorMessage from '../ErrorMessage';
-var meta = {
-    title: 'Elements/ErrorMessage',
-    component: ErrorMessage,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        children: 'This is an error message',
-    },
-};
-export var Tooltip = {
-    args: {
-        children: 'This is a tooltip error message',
-        appearance: "tooltip"
-    },
-};

package/ui/Elements/Icon/stories/BadgeIcon.stories.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import BadgeIcon from '../BadgeIcon';
-var meta = {
-    title: 'Elements/BadgeIcon',
-    component: BadgeIcon,
-    decorators: [
-        function (Story) { return (_jsx("div", { style: { width: '30px' }, children: _jsx(Story, {}) })); },
-    ],
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        icon: 'coffee',
-        badge: 'warning'
-    },
-};

package/ui/Elements/Icon/stories/Icon.stories.js

@@ -1,48 +0,0 @@
-import { Icon } from '../';
-var meta = {
-    title: 'Elements/Icon',
-    component: Icon,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Expedition = {
-    args: {
-        icon: 'expedition',
-        size: '40px',
-    },
-};
-export var Spinning = {
-    args: {
-        icon: 'expedition',
-        size: '40px',
-        spinning: true
-    },
-};
-export var SmallExpedition = {
-    args: {
-        icon: 'expedition',
-        size: '20px',
-    },
-};
-export var BigExpedition = {
-    args: {
-        icon: 'expedition',
-        size: '80px',
-    },
-};
-export var ExpeditionPink = {
-    args: {
-        icon: 'expedition',
-        fill: 'pink',
-        size: '40px',
-    },
-};
-export var ExpeditionPinkSolid = {
-    args: {
-        icon: 'expedition',
-        style: 'solid',
-        fill: 'pink',
-        size: '40px',
-    },
-};

package/ui/Elements/Image/stories/Image.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from '../Image';
-var small = 'https://via.placeholder.com/150x150';
-var medium = 'https://via.placeholder.com/700x700';
-var large = 'https://via.placeholder.com/1200x1200';
-var Loader = _jsx("div", { children: "loading image ..." });
-var meta = {
-    title: 'Elements/Image',
-    component: Image,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        src: 'https://via.placeholder.com/1200',
-    },
-};
-export var WithLoader = {
-    args: {
-        src: 'https://upload.wikimedia.org/wikipedia/commons/4/47/New_york_times_square-terabass.jpg',
-        loader: Loader,
-    },
-};
-export var CORS = {
-    args: {
-        src: 'https://via.placeholder.com/150x150',
-        crossOrigin: 'anonymous',
-    },
-};
-export var SrcSet = {
-    args: {
-        src: 'https://via.placeholder.com/150x150',
-        srcSet: { '500w': small, '800w': medium, '1400w': large },
-    },
-};

package/ui/Elements/Label/stories/Label.stories.js

@@ -1,20 +0,0 @@
-import { Label } from '../';
-var meta = {
-    title: 'Elements/Label',
-    component: Label,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        children: 'This is a label',
-    },
-};
-export var ManyPages = {
-    args: {
-        itemCount: 1000,
-        itemPerPage: 8,
-        page: 1,
-    },
-};