@mailstep/design-system 0.7.66 → 0.7.68-beta.0

package/ui/Elements/Icon/icons/ImagePlaceholder.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const ImagePlaceholder: FC<SvgProps>;

package/ui/Elements/Icon/icons/Income.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Income: FC<SvgProps>;

package/ui/Elements/Icon/icons/Info.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Info: FC<SvgProps>;

package/ui/Elements/Icon/icons/Integrations.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const Integrations: FC<SvgProps>;

package/ui/Elements/Icon/icons/Inventory.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Inventory: FC<SvgProps>;

package/ui/Elements/Icon/icons/Inventory2.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Inventory2: FC<SvgProps>;

package/ui/Elements/Icon/icons/Layout.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import type { SvgProps } from '../types';
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
 export declare const Layout: FC<SvgProps>;

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

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const Link: FC<SvgProps>;

package/ui/Elements/Icon/icons/Liquid.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import { type SvgProps } from '../types';
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
 export declare const Liquid: FC<SvgProps>;

package/ui/Elements/Icon/icons/Location.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Location: FC<SvgProps>;

package/ui/Elements/Icon/icons/Logout1.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Logout1: FC<SvgProps>;

package/ui/Elements/Icon/icons/MachinePackingForbidden.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import { type SvgProps } from '../types';
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
 export declare const MachinePackingForbidden: FC<SvgProps>;

package/ui/Elements/Icon/icons/MakePhoto.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const MakePhoto: FC<SvgProps>;

package/ui/Elements/Icon/icons/MenuItems.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const MenuItems: FC<SvgProps>;

package/ui/Elements/Icon/icons/Message.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Message: FC<SvgProps>;

package/ui/Elements/Icon/icons/MobileCancel.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const MobileCancel: FC<SvgProps>;

package/ui/Elements/Icon/icons/MobilePhone.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import { type SvgProps } from '../types';
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
 export declare const MobilePhone: FC<SvgProps>;

package/ui/Elements/Icon/icons/Notification2.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Notification2: FC<SvgProps>;

package/ui/Elements/Icon/icons/OpenBox.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const OpenBox: FC<SvgProps>;

package/ui/Elements/Icon/icons/Pallet.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Pallet: FC<SvgProps>;

package/ui/Elements/Icon/icons/Plus1.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Plus1: FC<SvgProps>;

package/ui/Elements/Icon/icons/Print.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Print: FC<SvgProps>;

package/ui/Elements/Icon/icons/Product.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const Product: FC<SvgProps>;

package/ui/Elements/Icon/icons/Products.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Products: FC<SvgProps>;

package/ui/Elements/Icon/icons/Profile.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Profile: FC<SvgProps>;

package/ui/Elements/Icon/icons/Puzzle1.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Puzzle1: FC<SvgProps>;

package/ui/Elements/Icon/icons/QRCode.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const QRCode: FC<SvgProps>;

package/ui/Elements/Icon/icons/Rack.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const Rack: FC<SvgProps>;

package/ui/Elements/Icon/icons/Return.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Return: FC<SvgProps>;

package/ui/Elements/Icon/icons/Rows.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const Rows: FC<SvgProps>;

package/ui/Elements/Icon/icons/Settings2.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Settings2: FC<SvgProps>;

package/ui/Elements/Icon/icons/ShoppingBag.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const ShoppingBag: FC<SvgProps>;

package/ui/Elements/Icon/icons/ThreeDots.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const ThreeDots: FC<SvgProps>;

package/ui/Elements/Icon/icons/ToastError.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const ToastError: FC<SvgProps>;

package/ui/Elements/Icon/icons/ToastSuccess.d.ts

@@ -1,3 +1,4 @@
 import { SvgProps } from '../types';
 import { FC } from 'react';
+
 export declare const ToastSuccess: FC<SvgProps>;

package/ui/Elements/Icon/icons/Transfer.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Transfer: FC<SvgProps>;

package/ui/Elements/Icon/icons/TrashBin.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const TrashBin: FC<SvgProps>;

package/ui/Elements/Icon/icons/Truck.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const Truck: FC<SvgProps>;

package/ui/Elements/Icon/icons/TwoBoxes.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const TwoBoxes: FC<SvgProps>;

package/ui/Elements/Icon/icons/TwoCheckedBoxes.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const TwoCheckedBoxes: FC<SvgProps>;

package/ui/Elements/Icon/icons/TwoUsers.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
+import { FC } from 'react';
 import { SvgProps } from '../types';
+
 export declare const TwoUsers: FC<SvgProps>;

package/ui/Elements/Icon/icons/Valuable.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import { type SvgProps } from '../types';
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
 export declare const Valuable: FC<SvgProps>;

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

@@ -6,6 +6,8 @@ export { FlagESP } from './FlagESP';
 export { FlagITA } from './FlagITA';
 export { FlagRUS } from './FlagRUS';
 export { FlagSVK } from './FlagSVK';
+export { FlagNL } from './FlagNL';
+export { FlagHU } from './FlagHU';
 export { FlagUK } from './FlagUK';
 export { Complaint } from './Complaint';
 export { Expeditions } from './Expeditions';

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

@@ -6,6 +6,8 @@ export { FlagESP } from './FlagESP';
 export { FlagITA } from './FlagITA';
 export { FlagRUS } from './FlagRUS';
 export { FlagSVK } from './FlagSVK';
+export { FlagNL } from './FlagNL';
+export { FlagHU } from './FlagHU';
 export { FlagUK } from './FlagUK';
 export { Complaint } from './Complaint';
 export { Expeditions } from './Expeditions';

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

@@ -1,4 +1,5 @@
-import Icon from './Icon';
+import { default as Icon } from './Icon';
+
 export type { IconProps } from './types';
 export * from './icons';
 export { iconDictionary } from './Icon';

package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ badge, ...iconProps }: {
+    component: import('react').FC<{
         badge: "warning";
-    } & import("..").IconProps) => JSX.Element;
-    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    } & import('..').IconProps>;
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         badge: "warning";
         icon: string;
         style?: "normal" | "light" | "solid" | undefined;
         fill?: string | undefined;
-        size?: string | number | undefined;
+        size?: number | string | undefined;
         className?: string | undefined;
         fixedWidth?: boolean | undefined;
         spinning?: boolean | undefined;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ icon, fill, style, size, className, secondaryColor, fixedWidth, spinning }: import("../types").IconProps) => JSX.Element;
+    component: import('react').FC<import('../types').IconProps>;
     tags: string[];
     argTypes: {};
 };

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

@@ -1,4 +1,5 @@
 import { MouseEventHandler } from 'react';
+
 export type IconProps = {
     icon: string;
     style?: 'normal' | 'light' | 'solid';
@@ -18,6 +19,3 @@ export interface SvgProps {
     cursor?: string;
     opacity?: number;
 }
-export interface IIcon {
-    (props: IconProps): JSX.Element;
-}

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

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

package/ui/Elements/Image/Image.js

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Img } from 'react-image';
 var formatScrSet = function (srcSet, imageProps) {
@@ -20,7 +31,8 @@ var formatScrSet = function (srcSet, imageProps) {
         .join(', ');
 };
 var Image = function (props) {
+    var src = props.src, loader = props.loader, unloader = props.unloader, decode = props.decode, rest = __rest(props, ["src", "loader", "unloader", "decode"]);
     var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : undefined;
-    return _jsx(Img, __assign({}, props, { srcSet: srcSetString, src: props.src }));
+    return _jsx(Img, __assign({}, rest, { srcSet: srcSetString, src: src }));
 };
 export default Image;

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

@@ -1,3 +1,4 @@
-import Image from './Image';
+import { default as Image } from './Image';
+
 export { Image };
 export default Image;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: (props: import("../types").ImageProps) => JSX.Element;
+    component: import('react').FC<import('../types').ImageProps>;
     tags: string[];
     argTypes: {};
 };

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
+
 export type ImageProps = {
     src: string;
-    loader?: JSX.Element | null;
-    unloader?: JSX.Element | null;
+    loader?: ReactNode | null;
+    unloader?: ReactNode | null;
     decode?: boolean;
     container?: any;
-    crossOrigin?: "" | "anonymous" | "use-credentials";
-    srcSet?: {
-        [width: string]: string;
-    };
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    srcSet?: Record<string, string>;
     width?: string;
     height?: string;
     smartCrop?: boolean;

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

@@ -1,4 +1,4 @@
-export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
-    fontSize?: string | number | undefined;
+export declare const Label: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+    fontSize?: number | string;
 }, never>;
-export declare const FieldLabel: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;
+export declare const FieldLabel: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,3 +1,4 @@
 import { Label } from './Label';
+
 export { Label, FieldLabel } from './Label';
 export default Label;

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

@@ -1,8 +1,9 @@
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {
-        fontSize?: string | number | undefined;
+    component: import('styled-components').StyledComponent<"label", import('@xstyled/system').Theme, {
+        fontSize?: number | string;
     }, never>;
     tags: string[];
     argTypes: {};

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

@@ -1,3 +1,4 @@
 import { ILine } from './types';
+
 declare const Line: ILine;
 export default Line;

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

@@ -1,3 +1,4 @@
-import Line from './Line';
+import { default as Line } from './Line';
+
 export { Line };
 export default Line;

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

@@ -1,7 +1,8 @@
-import type { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: import("../types").ILine;
+    component: import('../types').ILine;
     tags: string[];
     argTypes: {};
 };

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { FC } from 'react';
+
 export type Gab = 'none' | 'small' | 'medium' | 'large';
 export type Variant = 'solid' | 'dashed';
 export type LineProps = {
@@ -7,6 +8,4 @@ export type LineProps = {
     gabBottom?: Gab;
     variant?: Variant;
 };
-export interface ILine {
-    (props: LineProps): JSX.Element;
-}
+export type ILine = FC<LineProps>;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React, FC } from 'react';
+
 type ToObjectType = {
     pathname?: string;
     search?: string;
@@ -11,19 +12,9 @@ type Props = {
     to?: string | ToObjectType | Function;
     target?: string;
     color?: string;
-    size: number | 'inherit';
+    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;
-    };
-};
+declare const Link: FC<Props>;
 export default Link;

package/ui/Elements/Link/Link.js

@@ -15,9 +15,8 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NavLink as ReactLink } from 'react-router-dom';
-import styled, { css, useTheme } from '@xstyled/styled-components';
-import { th } from '@xstyled/styled-components';
 import { createRgba } from '../../utils';
+import styled, { css, useTheme, th } from '@xstyled/styled-components';
 var StyledLink = styled(ReactLink)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
     var color = _a.color;
     return createRgba(color, 0.7);
@@ -39,18 +38,11 @@ var StyledLink = styled(ReactLink)(templateObject_2 || (templateObject_2 = __mak
         ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
 });
 var Link = function (props) {
+    var _a;
     var theme = useTheme();
     var themeColor = props.color ? th.color(props.color)({ theme: theme }) : undefined;
-    var themeFontSize = th.fontSize(props.size)({ theme: theme });
+    var themeFontSize = th.fontSize((_a = props.size) !== null && _a !== void 0 ? _a : 1)({ theme: theme });
     return (_jsx(StyledLink, __assign({}, props, { color: themeColor, size: themeFontSize, children: props.children })));
 };
-Link.defaultProps = {
-    to: '',
-    color: 'linkColor',
-    disabled: false,
-    size: 1,
-    padding: '0',
-    replace: false,
-};
 export default Link;
 var templateObject_1, templateObject_2;

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

@@ -1,3 +1,4 @@
-import Link from './Link';
+import { default as Link } from './Link';
+
 export { Link };
 export default Link;