@fattureincloud/fic-design-system 0.7.53 → 0.8.0

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/accordions/index.d.ts

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

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

@@ -1,7 +1,5 @@
 import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<import("./types").StyledCardProps & {
+declare const _default: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & 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/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { paletteColor } from '../../styles/types';
 export declare enum CardType {
     PRIMARY = "primary",
@@ -22,10 +22,8 @@ export declare type StyledCardProps = {
     elevation?: CardElevation;
     type?: CardType;
 };
-export declare type CardProps = StyledCardProps & {
-    children: React.ReactNode | React.ReactNode[];
-    className?: string;
-    style?: CSSProperties;
+export declare type CardProps = HTMLAttributes<HTMLDivElement> & StyledCardProps & {
+    children: ReactNode | ReactNode[];
 };
 declare type CardPaletteAttributes = {
     background: paletteColor;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonText: 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 IndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IndicatorButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const LegendSquare: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+export declare const LegendIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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/form/checkbox/Checkbox.d.ts

@@ -2,14 +2,15 @@
 import { CheckboxProps } from './types';
 /**
  * Component Props:
- * @param {string} className To support styled-components customization
- * @param {boolean} disabled Checkbox interaction disabled
- * @param {InputHelperProps} helper Render an error form box when necessary
- * @param {boolean} large Improve Checkbox size
- * @param {function} onClick Callback called on component click
- * @param {string} text Component label text
+ * @param {string} [className] To support styled-components customization
+ * @param {boolean} [disabled] Checkbox interaction disabled
+ * @param {InputHelperProps} [helper] Render an error form box when necessary
+ * @param {boolean} [large] Improve Checkbox size
+ * @param {function} [onChange] Callback called on value change
+ * @param {function} [onClick] Callback called on component click
+ * @param {boolean} [required] Mark the checkbox as required with a red asterisk
+ * @param {ReactNode} [text] Component label text
  * @param {CheckboxStatus} value Checkbox status
- * @param {string} textColor To change label text color
  */
 declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

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

@@ -1,7 +1,6 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, MouseEvent, ReactNode } from 'react';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
-import { LabelProps } from '../label';
 export declare enum CheckboxStatus {
     CHECKED = "checked",
     UNCHECKED = "unchecked",
@@ -31,14 +30,13 @@ export interface CheckboxInputProps {
     large?: boolean;
     hasError: boolean;
 }
-export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
-    text?: string;
-    helper?: InputHelperProps;
+export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'> {
     className?: string;
+    helper?: InputHelperProps;
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
-    textColor?: paletteColor;
+    onClick?: (e: MouseEvent) => void;
     required?: boolean;
+    text?: ReactNode;
 }
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;

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

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

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

@@ -13,7 +13,7 @@ declare type DayPalette = {
         [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
     weekend: {
-        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
+        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
     };
 };
 declare type ItemStatusPalette = {

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

@@ -1,6 +1,7 @@
 export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     fitBiggerContainer?: boolean | undefined;
     hideMonth: boolean;
+    inline?: boolean | undefined;
 }, 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/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/radio/types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, InputHTMLAttributes } from 'react';
-import { LabelProps } from '../../../common/types/label';
+import { LabelProps } from '../../../common/components/label/types';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 export declare enum RadioStatus {
@@ -28,7 +28,7 @@ export interface RadioInputProps {
     large?: boolean;
     hasError: boolean;
 }
-export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
+export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<LabelProps, 'hasError' | 'palette'> {
     onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;

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

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

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

@@ -1,4 +1,7 @@
+import { ReactNode } from 'react';
 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>;
+export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, {
+    children: ReactNode;
+}, never>;

package/dist/components/newTable/Table.d.ts

@@ -28,7 +28,7 @@ import { TableProps } from './types';
  * @param {function} renderEmptyState Render a custom empty state for the table's body
  * @param {function} onRowClick Callback called after a click on a row, returns the row
  * @param {number} rowIdHighlight id of the row that will be highlighted
- * @param {string | number} actionColumnWidth used to determine the width of the action column
+ * @param {number} actionColumnWidth used to determine the width of the action column
  */
 declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, resetPageIndex, }: TableProps<T>) => JSX.Element;
 export default Table;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FavoriteProps {
     checked?: boolean;
     disabled?: boolean;

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
     checked: boolean;
 }, never>;

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

@@ -6,7 +6,7 @@ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'r
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
     pageIndex: number;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
     disableScrollX?: boolean;
 }
 declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, pageIndex, actionColumnWidth, disableScrollX, }: BodyProps<T>) => JSX.Element;

package/dist/components/newTable/components/cell/Cell.d.ts

@@ -8,7 +8,7 @@ interface Props<T> {
     rowSize?: RowSize;
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick, actionColumnWidth }: Props<T>) => JSX.Element;
 export default Cell;

package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts

@@ -8,7 +8,7 @@ interface Props<T> extends ActionColumnDef<T> {
     column: Column<T, unknown>;
     maxWidth?: number;
     minWidth?: number;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, actionColumnWidth, }: Props<T>) => JSX.Element;
 export default CustomActionCell;

package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts

@@ -6,7 +6,7 @@ declare type Props<CellProps> = {
     context: CellContext<CellProps, unknown>;
     hover?: boolean;
     rowSize?: RowSize;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
     onRowClick?: (row: Row<CellProps>) => void;
 } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef<CellProps>;
 declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, onRowClick, maxWidth, align, disableClick, actionColumnWidth, }: Props<CellProps>) => JSX.Element;

package/dist/components/newTable/components/header/Header.d.ts

@@ -16,7 +16,7 @@ interface HeaderProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, actionColumnWidth, }: HeaderProps<T>) => JSX.Element;
 export default Header;

package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts

@@ -12,7 +12,7 @@ export interface CustomHeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: number | string;
+    actionColumnWidth: number;
 }
 declare const ActionHeaderCell: <T>({ header, onOpen, onClose, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: CustomHeaderCellProps<T>) => JSX.Element;
 export default ActionHeaderCell;

package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts

@@ -14,7 +14,7 @@ interface HeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: HeaderCellProps<T>) => JSX.Element;
 export default HeaderCell;

package/dist/components/newTable/components/header/headerCell/styled.d.ts

@@ -5,6 +5,7 @@ export declare const Th: import("styled-components").StyledComponent<"div", impo
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
     sortable: boolean;
+    isActionColumn: boolean;
 }, never>;
 export declare const TextHeaderCellWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;