@mailstep/design-system 0.1.4-beta.9 → 0.1.6

package/ui/Elements/ErrorMessage/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types.js';
+
+declare const ErrorMessage: Props
+
+export { Props, ErrorMessage as default };

package/ui/Elements/ErrorMessage/index.js

@@ -0,0 +1,6 @@
+import ErrorMessage from './ErrorMessage.js';
+
+
+
+export { ErrorMessage, ErrorMessage as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/ErrorMessage/index.js.map

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

package/ui/Elements/ErrorMessage/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    children: ReactNode;
+    appearance?: 'inline' | 'tooltip';
+};
+
+export { Props };

package/ui/Elements/Icon/index.d.ts

@@ -0,0 +1,8 @@
+import { IIcon, SvgProps } from './types.js';
+import { FC } from 'react';
+
+declare const Icon: IIcon
+declare const FlagUSA: FC<SvgProps>
+declare const FlagCZ: FC<SvgProps>
+
+export { FlagCZ, FlagUSA, IIcon, Icon as default };

package/ui/Elements/Icon/index.js

@@ -0,0 +1,9 @@
+import Icon from './Icon.js';
+export { iconDictionary } from './Icon.js';
+import 'tslib';
+import 'react/jsx-runtime';
+
+
+
+export { Icon, Icon as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Icon/index.js.map

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

package/ui/Elements/Icon/types.d.ts

@@ -0,0 +1,25 @@
+import { MouseEventHandler } from 'react';
+
+type IconProps = {
+    icon: string;
+    style?: 'normal' | 'light' | 'solid';
+    fill?: string;
+    size?: number | string;
+    className?: string;
+    fixedWidth?: boolean;
+    spinning?: boolean;
+    secondaryColor?: string;
+};
+interface SvgProps {
+    width?: number | string;
+    height?: number | string;
+    onClick?: MouseEventHandler<SVGSVGElement>;
+    fill?: string;
+    stroke?: string;
+    cursor?: string;
+}
+interface IIcon {
+    (props: IconProps): JSX.Element;
+}
+
+export { IIcon, IconProps, SvgProps };

package/ui/Elements/Image/Image.d.ts

@@ -0,0 +1,5 @@
+import { ImageProps } from './types.js';
+
+declare const Image: (props: ImageProps) => JSX.Element;
+
+export { Image as default };

package/ui/Elements/Image/index.d.ts

@@ -0,0 +1,5 @@
+import Image from './Image.js';
+
+
+
+export { Image, Image as default };

package/ui/Elements/Image/index.js

@@ -0,0 +1,6 @@
+import Image from './Image.js';
+
+
+
+export { Image, Image as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Image/index.js.map

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

package/ui/Elements/Image/types.d.ts

@@ -0,0 +1,19 @@
+type ImageProps = {
+    src: string;
+    loader?: JSX.Element | null;
+    unloader?: JSX.Element | null;
+    decode?: boolean;
+    container?: any;
+    crossOrigin?: "" | "anonymous" | "use-credentials";
+    srcSet?: {
+        [width: string]: string;
+    };
+    width?: string;
+    height?: string;
+    smartCrop?: boolean;
+    onClick?: any;
+    onMouseOver?: any;
+    onMouseOut?: any;
+};
+
+export { ImageProps };

package/ui/Elements/Label/Label.d.ts

@@ -0,0 +1,11 @@
+import * as styled_components from 'styled-components';
+import * as _xstyled_system from '@xstyled/system';
+
+declare const Label: styled_components.StyledComponent<"label", _xstyled_system.Theme, {
+    fontSize?: string | number | undefined;
+}, never>;
+declare const FieldLabel: styled_components.StyledComponent<"label", _xstyled_system.Theme, {
+    $isInvalid?: boolean | undefined;
+}, never>;
+
+export { FieldLabel, Label };

package/ui/Elements/Label/index.d.ts

@@ -0,0 +1,6 @@
+import { Label } from './Label.js';
+export { FieldLabel } from './Label.js';
+
+
+
+export { Label, Label as default };

package/ui/Elements/Label/index.js

@@ -0,0 +1,7 @@
+import { Label } from './Label.js';
+export { FieldLabel } from './Label.js';
+
+
+
+export { Label, Label as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Label/index.js.map

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

package/ui/Elements/Line/index.d.ts

@@ -0,0 +1,3 @@
+declare const Line: ILine
+
+export { Line as default };

package/ui/Elements/Line/index.js

@@ -0,0 +1,6 @@
+import Line from './Line.js';
+
+
+
+export { Line, Line as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Line/index.js.map

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

package/ui/Elements/Line/types.d.ts

@@ -0,0 +1,13 @@
+type Gab = 'none' | 'small' | 'medium' | 'large';
+type Variant = 'solid' | 'dashed';
+type LineProps = {
+    gab?: Gab;
+    gabTop?: Gab;
+    gabBottom?: Gab;
+    variant?: Variant;
+};
+interface ILine {
+    (props: LineProps): JSX.Element;
+}
+
+export { Gab, ILine, LineProps, Variant };

package/ui/Elements/Link/Link.d.ts

@@ -0,0 +1,31 @@
+import react__default from 'react';
+
+type ToObjectType = {
+    pathname?: string;
+    search?: string;
+    hash?: string;
+    state?: object;
+};
+type Props = {
+    as?: any;
+    children?: react__default.ReactNode;
+    to?: string | ToObjectType | Function;
+    target?: string;
+    color?: string;
+    size: number | 'inherit';
+    disabled?: boolean;
+    onClick?: Function;
+};
+declare const Link: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        to: string;
+        color: string;
+        disabled: boolean;
+        size: number;
+        padding: string;
+        replace: boolean;
+    };
+};
+
+export { Link as default };

package/ui/Elements/Link/index.d.ts

@@ -0,0 +1,5 @@
+import Link from './Link.js';
+
+
+
+export { Link, Link as default };

package/ui/Elements/Link/index.js

@@ -0,0 +1,6 @@
+import Link from './Link.js';
+
+
+
+export { Link, Link as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Link/index.js.map

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

package/ui/Elements/Logo/index.d.ts

@@ -0,0 +1,5 @@
+import { LogoProps } from './types.js';
+
+declare const Logo: (props: LogoProps) => JSX.Element | null
+
+export { Logo as default };

package/ui/Elements/Logo/index.js

@@ -0,0 +1,6 @@
+import Logo from './Logo.js';
+
+
+
+export { Logo, Logo as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Logo/index.js.map

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

package/ui/Elements/Logo/types.d.ts

@@ -0,0 +1,12 @@
+type Brand = 'mailship' | 'mailwise' | 'mailstock' | 'mailstep' | 'mailwrap';
+type Variant = 'white' | 'black' | 'm' | 's';
+type Size = 'small' | 'medium' | 'big' | undefined;
+type LogoProps = {
+    variant?: Variant;
+    size?: Size;
+    brand?: Brand;
+    width?: string;
+    height?: string;
+};
+
+export { Brand, LogoProps, Size, Variant };

package/ui/Elements/Pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    page?: number;
+    itemCount?: number;
+    itemPerPage?: number;
+    onPageChange?: (number: number) => void;
+};
+
+export { Props };

package/ui/Elements/Pagination/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './Pagination.js';
+
+declare const Pagination: Props
+
+export { Props, Pagination as default };

package/ui/Elements/Pagination/index.js

@@ -0,0 +1,6 @@
+import Pagination from './Pagination.js';
+
+
+
+export { Pagination, Pagination as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Pagination/index.js.map

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

package/ui/Elements/Paragraph/Paragraph.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Paragraph: () => react_jsx_runtime.JSX.Element;
+
+export { Paragraph as default };

package/ui/Elements/Paragraph/index.d.ts

@@ -0,0 +1,5 @@
+import Paragraph from './Paragraph.js';
+
+
+
+export { Paragraph, Paragraph as default };

package/ui/Elements/Paragraph/index.js

@@ -0,0 +1,6 @@
+import Paragraph from './Paragraph.js';
+
+
+
+export { Paragraph, Paragraph as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Paragraph/index.js.map

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

package/ui/Elements/Portal/index.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+
+declare const Portal: ({ children }: {
+    children: JSX.Element;
+}) => react.ReactPortal;
+
+export { Portal, Portal as default };

package/ui/Elements/Portal/index.js

@@ -13,5 +13,5 @@ var Portal = function (_a) {
     return ReactDom.createPortal(children, container);
 };
 
-export { Portal };
+export { Portal, Portal as default };
 //# sourceMappingURL=index.js.map

package/ui/Elements/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n    var children = _a.children;\n    var container = useState(function () { return document.createElement('div'); })[0];\n    useEffect(function () {\n        document.body.appendChild(container);\n        return function () {\n            document.body.removeChild(container);\n        };\n    }, []);\n    return ReactDom.createPortal(children, container);\n};\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n    var children = _a.children;\n    var container = useState(function () { return document.createElement('div'); })[0];\n    useEffect(function () {\n        document.body.appendChild(container);\n        return function () {\n            document.body.removeChild(container);\n        };\n    }, []);\n    return ReactDom.createPortal(children, container);\n};\nexport default Portal;\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;"}

package/ui/Elements/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    progress?: number;
+    status?: 'loading' | 'finished' | 'error';
+    errorMessage?: string;
+    noText?: boolean;
+    variant?: 'normal' | 'thin';
+};
+declare const ProgressBar: ({ progress, status, errorMessage, noText, variant }: Props) => JSX.Element;
+
+export { ProgressBar as default };

package/ui/Elements/ProgressBar/index.d.ts

@@ -0,0 +1,5 @@
+import ProgressBar from './ProgressBar.js';
+
+
+
+export { ProgressBar, ProgressBar as default };

package/ui/Elements/ProgressBar/index.js

@@ -0,0 +1,6 @@
+import ProgressBar from './ProgressBar.js';
+
+
+
+export { ProgressBar, ProgressBar as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/ProgressBar/index.js.map

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

package/ui/Elements/SimpleLink/SimpleLink.d.ts

@@ -0,0 +1,23 @@
+import * as styled_components from 'styled-components';
+import * as _xstyled_system from '@xstyled/system';
+import react__default from 'react';
+import { Link } from 'react-router-dom';
+
+type ToObjectType = {
+    pathname?: string;
+    search?: string;
+    hash?: string;
+    state?: object;
+};
+type Props = {
+    as?: string;
+    children?: react__default.ReactNode;
+    to?: string | ToObjectType | Function;
+    target?: string;
+    disabled?: boolean;
+    onClick?: Function;
+    $decorate?: boolean;
+};
+declare const StyledLink: styled_components.StyledComponent<typeof Link, _xstyled_system.Theme, Props, never>;
+
+export { Props, ToObjectType, StyledLink as default };

package/ui/Elements/SimpleLink/index.d.ts

@@ -0,0 +1,5 @@
+import StyledLink from './SimpleLink.js';
+
+
+
+export { StyledLink as SimpleLink, StyledLink as default };

package/ui/Elements/SimpleLink/index.js

@@ -0,0 +1,6 @@
+import StyledLink from './SimpleLink.js';
+
+
+
+export { StyledLink as SimpleLink, StyledLink as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/SimpleLink/index.js.map

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

package/ui/Elements/SpaceAround/SpaceAround.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types.js';
+
+declare const SpaceAroundWrap: ({ children, spaceBetween, spaceAround, ...rest }: Props) => JSX.Element;
+
+export { SpaceAroundWrap as default };

package/ui/Elements/SpaceAround/index.d.ts

@@ -0,0 +1,5 @@
+import SpaceAroundWrap from './SpaceAround.js';
+
+
+
+export { SpaceAroundWrap, SpaceAroundWrap as default };

package/ui/Elements/SpaceAround/index.js

@@ -0,0 +1,6 @@
+import SpaceAroundWrap from './SpaceAround.js';
+
+
+
+export { SpaceAroundWrap, SpaceAroundWrap as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/SpaceAround/index.js.map

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

package/ui/Elements/SpaceAround/types.d.ts

@@ -0,0 +1,15 @@
+type SpaceAroundProps = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+};
+type SpaceAround = boolean | SpaceAroundProps;
+type Props = {
+    children: React.ReactNode;
+    spaceAround?: SpaceAround;
+    className?: string;
+    spaceBetween?: boolean;
+};
+
+export { Props, SpaceAround, SpaceAroundProps };

package/ui/Elements/Spinner/index.d.ts

@@ -0,0 +1,5 @@
+import { ISpinner } from './types.js';
+
+declare const Spinner: ISpinner
+
+export { Spinner as default };

package/ui/Elements/Spinner/index.js

@@ -0,0 +1,6 @@
+import { Spinner } from './Spinner.js';
+
+
+
+export { Spinner, Spinner as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Spinner/index.js.map

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

package/ui/Elements/Spinner/types.d.ts

@@ -0,0 +1,8 @@
+type AppearanceType = 'concept' | 'done' | 'error' | 'info' | 'processing' | 'success' | 'warning' | 'waiting';
+interface SpinnerProps {
+    variant?: 'default' | 'sm';
+    appearance?: AppearanceType;
+}
+type ISpinner = (props: SpinnerProps) => JSX.Element;
+
+export { AppearanceType, ISpinner, SpinnerProps };

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

@@ -0,0 +1,7 @@
+import { Props, Pallete } from './types.js';
+
+declare const Tag: (props: Props) => JSX.Element
+
+declare const palletes: Record<string, Pallete>
+
+export { Pallete, Props, Tag as default, palletes };

package/ui/Elements/Tag/index.js

@@ -0,0 +1,6 @@
+import { Tag } from './Tag.js';
+
+
+
+export { Tag, Tag as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Tag/index.js.map

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

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

@@ -0,0 +1,18 @@
+type Props = {
+    color?: string;
+    textColor?: string;
+    isNotSelected?: boolean;
+    pointer?: boolean;
+    hover?: boolean;
+    opacity?: boolean;
+    border?: boolean;
+    size?: 'small' | 'medium' | 'big';
+    children?: React.ReactNode;
+    onClick?: () => void;
+};
+type Pallete = {
+    color: string;
+    textColor: string;
+};
+
+export { Pallete, Props };

package/ui/Elements/Text/types.d.ts

@@ -0,0 +1,14 @@
+type TextProps = {
+    children?: string | number | JSX.Element | (JSX.Element | undefined)[];
+    fontSize?: number;
+    fontWeight?: string;
+    variant?: 'normal' | 'medium' | 'semiBold' | 'bold';
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+};
+
+export { TextProps };

package/ui/Elements/Toast/Toast.d.ts

@@ -0,0 +1,12 @@
+import { ToastOptions } from 'react-toastify';
+
+type ToastType = 'info' | 'success' | 'error' | 'warning';
+type CustomToastProps = ToastOptions & {
+    closeToast?: () => void;
+    toastProps?: ToastOptions;
+    title?: string;
+    text?: string;
+    type: ToastType;
+};
+
+export { CustomToastProps, ToastType };

package/ui/Elements/Toast/index.d.ts

@@ -0,0 +1,5 @@
+import { CustomToastProps } from './Toast.js';
+
+declare const Toast: CustomToastProps
+
+export { CustomToastProps, Toast as default };

package/ui/Elements/Toast/index.js

@@ -0,0 +1,6 @@
+import Toast from './Toast.js';
+
+
+
+export { Toast, Toast as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Toast/index.js.map

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

package/ui/Elements/Toggle/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types.js';
+
+declare const Toggle: (props: Props) => JSX.Element
+
+export { Toggle as default };

package/ui/Elements/Toggle/index.js

@@ -0,0 +1,6 @@
+import Toggle from './Toggle.js';
+
+
+
+export { Toggle, Toggle as default };
+//# sourceMappingURL=index.js.map

package/ui/Elements/Toggle/index.js.map

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

package/ui/Elements/Toggle/types.d.ts

@@ -0,0 +1,23 @@
+import { ChangeEvent } from 'react';
+
+type SpaceAroundProps = {
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+};
+type SpaceAround = boolean | SpaceAroundProps;
+type Props = {
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    spaceAround?: SpaceAround;
+    spaceBetween?: boolean;
+    disabled?: boolean;
+    labelPosition?: 'default' | 'left';
+    variant?: 'primary' | 'grid';
+};
+
+export { Props };