@mailstep/design-system 0.1.4-beta.6 → 0.1.4-beta.7

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

@@ -0,0 +1,50 @@
+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/build/dts/index.d.ts

@@ -0,0 +1,35 @@
+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/build/dts/utils/CreateRgba/createRgba.d.ts

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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/build/dts/utils/KeyPress/index.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import createRgba from './CreateRgba/createRgba';
+import KeyPress from './KeyPress';
+export { createRgba, KeyPress };

package/build/index.js

@@ -0,0 +1,110 @@
+'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 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$1 = require('./ThemeProvider/themes/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;
+exports.Avatar = Avatar.Avatar;
+exports.Badge = Badge;
+exports.BorderedBox = BorderedBox;
+exports.Button = Button;
+exports.Card = Card.Card;
+exports.CardBody = Card.CardBody;
+exports.CardImage = Card.CardImage;
+exports.Dropdown = Dropdown;
+exports.ErrorMessage = ErrorMessage;
+exports.Icon = Icon.default;
+exports.iconDictionary = Icon.iconDictionary;
+exports.FlagUSA = FlagUSA.FlagUSA;
+exports.FlagCZ = FlagCZ.FlagCZ;
+exports.Image = Image;
+exports.FieldLabel = Label.FieldLabel;
+exports.Label = Label.Label;
+exports.Line = Line;
+exports.Link = Link;
+exports.Logo = Logo;
+exports.Pagination = Pagination;
+exports.Paragraph = Paragraph;
+exports.Portal = index.Portal;
+exports.ProgressBar = ProgressBar;
+exports.SimpleLink = SimpleLink;
+exports.SpaceAroundWrap = SpaceAround;
+exports.Spinner = Spinner.Spinner;
+exports.Tag = Tag.Tag;
+exports.palletes = palletes.palletes;
+exports.Toast = Toast;
+exports.Toggle = Toggle;
+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.Checkbox = Checkbox;
+exports.Input = Input.Input;
+exports.RadioButton = RadioButton;
+exports.ThemeProvider = ThemeProvider;
+exports.themes = index$1;
+exports.createRgba = createRgba.createRgba;
+exports.KeyPress = KeyPress;
+//# sourceMappingURL=index.js.map

package/build/index.js.map

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

package/build/utils/CreateRgba/createRgba.js

@@ -0,0 +1,30 @@
+'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);
+
+var createRgba = function (color, alpha) {
+    color = getOr__default.default(false, "colors[".concat(color, "]"), index.default) || color;
+    if (/^rgb/.test(color)) {
+        return "rgba(".concat(color.substring(color.indexOf('(') + 1, color.length - 1), ", ").concat(alpha, ")");
+    }
+    if (/^#/.test(color)) {
+        var r = parseInt("0x".concat(color.substr(1, 2)));
+        var g = parseInt("0x".concat(color.substr(3, 2)));
+        var b = parseInt("0x".concat(color.substr(5, 2)));
+        return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+    }
+    return color;
+};
+
+exports.createRgba = createRgba;
+exports.default = createRgba;
+//# sourceMappingURL=createRgba.js.map

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

@@ -0,0 +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,KAAM,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/build/utils/KeyPress/KeyPress.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+var OnKeyPress = function (_a) {
+    var action = _a.action, keyCode = _a.keyCode;
+    var testKeyCode = React.useCallback(function (event) {
+        if (event.keyCode === keyCode) {
+            action();
+        }
+    }, [keyCode, action]);
+    React.useEffect(function () {
+        document.addEventListener('keydown', testKeyCode, false);
+        return function () {
+            document.removeEventListener('keydown', testKeyCode, false);
+        };
+    }, [testKeyCode]);
+    return null;
+};
+
+module.exports = OnKeyPress;
+//# sourceMappingURL=KeyPress.js.map

package/build/utils/KeyPress/KeyPress.js.map

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

package/build/utils/KeyPress/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var KeyPress = require('./KeyPress.js');
+
+
+
+module.exports = KeyPress;
+//# sourceMappingURL=index.js.map

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

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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.1.4-beta.6",
+  "version": "0.1.4-beta.7",
   "license": "ISC",
   "type": "module",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "types": "./build/index.d.ts",
   "files": [
-    "build/packages/ui"
+    "build"
   ],
   "scripts": {
     "storybook": "storybook dev -p 6006",