@mailstep/design-system 0.1.4-beta.10 → 0.1.4-beta.2

package/ui/dts/ThemeProvider/types.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-export type Color = {
-    [key: string]: string;
-};
-export type Theme = {
-    breakpoints?: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    colors?: {
-        [key: string]: string | Color;
-    };
-    fonts?: {
-        [key: string]: string;
-    };
-    fontLinks?: string[];
-    fontSizes?: string[];
-    fontWeights?: {
-        [key: string]: number | null;
-    };
-    letterSpacings?: {
-        [key: string]: string | null;
-    };
-    borders?: {
-        [key: string]: string;
-    };
-    radii?: {
-        [key: string]: string;
-    };
-    shadows?: {
-        [key: string]: string;
-    };
-    spaces?: number[];
-    lineHeights?: number[];
-    transitions?: {
-        [key: string]: string;
-    };
-    zIndices?: number[];
-};
-export type Themes = {
-    [key: string]: Theme;
-};
-export interface Props {
-    children: React.ReactNode;
-    theme: 'default' | 'light' | 'mailwise';
-    preflight?: boolean;
-}

package/ui/dts/index.d.ts

@@ -1,71 +0,0 @@
-import Card from './Elements/Card';
-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';
-import BorderedBox from './Elements/BorderedBox';
-import Button from './Elements/Button';
-import Dropdown from './Elements/Dropdown';
-import ErrorMessage from './Elements/ErrorMessage';
-import Icon from './Elements/Icon';
-import Image from './Elements/Image';
-import Label from './Elements/Label';
-import Line from './Elements/Line';
-import Link from './Elements/Link';
-import Logo from './Elements/Logo';
-import Pagination from './Elements/Pagination';
-import Paragraph from './Elements/Paragraph';
-import Portal from './Elements/Portal';
-import ProgressBar from './Elements/ProgressBar';
-import SimpleLink from './Elements/SimpleLink';
-import SpaceAround from './Elements/SpaceAround';
-import Spinner from './Elements/Spinner';
-import Tag from './Elements/Tag';
-import Toast from './Elements/Toast';
-import Toggle from './Elements/Toggle';
-import Typography from './Elements/Typography';
-import Checkbox from './Forms/Checkbox';
-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 * from './Blocks/CornerDialog';
-export * from './Blocks/ImageList';
-export * from './Blocks/LightBox';
-export * from './Blocks/Modal';
-export * from './Blocks/Tabs';
-export * from './Elements/Alert';
-export * from './Elements/Avatar';
-export * from './Elements/Badge';
-export * from './Elements/BorderedBox';
-export * from './Elements/Button';
-export * from './Elements/Card';
-export * from './Elements/Dropdown';
-export * from './Elements/ErrorMessage';
-export * from './Elements/Icon';
-export * from './Elements/Image';
-export * from './Elements/Label';
-export * from './Elements/Line';
-export * from './Elements/Link';
-export * from './Elements/Logo';
-export * from './Elements/Pagination';
-export * from './Elements/Paragraph';
-export * from './Elements/Portal';
-export * from './Elements/ProgressBar';
-export * from './Elements/SimpleLink';
-export * from './Elements/SpaceAround';
-export * from './Elements/Spinner';
-export * from './Elements/Tag';
-export * from './Elements/Toast';
-export * from './Elements/Toggle';
-export * from './Elements/Typography';
-export * from './Forms/Checkbox';
-export * from './Forms/Input';
-export * from './Forms/RadioButton';
-export * from './ThemeProvider';
-export * from './utils';

package/ui/dts/utils/CreateRgba/createRgba.d.ts

@@ -1,3 +0,0 @@
-import { CreateRgba } from './types';
-export declare const createRgba: CreateRgba;
-export default createRgba;

package/ui/dts/utils/CreateRgba/types.d.ts

@@ -1 +0,0 @@
-export type CreateRgba = (color: string, alpha: number) => string;

package/ui/dts/utils/KeyPress/KeyPress.d.ts

@@ -1,3 +0,0 @@
-import { KeyPress } from './types';
-declare const OnKeyPress: KeyPress;
-export default OnKeyPress;

package/ui/dts/utils/KeyPress/KeyPress.stories.d.ts

@@ -1,10 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("./types").KeyPress;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/ui/dts/utils/KeyPress/index.d.ts

@@ -1,2 +0,0 @@
-import KeyPress from './KeyPress';
-export default KeyPress;

package/ui/dts/utils/KeyPress/types.d.ts

@@ -1,6 +0,0 @@
-type KeyPressProps = {
-    action: () => void;
-    keyCode: number;
-};
-export type KeyPress = (props: KeyPressProps) => null;
-export {};

package/ui/dts/utils/index.d.ts

@@ -1,8 +0,0 @@
-import createRgba from './CreateRgba/createRgba';
-import KeyPress from './KeyPress';
-export { createRgba, KeyPress };
-declare const _default: {
-    createRgba: import("./CreateRgba/types").CreateRgba;
-    KeyPress: import("./KeyPress/types").KeyPress;
-};
-export default _default;

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

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

package/ui/utils/index.js

@@ -1,10 +0,0 @@
-import { createRgba } from './CreateRgba/createRgba.js';
-import OnKeyPress from './KeyPress/KeyPress.js';
-
-var index = {
-    createRgba: createRgba,
-    KeyPress: OnKeyPress,
-};
-
-export { OnKeyPress as KeyPress, createRgba, index as default };
-//# sourceMappingURL=index.js.map

package/ui/utils/index.js.map

@@ -1 +0,0 @@
-{"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;;;;"}