@fattureincloud/fic-design-system 0.7.53 → 0.9.0

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
 export * from './colorsPalette';
 export * from './dateTypes';
-export * from './label';
 export * from './misc';

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

@@ -12,3 +12,6 @@ export declare const isNumeric: (n: string) => boolean;
  * @returns {string} string
  */
 export declare const currency: (number: number | string) => string;
+export declare const isPaletteColor: (color: string) => color is "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary";
+export declare const isBWColor: (color: string) => color is "black" | "white";
+export declare const isColor: (color: string) => color is "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary";

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

@@ -3,6 +3,7 @@ import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
     yearsDisplayed: number;
     setHideMonth: (value: boolean) => void;
+    hideYearSelection: boolean;
 }
 declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
 export default DatePickerHeader;

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

@@ -27,5 +27,6 @@ export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChang
     fitBiggerContainer?: boolean;
     includeDates?: Date[];
     excludeDates?: Date[];
+    hideYearSelection?: boolean;
 }
 export declare type DatePickerProps = LabelProps & DatePickerImplProps;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { MonthlyTabProps } from './types';
-declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonth, }: MonthlyTabProps) => JSX.Element;
+declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonths, currentMonth, }: MonthlyTabProps) => JSX.Element;
 export default MonthlyTab;

package/dist/components/monthlyTab/components/month/Month.d.ts

@@ -3,9 +3,10 @@ interface MonthProps {
     monthNumber: number;
     percentage: number;
     selected: boolean;
-    documents: number;
+    documents: number[];
     amount: number;
-    monthText: string;
+    monthText: string[];
+    isCurrentMonth: boolean;
 }
-declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText }: MonthProps) => JSX.Element;
+declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText, isCurrentMonth, }: MonthProps) => JSX.Element;
 export default Month;

package/dist/components/monthlyTab/components/month/styled.d.ts

@@ -4,6 +4,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 }, never>;
 export declare const Header: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {
     selected: boolean;
+    isCurrentMonth: boolean;
 }, never>;
 export declare const PercentageLevel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     percentage: number;

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

@@ -4,7 +4,7 @@ export declare type MonthAmountData = {
     monthName: string;
 } & MonthDocumentAmount;
 declare type MonthDocumentAmount = {
-    documents: number;
+    documents: number[];
     amount: number;
 };
 export declare type MonthData = {
@@ -13,16 +13,21 @@ export declare type MonthData = {
 export interface MonthlyTabProps {
     data: MonthData;
     onSelectionChange: (monthsData: MonthAmountData[]) => void;
-    monthText?: string;
-    preSelectedMonth: number;
+    monthText?: string[];
+    preSelectedMonths: number[];
+    currentMonth: number;
 }
 export declare type MonthlyTabPalette = {
     standard: {
         borderBottom: paletteColor;
         headerColor: paletteColor;
+        backgroundColor: paletteColor;
     };
     selected: {
         borderBottom: paletteColor;
+        backgroundColor: paletteColor;
+    };
+    isCurrentMonth: {
         headerColor: paletteColor;
     };
     border: paletteColor;

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/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>;

package/dist/components/newTable/components/header/hooks/useHeaderValues.d.ts

@@ -11,5 +11,5 @@ interface HeaderValues<T> {
     maxWidth?: number;
     tooltip?: TooltipProps;
 }
-declare const useHeaderValues: <T>(header: Header<T, unknown>) => HeaderValues<T>;
+declare const useHeaderValues: <T>(header: Header<T, unknown>, actionColumnWidth: number) => HeaderValues<T>;
 export default useHeaderValues;

package/dist/components/newTable/components/row/Row.d.ts

@@ -8,7 +8,7 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
     onRowClick?: (row: Row<T>) => void;
     isRowHighlighted: boolean;
     rowHighlightColor?: TableProps<T>['rowHighlightColor'];
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, actionColumnWidth, }: TrProps<T>) => JSX.Element;
 export default Tr;

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

@@ -51,7 +51,7 @@ export interface TableProps<T> {
     };
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
-    actionColumnWidth?: string | number;
+    actionColumnWidth?: number;
     disableScrollX?: boolean;
     resetPageIndex?: boolean;
 }

package/dist/components/segmentButton/SegmentButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SegmentButtonProps } from './types';
-declare const SegmentButton: ({ onChange, preselected, segments }: SegmentButtonProps) => JSX.Element;
+declare const SegmentButton: React.FC<SegmentButtonProps>;
 export default SegmentButton;

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

@@ -1,7 +1,10 @@
 declare type Props = {
     active: boolean;
+    isLoading?: boolean;
 };
 export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Segment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export declare const Badge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
+export declare const spin: import("styled-components").Keyframes;
+export declare const Loader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export {};

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

@@ -23,4 +23,5 @@ export declare type SegmentButtonProps = {
     onChange?: (i: number, s: Segment) => void;
     preselected?: number;
     segments: Segment[];
+    isLoading?: boolean;
 };

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

@@ -1,3 +1,4 @@
 export { default as VerticalTabs } from './VerticalTabs';
 export * from './types';
 export { default as verticalTabsPalette } from './verticalTabsPalette';
+export * from './components/verticalTabsSelector/VerticalTabsSelector';

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-export declare const VerticalTabsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../card").StyledCardProps & {
+export declare const VerticalTabsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../card").StyledCardProps & {
     children: import("react").ReactNode | import("react").ReactNode[];
-    className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalTabsSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalTabsContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/index.d.ts

@@ -1,56 +1,55 @@
-import Spinner from './common/components/Spinner';
-import { EditableInput } from './components/editableInput';
-export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './common/components/typography';
-import { Accordion } from './components/accordions';
-import { Avatar } from './components/avatar';
-import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
-import { Chart, ChartProps } from './components/chart';
-import { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType } from './components/circularProgressBar';
-import { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
-import { Drawer } from './components/drawer';
-import { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType } from './components/dropdown';
-import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
-import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
-import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
-import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
-import { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
-import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
-import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
-import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
-import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
-import { GroupedList, GroupType, ItemType } from './components/groupedList';
-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, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
-import { ConfirmationModal } from './components/modals/confirmationModal';
-import { ModalBody } from './components/modals/modalStyled';
-import { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
-import { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions } from './components/newTable';
-import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/oldTable';
-import { PageEmptySet } from './components/pageEmptySet';
-import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
-import { ThemeProvider } from './components/themeProvider';
-import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
-import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-import { autocompleteYellow } from './styles/defaultPalette/colors/others';
-import { Theme } from './styles/theme';
-import { Palette, paletteColor } from './styles/types';
+export { default as Spinner } from './common/components/Spinner';
+export { ComponentType } from './common/types';
+export * from './common/components/typography';
+export { isBWColor, isColor, isHexColor, isPaletteColor, parseDimension, pixelToNumber } from './common/utils/dsUtils';
+export { Accordion } from './components/accordions';
+export { Avatar } from './components/avatar';
 export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
 export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
+export { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps, } from './components/buttons';
+export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
+export { Chart, ChartProps } from './components/chart';
 export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
+export { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType, } from './components/circularProgressBar';
+export { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
+export { Drawer } from './components/drawer';
+export { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType, } from './components/dropdown';
+export { EditableInput } from './components/editableInput';
 export { BadgeSize, FloatingBadgePalette, FloatingBadgeType, NotificationBadge, WithBadge, } from './components/floatingBadge';
+export { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
+export { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate, } from './components/form/datepicker';
+export { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps, } from './components/form/fileUploader';
+export { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
+export { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps, } from './components/form/inputText';
 export { LabelPalette } from './components/form/label';
+export { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
+export { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
+export { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue, } from './components/form/select';
+export { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
+export { GroupedList, GroupType, ItemType } from './components/groupedList';
+export { Icon, iconColors, IconPalette, IconProps, IconBackground, IconBackgroundPalette } from './components/icon';
+export { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
 export { CustomSidebarItemProps, SidebarBadgeConfigProps, SidebarBadgeConfigType, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, } from './components/layout';
+export { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
+export { Modal, ModalSearchable, ModalBody } from './components/modals';
+export { ConfirmationModal } from './components/modals/confirmationModal';
+export * from './components/modals/stepModal';
+export { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
+export { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions, } from './components/newTable';
+export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';
+export { PageEmptySet } from './components/pageEmptySet';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
 export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
 export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
+export { Stepper, StepperPalette, StepperProps } from './components/stepper';
+export { Switch } from './components/switch';
+export { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
+export { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
+export { ThemeProvider } from './components/themeProvider';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
-export { bwColor } from './styles/types';
-export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, 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, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };
+export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
+export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 export * from './components/verticalTabs';
-export * from './components/verticalTabs/components/verticalTabsSelector/VerticalTabsSelector';
+export { autocompleteYellow } from './styles/defaultPalette/colors/others';
+export { Theme } from './styles/theme';
+export { Palette, paletteColor, BwPalette, ColorsPalette, bwColors, bwColor, color, colors } from './styles/types';