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

package/build/dts/ThemeProvider/themes/mailwise.d.ts

@@ -1,207 +0,0 @@
-declare const defaultTheme: {
-    screens: {
-        _: number;
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        '2xl': number;
-    };
-    colors: {
-        white: string;
-        bgLightGray: string;
-        bgLightGray1: string;
-        lightGray1: string;
-        lightGray2: string;
-        lightGray3: string;
-        lightGray4: string;
-        lightGray5: string;
-        lightGray6: string;
-        lightGray7: string;
-        neutral20: string;
-        gray: string;
-        gray1: string;
-        gray2: string;
-        gray3: string;
-        gray4: string;
-        gray5: string;
-        neutral300: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        textPrimary: string;
-        typoPrimary: string;
-        blue10: string;
-        blue20: string;
-        blue60: string;
-        blue70: string;
-        blue80: string;
-        blue90: string;
-        teal20: string;
-        teal40: string;
-        teal50: string;
-        teal60: string;
-        teal70: string;
-        teal80: string;
-        teal90: string;
-        green10: string;
-        green20: string;
-        green30: string;
-        green50: string;
-        green60: string;
-        green70: string;
-        green80: string;
-        green90: string;
-        green: string;
-        successColor: string;
-        darkGreen: string;
-        orange20: string;
-        orange30: string;
-        orange50: string;
-        orange60: string;
-        orange80: string;
-        yellow10: string;
-        yellow20: string;
-        yellow60: string;
-        yellow70: string;
-        yellow1: string;
-        yellow2: string;
-        red10: string;
-        red20: string;
-        red30: string;
-        red50: string;
-        red1: string;
-        red2: string;
-        red3: string;
-        red60: string;
-        red80: string;
-        dangerColor: string;
-        purple20: string;
-        purple40: string;
-        purple50: string;
-        purple60: string;
-        purple80: string;
-        purple90: string;
-        magenta20: string;
-        magenta60: string;
-        magenta80: string;
-        magenta90: string;
-        primary: string;
-        black: string;
-        error: string;
-        secondary: string;
-    };
-    fonts: {
-        primary: string;
-        heading: string;
-    };
-    fontSizes: string[];
-    lineHeights: {
-        none: number;
-        tight: number;
-        snug: number;
-        normal: number;
-        relaxed: number;
-        loose: number;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-    };
-    fontWeights: {
-        normal: number;
-        medium: number;
-        semiBold: number;
-        bold: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    borders: {
-        slim: string;
-        mediumSlim: string;
-        medium: string;
-        mediumThick: string;
-        thick: string;
-    };
-    radii: {
-        none: string;
-        sm: string;
-        default: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        full: string;
-    };
-    shadows: {
-        boxShadow: string;
-        dropShadow: string;
-        inputFocusBoxShadow: string;
-        dropdownMenuShadow: string;
-        tooltipBoxShadow: string;
-        cardShadow: string;
-        smooth: string;
-        dialogShadow: string;
-        tooltipShadow: string;
-        headerShadow: string;
-        headerShadowB: string;
-        headerShadowNotifications: string;
-        cornerDialogShadow: string;
-    };
-    space: {
-        px: string;
-        0: string;
-        0.5: string;
-        1: string;
-        1.5: string;
-        2: string;
-        2.5: string;
-        3: string;
-        3.5: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        14: string;
-        16: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    transitions: {
-        simpleLong: string;
-        inputTransition: string;
-    };
-    zIndices: number[];
-};
-export default defaultTheme;

package/build/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/build/dts/index.d.ts

@@ -1,35 +0,0 @@
-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/ui/Blocks/CornerDialog/CornerDialog.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CornerDialogProps } from './types';
-export declare const CornerDialog: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: CornerDialogProps) => JSX.Element | null;

package/build/dts/ui/Blocks/CornerDialog/index.d.ts

@@ -1,2 +0,0 @@
-export { CornerDialog } from './CornerDialog';
-export type { Intent, CornerDialogProps } from './types';

package/build/dts/ui/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: import("..").CornerDialogProps) => JSX.Element | null;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const InfoCornerDialog: Story;
-export declare const SuccessCornerDialog: Story;
-export declare const ErrorCornerDialog: Story;
-export declare const WarningCornerDialog: Story;

package/build/dts/ui/Blocks/CornerDialog/styles.d.ts

@@ -1,12 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    $mounted: boolean;
-}, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    background: string;
-}, never>;
-export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
-    fontColor: string;
-}, never>;

package/build/dts/ui/Blocks/CornerDialog/types.d.ts

@@ -1,16 +0,0 @@
-import { ReactChild } from 'react';
-export type Intent = 'success' | 'error' | 'warning' | 'info';
-export interface CornerDialogProps {
-    title: JSX.Element | string;
-    children: ReactChild;
-    icon?: string;
-    onClose: () => void;
-    isOpen?: boolean;
-    intent?: Intent;
-    statusToTitle: Record<Intent, () => string>;
-}
-export interface ColorProps {
-    fontColor: string;
-    backgroundColor: string;
-    fill: string;
-}

package/build/dts/ui/Blocks/CornerDialog/utils.d.ts

@@ -1,3 +0,0 @@
-import { Intent, ColorProps } from './types';
-export declare const statusToColors: Record<Intent, ColorProps>;
-export declare const statusToIcon: Record<Intent, string>;

package/build/dts/ui/Blocks/ImageList/ImageList.d.ts

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

package/build/dts/ui/Blocks/ImageList/components/AddPhoto/index.d.ts

@@ -1,7 +0,0 @@
-import { type FC } from 'react';
-import { type ImageUploadProps } from '../../types';
-interface AddPhotoProps {
-    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
-}
-export declare const AddPhoto: FC<AddPhotoProps>;
-export {};

package/build/dts/ui/Blocks/ImageList/components/AddPhoto/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/ImageList/components/CloseButton/index.d.ts

@@ -1,6 +0,0 @@
-import { type FC } from 'react';
-interface CloseButtonProps {
-    onImageRemove: () => void;
-}
-export declare const CloseButton: FC<CloseButtonProps>;
-export {};

package/build/dts/ui/Blocks/ImageList/components/CloseButton/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/ImageList/components/ImageElement/index.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-interface ImageElementProps {
-    label?: string;
-    onImageRemove?: () => void;
-    onOpenLightBox: () => void;
-    imageUrl: string | undefined;
-}
-export declare const ImageElement: FC<ImageElementProps>;
-export {};

package/build/dts/ui/Blocks/ImageList/components/ImageElement/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/ImageList/components/ImageTag/index.d.ts

@@ -1,6 +0,0 @@
-import { type FC } from 'react';
-interface ImageTagProps {
-    label?: string;
-}
-export declare const ImageTag: FC<ImageTagProps>;
-export {};

package/build/dts/ui/Blocks/ImageList/components/ImageTag/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/ImageList/index.d.ts

@@ -1,4 +0,0 @@
-import { type ImageData } from '../LightBox';
-export { ImageList } from './ImageList';
-export { type ImageUploadProps } from './types';
-export { type ImageData };

package/build/dts/ui/Blocks/ImageList/styles.d.ts

@@ -1 +0,0 @@
-export declare const ImageListContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/ImageList/types.d.ts

@@ -1,12 +0,0 @@
-import { type ImageData } from '../LightBox';
-export interface ImageUploadProps {
-    base64?: string;
-    file?: File;
-}
-export interface ImageListProps {
-    images: ImageData[] | undefined;
-    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
-    onImageRemove?: (id?: string) => () => void;
-    lightBoxAction?: (id?: string) => () => Promise<void>;
-    lightBoxActionTitle?: string;
-}

package/build/dts/ui/Blocks/LightBox/LightBox.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type LightBoxProps } from './types';
-import 'swiper/css';
-export declare const LightBox: FC<LightBoxProps>;

package/build/dts/ui/Blocks/LightBox/hooks/useLightBox.d.ts

@@ -1,2 +0,0 @@
-import { type UseLightBoxHookType } from '../types';
-export declare const useLightBox: UseLightBoxHookType;

package/build/dts/ui/Blocks/LightBox/index.d.ts

@@ -1,3 +0,0 @@
-export { LightBox } from './LightBox';
-export { useLightBox } from './hooks/useLightBox';
-export type { ImageData } from './types';

package/build/dts/ui/Blocks/LightBox/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/system").Theme, {}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/LightBox/types.d.ts

@@ -1,24 +0,0 @@
-export interface LightBoxData {
-    initialSlide: number;
-}
-export type UseLightBoxHookType = () => {
-    onOpenLightBox: (index?: number) => () => void;
-    onCloseLightBox: () => void;
-    isLightBoxOpen: boolean;
-    lightBoxData?: LightBoxData;
-};
-export interface ImageData {
-    id: string;
-    url?: string;
-    smallUrl?: string;
-    originalUrl?: string;
-    withLightBoxAction?: boolean;
-}
-export interface LightBoxProps {
-    images: ImageData[] | undefined;
-    isLightBoxOpen: boolean;
-    onCloseLightBox: () => void;
-    lightBoxAction?: (id?: string) => () => Promise<void>;
-    lightBoxActionTitle?: string;
-    initialSlide?: number;
-}

package/build/dts/ui/Blocks/Modal/Modal.d.ts

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

package/build/dts/ui/Blocks/Modal/hooks/useClickOutside.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-import { UseClickOutsideProps } from '../types';
-export declare const useClickOutside: ({ onClose, parentRef, ignoreClickOutside, closeCurrent, allowScrollbarClick, }: UseClickOutsideProps) => RefObject<HTMLDivElement>;

package/build/dts/ui/Blocks/Modal/hooks/useModal.d.ts

@@ -1,2 +0,0 @@
-import { ControlProps, ModalData } from '../types';
-export declare const useModal: <TData = ModalData>(initialState?: boolean) => ControlProps<TData>;

package/build/dts/ui/Blocks/Modal/index.d.ts

@@ -1,4 +0,0 @@
-export { Modal } from './Modal';
-export { useModal } from './hooks/useModal';
-export { useClickOutside } from './hooks/useClickOutside';
-export type { ControlProps, ModalProps, ModalData } from './types';

package/build/dts/ui/Blocks/Modal/stories/Modal.stories.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("..").ModalProps>;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ModalWithCloseAndConfirmBtns: Story;
-export declare const MobileNotificationModal: Story;
-export declare const ModalWithIcon: Story;
-export declare const ModalLoading: Story;
-export declare const ModalWithWhiteBg: Story;
-export declare const ModalWithoutCloseIcon: Story;
-export declare const ModalWithoutHeader: Story;
-export declare const ModalWithoutFooter: Story;
-export declare const ModalWithoutHeaderAndFooter: Story;
-export declare const ModalWithCustomLabels: Story;
-export declare const ModalWideWidth: Story;
-export declare const ModalMediumLargeWidth: Story;
-export declare const ModalMediumWidth: Story;
-export declare const ModalAutoWidth: Story;
-export declare const ModalWithDisabledConfirm: Story;
-export declare const ModalWithCustomOverlayColor: Story;

package/build/dts/ui/Blocks/Modal/styles.d.ts

@@ -1,22 +0,0 @@
-export declare const DialogOverlay: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    backgroundColor?: string | undefined;
-}, never>;
-export declare const DialogWindow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    $whiteBg?: boolean | undefined;
-    $minWidth?: string | undefined;
-    $minHeight?: string | undefined;
-    $maxWidth?: string | undefined;
-    $maxHeight?: string | undefined;
-    $mobileFullscreen: boolean;
-}, never>;
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    topSpace: string;
-}, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    topSpace: string;
-    $mobileFullscreen: boolean;
-}, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", import("@xstyled/system").Theme, {}, never>;
-export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

package/build/dts/ui/Blocks/Modal/types.d.ts

@@ -1,45 +0,0 @@
-import { MutableRefObject } from 'react';
-export type TopSpace = 'default' | 'medium';
-export type Width = 'wide' | 'mediumLarge' | 'medium' | 'narrow' | 'auto';
-export interface ModalProps {
-    isShown?: boolean;
-    children: JSX.Element | JSX.Element[];
-    title?: JSX.Element | string;
-    titleIcon?: JSX.Element | string;
-    onConfirm?: (close: () => void) => void;
-    onCancel?: () => void;
-    onClose?: () => void;
-    confirmLabel?: JSX.Element | string;
-    cancelLabel?: JSX.Element | string;
-    isLoading?: boolean;
-    isConfirmDisabled?: boolean;
-    hasFooter?: boolean;
-    hasHeader?: boolean;
-    width?: Width;
-    whiteBg?: boolean;
-    miniCloseBtn?: boolean;
-    ignoreClickOutside?: boolean;
-    closeEverywhere?: boolean;
-    withCloseIcon?: boolean;
-    overlayColor?: string;
-    minWidth?: string;
-    minHeight?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    topSpace?: TopSpace;
-    mobileFullscreen?: boolean;
-}
-export type ModalData = Record<string, any>;
-export type ControlProps<T = ModalData> = {
-    isOpen: boolean;
-    onClose: () => void;
-    onOpen: (data?: T) => void;
-    data?: T;
-};
-export interface UseClickOutsideProps {
-    onClose?: () => void;
-    ignoreClickOutside?: boolean;
-    parentRef?: MutableRefObject<HTMLDivElement | null | undefined>;
-    closeCurrent?: boolean;
-    allowScrollbarClick?: boolean;
-}

package/build/dts/ui/Blocks/Modal/utils.d.ts

@@ -1,3 +0,0 @@
-import { TopSpace, Width } from './types';
-export declare const widthMap: Record<Width, string>;
-export declare const topSpaceMap: Record<TopSpace, string>;

package/build/dts/ui/Blocks/Tabs/TabContent.d.ts

@@ -1,2 +0,0 @@
-import { TabContentProps } from './types';
-export declare const TabContent: ({ activeTab, value, children }: TabContentProps) => React.ReactNode | React.ReactNode[];

package/build/dts/ui/Blocks/Tabs/Tabs.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from './types';
-export declare const Tabs: ({ tabsDefinition, activeTab, onTabSwitch }: TabsProps) => JSX.Element;

package/build/dts/ui/Blocks/Tabs/hooks/useTabs.d.ts

@@ -1,2 +0,0 @@
-import { UseTabsHook } from '../types';
-export declare const useTabs: UseTabsHook;

package/build/dts/ui/Blocks/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-export { Tabs } from './Tabs';
-export { useTabs } from './hooks/useTabs';
-export type { TabDefinition } from './types';

package/build/dts/ui/Blocks/Tabs/stories/Tabs.stories.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ tabsDefinition, activeTab, onTabSwitch }: import("../types").TabsProps) => JSX.Element;
-    tags: string[];
-    argTypes: {};
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ActiveTabWithBadgeAndIcon: Story;
-export declare const ActiveTabWithBadge: Story;
-export declare const ActiveTabWithIcon: Story;

package/build/dts/ui/Blocks/Tabs/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const StyledImageBox: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
-export declare const StyledTabWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const RoundedWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Tab: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    active: boolean;
-}, never>;
-export declare const TabPanel: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;