@fattureincloud/fic-design-system 0.6.2-temp-table → 0.6.3

package/dist/components/accordion-new/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { AccordionProps } from './types';
+/**
+ * Component props
+ * @param {boolean} multipleOpen Allows to open multiple accordion items at the same time
+ * @param {AnimatedIcon} leftIcon Left icon on the header of the accorion
+ * @param {AnimatedIcon} rightIcon Right icon on the header of the accordion
+ * @param {ReactChild} divider Component used to divide accordion items
+ * @param {ItemListProps} items List of the accordion items
+ * @param {object} style Styles for header and content of each accordion item
+ */
+declare const AccordionNew: ({ divider, items, leftIcon, multipleOpen, rightIcon, style }: AccordionProps) => JSX.Element;
+export default AccordionNew;

package/dist/components/accordion-new/accordion-new.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+import { AccordionProps } from './types';
+declare const AccordionNewStories: Meta<AccordionProps>;
+export default AccordionNewStories;

package/dist/components/accordion-new/components/AccordionIcon.d.ts

@@ -0,0 +1,3 @@
+import { AccordionIconProps } from '../types';
+declare const AccordionIcon: ({ iconProps: { animation, changeColor, ...otherIconProps }, open, }: AccordionIconProps) => JSX.Element;
+export default AccordionIcon;

package/dist/components/accordion-new/components/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemProps } from '../types';
+declare const AccordionItem: ({ content, header, index, leftIcon, open, rightIcon, style, toggleOpen, }: AccordionItemProps) => JSX.Element;
+export default AccordionItem;

package/dist/components/accordion-new/components/styled.d.ts

@@ -0,0 +1,8 @@
+import { IconContainerProps, MappedProps } from '../types';
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    leftPad: boolean;
+    rightPad: boolean;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MappedProps & IconContainerProps, keyof MappedProps>;

package/dist/components/accordion-new/index.d.ts

@@ -0,0 +1,3 @@
+import AccordionNew from './Accordion';
+import { AccordionProps, AnimatedIcon, Animations, ItemListProps, rotate45, rotate90, rotate180 } from './types';
+export { AccordionNew, AccordionProps, Animations, AnimatedIcon, ItemListProps, rotate45, rotate90, rotate180 };

package/dist/components/accordion-new/types.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactChild } from 'react';
+import { IconProps } from '../icon';
+export declare const rotate45 = "rotate45";
+export declare const rotate90 = "rotate90";
+export declare const rotate180 = "rotate180";
+export declare type Animations = typeof rotate45 | typeof rotate90 | typeof rotate180;
+export interface AnimatedIcon extends Omit<IconProps, 'rotation'> {
+    animation?: Animations;
+    changeColor?: boolean;
+}
+export interface AccordionProps {
+    multipleOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: IconProps;
+    divider?: ReactChild;
+    items: ItemListProps[];
+    style?: {
+        header?: Record<string, unknown>;
+        content?: Record<string, unknown>;
+    };
+}
+export interface ItemListProps {
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    defaultOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionItemProps {
+    index: number;
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    open: boolean;
+    toggleOpen: (index: number) => void;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionIconProps {
+    iconProps: AnimatedIcon;
+    open: boolean;
+}
+export interface MappedProps {
+    animation: string;
+    iconColor: string;
+}
+export interface IconContainerProps {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+}

package/dist/components/accordion-new/utils.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'styled-components';
+import { Animations, MappedProps } from './types';
+interface MapParams {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+    theme: DefaultTheme;
+}
+export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => MappedProps;
+export {};

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    error?: string;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

package/dist/components/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
+export default Input;

package/dist/components/checkbox/components/Label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
+export default Label;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

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

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/components/checkbox/utils.d.ts

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -22,7 +22,6 @@ export declare type DropdownProps = {
     disableArrowNavigation?: boolean;
     isDisabled?: boolean;
     emptyState?: JSX.Element;
-    onOpen?: (isOpen: boolean) => void;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

package/dist/components/form/fileUploader/fileTypes.d.ts

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

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+export default useTexts;

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

@@ -12,6 +12,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../icon").IconProps | undefined;
+    hideStatusIcon?: boolean | undefined;
     inputType?: "number" | "text" | "password" | undefined;
     isPrefilled?: boolean | undefined;
     isTransparent?: boolean | undefined;

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

@@ -17,6 +17,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../../icon").IconProps | undefined;
+    hideStatusIcon?: boolean | undefined;
     inputType?: "number" | "text" | "password" | undefined;
     isPrefilled?: boolean | undefined;
     isTransparent?: boolean | undefined;

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

@@ -9,6 +9,7 @@ export declare type inputTypes = typeof inputTypesArray[number];
 declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
+    hideStatusIcon?: boolean;
     inputType?: 'password' | 'text' | 'number';
     isPrefilled?: boolean;
     isTransparent?: boolean;
@@ -23,13 +24,13 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
 export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     fieldsCount: number;
     fieldsGap?: number;
-    inputType: 'code';
+    inputType?: 'code';
     onChange?: (code: (string | null)[]) => void;
     style?: CSSProperties;
 };
 export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;
-    inputType: 'telephone';
+    inputType?: 'telephone';
     placeholder?: ReactText;
     required?: boolean;
     setValue: Dispatch<SetStateAction<string>>;

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents<IsMulti extends boolean = false> = Required<Required<SelectProps<IsMulti>>['components']>;
+export declare type OptionProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Option']>;
+export declare type PlaceholderProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Placeholder']>;
+export declare type ControlProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Control']>;
+export declare type MenuListProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['MenuList']>;
+export declare type DropdownIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['DropdownIndicator']>>;
+export declare type ClearIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['ClearIndicator']>>;
+export {};

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;
-declare const _default: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default _default;
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
 export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

package/dist/components/inputText/components/icons.d.ts

@@ -0,0 +1,8 @@
+import { EInputSize } from '../typings/enums';
+interface IconProps {
+    size?: EInputSize;
+    hasAction: boolean;
+}
+export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/components/inputText/components/inputContainer.d.ts

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

package/dist/components/inputText/components/messages.d.ts

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

package/dist/components/inputText/components/wrapperTextArea.d.ts

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

package/dist/components/inputText/icons.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../icon';
+export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+}, "primary" | "secondary">;
+export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+} & {
+    isValid?: boolean | undefined;
+}, "primary" | "secondary">;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputTextPropsInterface } from './typings/inputText';
+export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { InputTextStylingPropsInterface } from './typings/inputText';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -0,0 +1,6 @@
+export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum EInputSize {
+    medium = "medium",
+    large = "large"
+}
+export declare enum EInputTags {
+    textarea = "textarea",
+    input = "input"
+}
+export declare enum EInputTypes {
+    password = "password",
+    text = "text",
+    number = "number"
+}
+export declare enum EInputErrorTypes {
+    generic = "generic",
+    wordcount = "wordcount"
+}

package/dist/components/inputText/typings/inputText.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

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

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

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

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

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

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

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

@@ -34,13 +34,16 @@ export declare type ContentWrapperProps = {
     isSmall?: boolean;
 };
 export declare type StepModalFooterProps = HasChildren & {
+    className?: string;
     buttons?: ButtonProps[];
 };
 export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
+    className?: string;
     subtitle?: string;
     title?: string;
 };
 export declare type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
+    className?: string;
     isFullscreen?: boolean;
 };
 export {};

package/dist/components/pagination/Pagination.d.ts

@@ -10,6 +10,7 @@ import { PaginationProps } from './types';
  * @param {number} currentPage Used to set the current page number
  * @param {string} prevText Define previous label text
  * @param {string} nextText Define next label text
+ * @param {PaginationType} color Used to set the theme of the component
  */
 declare const Pagination: (props: PaginationProps) => JSX.Element;
 export default Pagination;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { Meta, Story } from '@storybook/react';
 import { PaginationProps } from './types';
 export declare const Template: Story<PaginationProps>;
-export declare const Normal: Story<PaginationProps>;
+export declare const Normal: () => JSX.Element;
 declare const PaginationStories: Meta<PaginationProps>;
 export default PaginationStories;

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

@@ -1,4 +1,5 @@
+import { PaginationType } from './';
 export declare const PaginationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationNumberElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const PaginationButtonElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color: PaginationType;
+}, never>;

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

@@ -15,21 +15,11 @@ export declare type PaginationProps = {
     currentPage: number;
     prevText: string;
     nextText: string;
+    color?: PaginationType;
 };
-declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
-declare type PaginationButtonsStatus = 'normal' | 'disabled';
 export declare type PaginationPalette = {
-    numbers: {
-        [k in PaginationNumbersStatus]: {
-            backgroundColor: paletteColor;
-            color: paletteColor;
-        };
-    };
-    buttons: {
-        [k in PaginationButtonsStatus]: {
-            backgroundColor: paletteColor;
-            color: paletteColor;
-        };
+    [key in PaginationType]: {
+        backgroundColor: paletteColor;
+        color: paletteColor;
     };
 };
-export {};