@fattureincloud/fic-design-system 0.5.2 → 0.5.4

package/dist/common/components/typography/Typography.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import { MapTextColorReturn, TextProps } from './types';
-export declare const Body: ({ children, type, ...otherProps }: TextProps) => JSX.Element;
+export declare const Body: ({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 export declare const TextImpl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MapTextColorReturn & TextProps, "color">;
-export declare const Title1: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title2: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title3: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title4: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title5: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title6: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Headline: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Caption: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const TableText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title1: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title2: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title3: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title4: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title5: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title6: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Headline: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TableText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/common/cssFixes/inputTextFixes.d.ts

@@ -1,3 +1,3 @@
 export declare const inputTextHTMLInputBootstrapFixes: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    inputSize?: string | undefined;
+    inputSize?: "medium" | "large" | undefined;
 }, import("styled-components").DefaultTheme>>;

package/dist/components/card/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("./types").StyledCardProps & {
+    children: React.ReactNode | React.ReactNode[];
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/card/card.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { CardProps } from './types';
+export declare const CardExample: Story<CardProps>;
+declare const CardStories: Meta<CardProps>;
+export default CardStories;

package/dist/components/card/cardPalette.d.ts

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

package/dist/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export { default as cardPalette } from './cardPalette';
+export * from './types';
+export { default as Card } from './Card';

package/dist/components/card/styled.d.ts

@@ -0,0 +1,2 @@
+import { StyledCardProps } from './types';
+export declare const StyledCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<StyledCardProps>, never>;

package/dist/components/card/types.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'react';
+import { paletteColor } from '../../styles/types';
+export declare enum CardType {
+    PRIMARY = "primary",
+    SECONDARY = "secondary"
+}
+export declare enum CardColor {
+    BLUE = "blue",
+    GREEN = "green",
+    GREY = "grey",
+    RED = "red",
+    TRANSPARENT = "transparent",
+    YELLOW = "yellow"
+}
+export declare enum CardElevation {
+    FLAT = 0,
+    LOW = 1,
+    HIGH = 2
+}
+export declare type StyledCardProps = {
+    color?: CardColor;
+    elevation?: CardElevation;
+    type?: CardType;
+};
+export declare type CardProps = StyledCardProps & {
+    children: React.ReactNode | React.ReactNode[];
+    className?: string;
+    style?: CSSProperties;
+};
+declare type CardPaletteAttributes = {
+    background: paletteColor;
+    border: paletteColor;
+};
+declare type CardPaletteTypes = {
+    [k in CardType]: CardPaletteAttributes;
+};
+export declare type CardPalette = {
+    [k in CardColor]: CardPaletteTypes;
+};
+export {};

package/dist/components/floatingBadge/types.d.ts

@@ -9,8 +9,13 @@ export interface WithBadgeProps extends FloatingBadgeProps {
     isDisabled?: boolean;
     children: React.ReactNode;
 }
+export declare enum BadgeSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
 export interface NotificationBadgeProps {
-    size?: 'small' | 'medium' | 'large';
+    size?: BadgeSize;
     className?: string;
     type?: FloatingBadgeType;
 }

package/dist/components/form/common/types.d.ts

@@ -1,9 +1,9 @@
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
-export declare const inputSizeArray: string[];
+export declare const inputSizeArray: readonly ["large", "medium"];
 export declare type inputSizeType = typeof inputSizeArray[number];
-export declare const statusesArray: string[];
+export declare const statusesArray: readonly ["normal", "success", "warning", "error"];
 export declare type statusType = typeof statusesArray[number];
 export interface CommonFormTypes {
     inputSize?: inputSizeType;

package/dist/components/form/inputText/InputText.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import { LabelProps } from '../label';
-import { InputElementProps } from './types';
-export declare type InputTextProps = LabelProps & InputElementProps;
-declare const _default: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
+import { InputTextProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -2,7 +2,30 @@ import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
 declare type inputRef = HTMLInputElement | null;
-declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<inputRef>>;
 export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
-export default InputElement;
+declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../icon").IconProps | undefined;
+    placeholder?: React.ReactText | undefined;
+    setValue?: React.Dispatch<React.SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("./UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & React.RefAttributes<inputRef>>;
+export default _default;

package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CodeInputProps } from '../../types';
+declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
+export default CodeInput;

package/dist/components/form/inputText/components/codeInput/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../../icon").IconProps | undefined;
+    placeholder?: import("react").ReactText | undefined;
+    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CodeInputProps } from '../../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

package/dist/components/form/inputText/components/styled.d.ts

@@ -3,4 +3,7 @@ interface Props {
     inputSize: InputElementProps['inputSize'];
 }
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, Props, never>;
+export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
 export {};

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TelephoneInputProps } from '../../types';
+declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
+export default TelephoneInput;

package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

package/dist/components/form/inputText/components/telephoneInput/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/utils.d.ts

@@ -4,4 +4,5 @@ interface GetInputTextParams extends InputTextWrapperProps {
     theme: DefaultTheme;
 }
 export declare const getInputTextStyles: ({ theme, disabled, status }: GetInputTextParams) => InputTextStyles;
+export declare const clearNumber: (s: string) => string;
 export {};

package/dist/components/form/inputText/index.d.ts

@@ -1,4 +1,5 @@
 import { UnitDropdownProps } from './components/UnitDropdown';
-import InputText, { InputTextProps } from './InputText';
+import InputText from './InputText';
 import inputTextPalette, { InputTextPalette } from './inputTextPalette';
+import { InputTextProps } from './types';
 export { InputText, InputTextProps, InputTextPalette, inputTextPalette, UnitDropdownProps };

package/dist/components/form/inputText/inputText.stories.d.ts

@@ -1,6 +1,8 @@
 import { Meta, Story } from '@storybook/react';
-import { InputTextProps } from './InputText';
-export declare const WithKnobs: Story<InputTextProps>;
-export declare const WithUnitDropdown: Story<InputTextProps>;
+import { CodeInputProps, InputTextProps, StandardInputProps, TelephoneInputProps } from './types';
+export declare const WithKnobs: Story<StandardInputProps>;
+export declare const WithUnitDropdown: Story<StandardInputProps>;
+export declare const CodeInputExample: Story<CodeInputProps>;
+export declare const TelephoneInputExample: Story<TelephoneInputProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

package/dist/components/form/inputText/types.d.ts

@@ -1,19 +1,40 @@
-import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
+import { CSSProperties, Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
 import { IconProps } from '../../icon';
 import { TooltipProps } from '../../tooltip';
 import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
-export declare const inputTypesArray: readonly ["password", "text", "number"];
+export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
 export declare type inputTypes = typeof inputTypesArray[number];
-export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
-    leadingIcon?: IconProps;
+declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
+export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
-    inputType?: inputTypes;
-    placeholder?: ReactText;
-    value?: number | string | null;
-    setValue?: Dispatch<SetStateAction<string>>;
+    inputType?: 'password' | 'text' | 'number';
     isPrefilled?: boolean;
     isTransparent?: boolean;
-    unitDropdownProps?: UnitDropdownProps;
+    leadingIcon?: IconProps;
+    placeholder?: ReactText;
+    setValue?: Dispatch<SetStateAction<string>>;
+    strict?: boolean;
     tooltip?: TooltipProps;
-}
+    unitDropdownProps?: UnitDropdownProps;
+    value?: number | string | null;
+};
+export declare type CodeInputProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
+    fieldsCount: number;
+    fieldsGap?: number;
+    inputType: 'code';
+    onChange?: (code: (string | null)[]) => void;
+    style?: CSSProperties;
+};
+export declare type TelephoneInputProps = LabelProps & CommonFormTypes & {
+    className?: string;
+    inputType: 'telephone';
+    placeholder?: ReactText;
+    required?: boolean;
+    setValue: Dispatch<SetStateAction<string>>;
+    value?: string | null;
+};
+export declare type StandardInputProps = LabelProps & InputElementProps;
+export declare type InputTextProps = StandardInputProps | CodeInputProps | TelephoneInputProps;
+export {};

package/dist/components/layout/sidebarItem/types.d.ts

@@ -2,7 +2,7 @@ import React, { MouseEventHandler } from 'react';
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
 import { DropdownItemProps } from '../../dropdown/types';
-import { FloatingBadgeType } from '../../floatingBadge/types';
+import { BadgeSize, FloatingBadgeType } from '../../floatingBadge/types';
 import { IconProps } from '../../icon';
 export interface SidebarItemProps {
     icon?: IconProps;
@@ -35,7 +35,7 @@ export declare enum SidebarBadgeConfigType {
     DOT = 2
 }
 declare type BadgeBaseConfig = {
-    size?: 'small' | 'medium' | 'large';
+    size?: BadgeSize;
     variant?: FloatingBadgeType;
 };
 interface BadgeCounterConfig extends BadgeBaseConfig {

package/dist/components/modals/index.d.ts

@@ -1,3 +1,4 @@
 import ModalSearchable from './components/ModalSearchable';
 import { Modal } from './modals';
 export { Modal, ModalSearchable };
+export * from './stepModal';

package/dist/components/modals/modalStyled.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
 import ReactModal from 'react-modal';
 import { ModalPropsInterface, StyledModalBoxProps } from './types';
+export declare const headerFooterHeight = "80px";
+export declare const animationDuration = 200;
 export declare const StyledReactModalContainer: import("styled-components").StyledComponent<typeof ReactModal, import("styled-components").DefaultTheme, ModalPropsInterface & {
     children: React.ReactChild;
 }, never>;
 export declare const StyledModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledModalBoxProps, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;
+export declare const ModalIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeaderClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalSimpleHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalSimpleFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     height: number | null;
 }, never>;

package/dist/components/modals/modals.stories.d.ts

@@ -9,5 +9,6 @@ export declare const WithSearch: () => JSX.Element;
 export declare const FirstTime: () => JSX.Element;
 export declare const WithTips: () => JSX.Element;
 export declare const _ConfirmationModal: () => JSX.Element;
+export declare const StepModalExample: () => JSX.Element;
 declare const ModalStories: Meta<ModalPropsInterface>;
 export default ModalStories;

package/dist/components/modals/stepModal/StepModal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepModalProps, UknObj } from './types';
+declare const StepModal: <T extends UknObj>({ allowBackdropClose, className, steps, ...otherProps }: StepModalProps<T>) => JSX.Element | null;
+export default StepModal;

package/dist/components/modals/stepModal/components/StepModalBody.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepModalBodyProps } from '../types';
+declare const StepModalBody: ({ children, height, isFullscreen, minHeight }: StepModalBodyProps) => JSX.Element;
+export default StepModalBody;

package/dist/components/modals/stepModal/components/StepModalFooter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepModalFooterProps } from '../types';
+declare const StepModalFooter: ({ buttons, children }: StepModalFooterProps) => JSX.Element;
+export default StepModalFooter;

package/dist/components/modals/stepModal/components/StepModalHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepModalHeaderProps } from '../types';
+declare const StepModalHeader: ({ children, currentStep, setIsOpen, setStep, subtitle, title, }: StepModalHeaderProps) => JSX.Element;
+export default StepModalHeader;

package/dist/components/modals/stepModal/components/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StepModalHeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../types").ModalPropsInterface, never>;

package/dist/components/modals/stepModal/index.d.ts

@@ -0,0 +1,5 @@
+export { default as StepModal } from './StepModal';
+export { default as StepModalBody } from './components/StepModalBody';
+export { default as StepModalFooter } from './components/StepModalFooter';
+export { default as StepModalHeader } from './components/StepModalHeader';
+export { StepModalProps, StepModalCommonProps, StepModalFooterProps, StepModalHeaderProps } from './types';

package/dist/components/modals/stepModal/styled.d.ts

@@ -0,0 +1,4 @@
+import { Modal } from '../modals';
+import { ContentWrapperProps } from './types';
+export declare const ModalBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentWrapperProps, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/modals/stepModal/types.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { ButtonProps } from '../../buttons';
+export declare type UknObj = Record<string, unknown>;
+export declare type StepModalCommonProps = {
+    currentStep: number;
+    height?: number;
+    isOpen: boolean;
+    minHeight?: number;
+    setIsOpen: (o: boolean) => void;
+    setStep: (s: number) => void;
+};
+declare type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
+declare type HasChildren = {
+    children?: React.ReactNode;
+};
+export declare type StepModalProps<T extends UknObj> = StepModalCommonProps & {
+    allowBackdropClose?: boolean;
+    className?: string;
+    customProps: T;
+    isFullscreen?: boolean;
+    isSmall?: boolean;
+    steps: StepModalComponent<T>[];
+};
+export declare type StepModalContentProps<T extends UknObj> = StepModalCommonProps & {
+    customProps: T;
+    direction: 'next' | 'prev';
+    isFullscreen?: boolean;
+    isSmall?: boolean;
+    thisStep: number;
+    Component: StepModalComponent<T>;
+};
+export declare type ContentWrapperProps = {
+    isFullscreen?: boolean;
+    isSmall?: boolean;
+};
+export declare type StepModalFooterProps = HasChildren & {
+    buttons?: ButtonProps[];
+};
+export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
+    subtitle?: string;
+    title?: string;
+};
+export declare type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
+    isFullscreen?: boolean;
+};
+export {};

package/dist/components/toast/types.d.ts

@@ -17,7 +17,7 @@ export interface ToastProps {
     icon?: IconProps;
     actionLabel?: string;
     onActionClick?: () => void;
-    autoClose?: false;
+    autoClose?: boolean | number;
 }
 export interface ToastContentProps {
     title: ReactNode;

package/dist/index.d.ts

@@ -19,7 +19,7 @@ import { Icon, iconColors, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
 import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
-import { Modal, ModalSearchable } from './components/modals';
+import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
 import { PageEmptySet } from './components/pageEmptySet';
@@ -44,4 +44,5 @@ export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } fr
 export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
+export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
+export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };