@fattureincloud/fic-design-system 0.19.33 → 0.19.35

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

@@ -0,0 +1,3 @@
+import { LabelProps, MappedLabelProps } from '../types/label';
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & LabelProps, keyof MappedLabelProps>;
+export default Label;

package/dist/common/components/iframeClickBlocker/iframeClickBlocker.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { DropdownProps } from 'components/dropdown/types';
+export declare const DropdownWithIflameClickBlocker: () => JSX.Element;
+declare const DropdownStories: Meta<DropdownProps>;
+export default DropdownStories;

package/dist/common/components/iframeClickBlocker/index.d.ts

@@ -0,0 +1 @@
+export { IframeClickBlocker } from './IframeClickBlocker';

package/dist/common/types/label.d.ts

@@ -0,0 +1,12 @@
+import { paletteColor } from '../../styles/types';
+export interface LabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/common/utils/label.d.ts

@@ -0,0 +1,5 @@
+import { DefaultTheme } from 'styled-components';
+import { LabelProps, MappedLabelProps } from '../types/label';
+export declare const getLabelStyle: ({ disabled, large, theme, hasError, }: LabelProps & {
+    theme: DefaultTheme;
+}) => MappedLabelProps;

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

@@ -0,0 +1,5 @@
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/accordions/accordions.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
+export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
+    constructor(props: UnstyledAccordionProps);
+    handleOpenAccordion: () => void;
+    render(): React.JSX.Element;
+}
+declare const Accordion: TAccordion;
+export default Accordion;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import React, { ComponentProps } from 'react';
+import { TAccordion } from './types';
+export declare const Normal: () => React.JSX.Element;
+export declare const NormalThemed: () => React.JSX.Element;
+export declare const ShowingBodyAtFirstRender: () => React.JSX.Element;
+declare const AccordionStories: Meta<ComponentProps<TAccordion>>;
+export default AccordionStories;

package/dist/components/accordions/components/styledAccordionWrapper.d.ts

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

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

@@ -0,0 +1,2 @@
+import Accordion from './accordions';
+export { Accordion };

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface Props {
+    title?: string;
+    renderTitle?: () => JSX.Element;
+    renderBody: () => JSX.Element;
+    renderLateralActions?: JSX.Element;
+    lateralActions?: Array<{
+        icon: JSX.Element;
+        action: () => void;
+    }>;
+    showBodyAtFirstRender?: boolean;
+}
+export declare type TAccordion = React.FunctionComponent<Props>;
+export interface UnstyledAccordionProps extends Props {
+}
+export interface UnstyledAccordionState {
+    show: boolean;
+}
+export {};

package/dist/components/chart/stories/styled.d.ts

@@ -1,22 +1,4 @@
 /// <reference types="react" />
-export declare const DropdownText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    bold?: boolean | undefined;
-    centered?: boolean | undefined;
-    children: import("react").ReactNode | import("react").ReactNode[];
-    clamp?: number | undefined;
-    className?: string | undefined;
-    color?: string | undefined;
-    type?: "date" | "currency" | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DropdownParagraph: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-    bold?: boolean | undefined;
-    centered?: boolean | undefined;
-    children: import("react").ReactNode | import("react").ReactNode[];
-    clamp?: number | undefined;
-    className?: string | undefined;
-    color?: string | undefined;
-    type?: "date" | "currency" | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
+export default MonthPicker;

package/dist/components/form/datepickerNew/DatePicker.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+/**
+ * Component Props:
+ * @param {Date | null} date selected date
+ * @param {function} placeholderText text to show as placeholder
+ * @param {string|ReactNode} minDate minimum selectable date
+ * @param {string|ReactNode} maxDate maximum selectable date
+ * @others ReactDatePickerProps
+ */
+declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/dist/components/form/datepickerNew/DatePickerImpl.d.ts

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

package/dist/components/form/datepickerNew/NewDatePicker.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+/**
+ * Component Props:
+ * @param {Date | null} date selected date
+ * @param {function} placeholderText text to show as placeholder
+ * @param {string|ReactNode} minDate minimum selectable date
+ * @param {string|ReactNode} maxDate maximum selectable date
+ * @others ReactDatePickerProps
+ */
+declare const NewDatePicker: (props: DatePickerProps) => JSX.Element;
+export default NewDatePicker;

package/dist/components/form/datepickerNew/components/CustomButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    onClick: () => void;
+    selected?: boolean;
+    text: string;
+}
+declare const CustomButton: ({ onClick, selected, text }: Props) => JSX.Element;
+export default CustomButton;

package/dist/components/form/datepickerNew/components/DatePickerDay.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerProps } from 'react-datepicker';
+declare const DatePickerDay: ReactDatePickerProps['renderDayContents'];
+export default DatePickerDay;

package/dist/components/form/datepickerNew/components/DatePickerHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
+    yearsDisplayed: number;
+    setHideMonth: (value: boolean) => void;
+}
+declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
+export default DatePickerHeader;

package/dist/components/form/datepickerNew/components/YearPicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
+    yearsDisplayed: number;
+}
+declare const YearPicker: ({ date, changeYear, yearsDisplayed }: Props) => JSX.Element;
+export default YearPicker;

package/dist/components/form/datepickerNew/components/hooks/useDatePickerHeaderShowLogic.d.ts

@@ -0,0 +1,15 @@
+import { DatePickerStatus } from '../../types';
+import { DatePickerHeaderProps } from '../DatePickerHeader';
+interface ReturnType {
+    status: DatePickerStatus;
+    title: string;
+    leftArrowOnClick: () => void;
+    leftArrowIsDisabled: boolean;
+    rightArrowOnClick: () => void;
+    rightArrowIsDisabled: boolean;
+    onBottomArrowClick: () => void;
+    showBottomArrow: boolean;
+    showLRArrows: boolean;
+}
+declare const useDatePickerHeaderShowLogic: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, nextYearButtonDisabled, prevYearButtonDisabled, decreaseYear, increaseYear, }: DatePickerHeaderProps) => ReturnType;
+export default useDatePickerHeaderShowLogic;

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

@@ -0,0 +1,5 @@
+interface DatePickerItemProps {
+    isActive: boolean;
+}
+export declare const DatePickerItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DatePickerItemProps, never>;
+export {};

package/dist/components/form/datepickerNew/datePickerPalette.d.ts

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
+    borderRadius: string;
+    today: {
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
+    };
+    inMonth: {
+        [k in ItemStatus]: colorsPalette;
+    };
+    outMonth: {
+        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
+    };
+};
+declare type ItemStatusPalette = {
+    [k in ItemStatus]: colorsPalette;
+};
+interface ItemPalette extends ItemStatusPalette {
+    borderRadius: string;
+}
+interface DaysNamesPalette {
+    color: paletteColor;
+}
+export interface DatePickerPalette {
+    background: paletteColor;
+    weekDaysNames: DaysNamesPalette;
+    days: DayPalette;
+    item: ItemPalette;
+    defaultYearsDisplayed: number;
+}
+declare const datePickerPalette: DatePickerPalette;
+export default datePickerPalette;

package/dist/components/form/datepickerNew/datepicker.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, Story } from '@storybook/react';
+import { DatePickerProps } from './types';
+export declare const Normal: Story<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export declare const WithCustomButton: Story<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+declare const DatePickerStories: Meta<DatePickerProps & {
+    renderWrapper: boolean;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export default DatePickerStories;

package/dist/components/form/datepickerNew/hooks/useFormattedDate.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DateFormats } from '../../../../common/types/dateTypes';
+declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+/**
+ * Hook to manage a date in string format
+ * @param {string|null} initialValue Initial string value representing a date
+ * @param {DateFormats} allowedFormats Array of allowed formats, the hook will try to parse the initial value using this formats
+ * @param {dateFormat} outputFormat The string value returned by the hook will be formatted with this format
+ * @returns {[Date|null, function, string|null, string]} Returns an array with a Date object, the function to update it, a string representation of the date (formatted using the third parameter of the hook) and the currently used format
+ */
+declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
+export default useFormattedDate;

package/dist/components/form/datepickerNew/hooks/useYearsList.d.ts

@@ -0,0 +1,2 @@
+declare const useYearsList: (dateYear: number, page: number, yearsCount: number) => number[];
+export default useYearsList;

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

@@ -0,0 +1,5 @@
+export { default as NewDatePicker } from './NewDatePicker';
+export { default as newDatePickerPalette, DatePickerPalette } from './newDatePickerPalette';
+export { default as useFormattedDate } from './hooks/useFormattedDate';
+export { DatePickerProps as NewDatepickerProps } from './types';
+export { timeConversionOptions } from './utils';

package/dist/components/form/datepickerNew/newDatePickerPalette.d.ts

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
+    borderRadius: string;
+    today: {
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
+    };
+    inMonth: {
+        [k in ItemStatus]: colorsPalette;
+    };
+    outMonth: {
+        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
+    };
+};
+declare type ItemStatusPalette = {
+    [k in ItemStatus]: colorsPalette;
+};
+interface ItemPalette extends ItemStatusPalette {
+    borderRadius: string;
+}
+interface DaysNamesPalette {
+    color: paletteColor;
+}
+export interface DatePickerPalette {
+    background: paletteColor;
+    weekDaysNames: DaysNamesPalette;
+    days: DayPalette;
+    item: ItemPalette;
+    defaultYearsDisplayed: number;
+}
+declare const datePickerPalette: DatePickerPalette;
+export default datePickerPalette;

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

@@ -0,0 +1,6 @@
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    fitBiggerContainer?: boolean | undefined;
+    hideMonth: boolean;
+}, never>;
+export declare const FooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectedOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,31 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+export declare type DatePickerStatus = 'dayPicker' | 'yearPicker';
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
+export declare type CustomButtonProps = {
+    text: string;
+    onClick: (props: RenderCustomFooterProps) => void;
+};
+export interface RenderCustomFooterProps extends DatePickerImplProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
+    date?: Date | null;
+    startDate?: Date | null;
+    endDate?: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    yearsDisplayed?: number;
+    hasTodayButton?: boolean;
+    customButtons?: CustomButtonProps[];
+    renderCustomFooter?: RenderCustomFooterType;
+    isPrefilled?: boolean;
+    onChangeManually?: (date: Date | null) => void;
+    inline?: boolean;
+    fitBiggerContainer?: boolean;
+    includeDates?: Date[];
+    excludeDates?: Date[];
+}
+export declare type DatePickerProps = LabelProps & DatePickerImplProps;

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

@@ -0,0 +1,3 @@
+import { DateFormats } from '../../../common/types/dateTypes';
+export declare const timeConversionOptions: Intl.DateTimeFormatOptions;
+export declare const findFormat: (value: string | null | undefined, formats: DateFormats) => string;

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

@@ -2,5 +2,6 @@ import { Meta, Story } from '@storybook/react';
 import { SidebarItemProps } from '.';
 export declare const Template: Story<SidebarItemProps>;
 export declare const Normal: Story<SidebarItemProps>;
+export declare const TemporaryItem: Story<SidebarItemProps>;
 declare const SidebarItemStory: Meta<SidebarItemProps>;
 export default SidebarItemStory;

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

@@ -4,11 +4,15 @@ import { SidebarItemStyles } from './types';
 export interface WrapperProps {
     isActive: boolean;
     isDisabled: boolean;
+    isTemporary?: boolean;
     customColor?: paletteColor;
     withoutPadding: boolean;
 }
 export declare const sidebarItemHeight = 44;
 export declare const Dropdown: import("styled-components").StyledComponent<({ className, content }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DismissButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    isActive?: boolean | undefined;
+}, never>;
 export declare const SidebarItemWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, SidebarItemStyles & WrapperProps, keyof SidebarItemStyles>;
 export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const NoIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -19,6 +19,8 @@ export interface SidebarItemProps {
     customProps?: CustomSidebarItemProps;
     href?: string;
     badgeConfig?: SidebarBadgeConfigProps;
+    isTemporary?: boolean;
+    onDismiss?: () => void;
 }
 export interface CustomSidebarItemProps {
     color?: paletteColor;
@@ -34,12 +36,16 @@ export declare enum SidebarBadgeConfigType {
     COUNTER = 0,
     ICON = 1,
     DOT = 2,
-    COUNTER_ICON = 3
+    COUNTER_ICON = 3,
+    NEW = 4
 }
 declare type BadgeBaseConfig = {
     size?: BadgeSize;
     variant?: FloatingBadgeType;
 };
+interface BadgeNewConfig extends BadgeBaseConfig {
+    type: SidebarBadgeConfigType.NEW;
+}
 interface BadgeCounterConfig extends BadgeBaseConfig {
     type: SidebarBadgeConfigType.COUNTER;
     counter: number | string;
@@ -56,8 +62,8 @@ interface BadgeCounterIconConfig extends BadgeBaseConfig {
     icon: IconProps;
     counter: number | string;
 }
-export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig | BadgeCounterIconConfig;
-declare type StatusType = 'normal' | 'active' | 'disabled';
+export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig | BadgeCounterIconConfig | BadgeNewConfig;
+declare type StatusType = 'normal' | 'active' | 'disabled' | 'temporary';
 export interface SidebarItemStyles extends colorsPalette {
     hoverColor: paletteColor;
     hoverBackground: paletteColor;

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

@@ -4,5 +4,5 @@ import { SidebarItemStyles } from './types';
 interface GetSidebarItemStylesParams extends WrapperProps {
     theme: DefaultTheme;
 }
-export declare const getSidebarItemStyles: ({ isActive, isDisabled, theme, }: GetSidebarItemStylesParams) => SidebarItemStyles;
+export declare const getSidebarItemStyles: ({ isActive, isDisabled, isTemporary, theme, }: GetSidebarItemStylesParams) => SidebarItemStyles;
 export {};

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

@@ -11,11 +11,14 @@ export declare const ModalBody: import("styled-components").StyledComponent<"div
 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 H3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    headerFooterCustomHeight?: number | undefined;
+}, 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, {
     hideFooterTopBorder?: boolean | undefined;
+    headerFooterCustomHeight?: number | undefined;
 }, never>;
 export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     height: number | null;

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { StepModalProps, UknObj } from './types';
+export declare const useStepModalContext: () => {
+    headerFooterCustomHeight?: number | undefined;
+};
 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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { StepModalBodyProps } from '../types';
-declare const StepModalBody: ({ children, ...otherProps }: StepModalBodyProps) => JSX.Element;
+declare const StepModalBody: ({ children, headerFooterCustomHeight, ...otherProps }: 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, className }: StepModalFooterProps) => JSX.Element;
+declare const StepModalFooter: ({ buttons, children, className, headerFooterCustomHeight, }: 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, className, currentStep, setIsOpen, setStep, subtitle, title, customAction, }: StepModalHeaderProps) => JSX.Element;
+declare const StepModalHeader: ({ children, className, currentStep, customAction, headerFooterCustomHeight, setIsOpen, setStep, subtitle, title, }: StepModalHeaderProps) => JSX.Element;
 export default StepModalHeader;

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

@@ -1,11 +1,19 @@
 import { MappedHeight } from './utils';
-export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    headerFooterCustomHeight?: number | undefined;
+} & {
+    headerFooterCustomHeight?: number | undefined;
+}, 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, {
     hideFooterTopBorder?: boolean | undefined;
+    headerFooterCustomHeight?: number | undefined;
+} & {
+    headerFooterCustomHeight?: number | undefined;
 }, never>;
 export declare type BodyProps = {
     height?: number;
+    headerFooterCustomHeight?: number;
     minHeight?: number;
     withoutFooter?: boolean;
     withoutHeader?: boolean;

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

@@ -5,4 +5,4 @@ export declare type MappedHeight = {
     height?: number;
     minHeight?: number;
 };
-export declare const mapStepModalHeight: ({ height, minHeight, withoutFooter, withoutHeader }: BodyProps) => MappedHeight;
+export declare const mapStepModalHeight: ({ headerFooterCustomHeight, height, minHeight, withoutFooter, withoutHeader, }: BodyProps) => MappedHeight;

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

@@ -4,4 +4,5 @@ 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, {
     children: ReactNode;
+    headerFooterCustomHeight?: number | undefined;
 }, never>;

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

@@ -4,6 +4,7 @@ export declare type UknObj = Record<string, unknown>;
 export declare type StepModalCommonProps = {
     currentStep: number;
     height?: number;
+    headerFooterCustomHeight?: number;
     isOpen: boolean;
     minHeight?: number;
     setIsOpen?: (o: boolean) => void;
@@ -38,10 +39,12 @@ export declare type ContentWrapperProps = {
 export declare type StepModalFooterProps = HasChildren & {
     className?: string;
     buttons?: ButtonProps[];
+    headerFooterCustomHeight?: number;
     hideFooterTopBorder?: boolean;
 };
 export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
     className?: string;
+    headerFooterCustomHeight?: number;
     subtitle?: string;
     title?: string;
     customAction?: JSX.Element;

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

@@ -16,6 +16,7 @@ export interface ModalPropsInterface {
     footer?: () => JSX.Element;
     footerButtons?: ButtonProps[];
     header?: () => JSX.Element;
+    headerFooterCustomHeight?: number;
     height?: number;
     hideFooterTopBorder?: boolean;
     hideOverlay?: boolean;

package/dist/components/newTable_v2/components/body/Body.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Row as RowType } from '@tanstack/react-table';
 import { TableProps } from '../../types';
-interface BodyProps<T> extends Pick<TableProps<T>, 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
+interface BodyProps<T> extends Pick<TableProps<T>, 'bodyHeight' | 'isLoading' | 'isRowDisabled' | 'isRowHighlighted' | 'onRowClick' | 'rowActions' | 'rowHighlightColor' | 'rowSelection' | 'rowTooltip'> {
     pageIndex: number;
     rows: RowType<T>[];
 }
-declare const Body: <T>({ isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
+declare const Body: <T>({ bodyHeight, isLoading, isRowDisabled, isRowHighlighted, onRowClick, pageIndex, rowActions, rowHighlightColor, rowSelection, rowTooltip, rows, }: BodyProps<T>) => JSX.Element;
 export default Body;

package/dist/components/newTable_v2/components/cell/hooks/useCellValues.d.ts

@@ -3,7 +3,6 @@ import { CellValue } from '../../../types';
 interface CellValues {
     align: 'center' | 'left' | 'right';
     content?: Exclude<CellValue, Record<string, unknown>>;
-    fixedWidth?: number;
     isEditable: boolean;
     maxWidth?: number;
     minWidth?: number;

package/dist/components/newTable_v2/components/cell/styled.d.ts

@@ -1,19 +1,9 @@
-/// <reference types="react" />
 declare type DSTdProps = {
-    fixedWidth?: number;
     justifyContent: 'center' | 'left' | 'right';
     maxWidth?: number;
     minWidth?: number;
 };
 export declare const BaseTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
-export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>> & {
-    ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
-} & {
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    fixedWidth?: number | undefined;
-}> & {
-    [others: string]: any;
-} & DSTdProps, string | number>;
+export declare const DSTd: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, DSTdProps, never>;
 export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};