@dexma/ui-components 7.0.1 → 7.1.0

package/dist/lib/styles/DatePicker/StyledDatePicker.d.ts

@@ -1,12 +1,11 @@
 import { AntdDatePickerProps, AntdRangePickerProps } from '../../components/DatePicker';
-
 declare const StyledAntdDatePicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<((import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs> & {
-    status?: "" | "warning" | "error" | undefined;
+    status?: "" | "error" | "warning" | undefined;
     hashId?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
 }) & import('react').RefAttributes<import('react').Component<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs> & {
-    status?: "" | "warning" | "error" | undefined;
+    status?: "" | "error" | "warning" | undefined;
     hashId?: string | undefined;
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
@@ -14,12 +13,15 @@ declare const StyledAntdDatePicker: import('styled-components/dist/types').IStyl
 declare const StyledAntdRangePicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<((import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
     dropdownClassName?: string | undefined;
     popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
 }) & import('react').RefAttributes<import('react').Component<import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
     dropdownClassName?: string | undefined;
     popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
 }, unknown, any>>) & import('styled-components/dist/types').BaseObject, AntdRangePickerProps>> & string & Omit<import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
     dropdownClassName?: string | undefined;
     popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
 }, unknown>, keyof import('react').Component<any, {}, any>>;
 declare const DropdownDatePickerStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
 export { StyledAntdDatePicker, StyledAntdRangePicker, DropdownDatePickerStyles };

package/dist/lib/styles/Divider/StyledDivider.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {
     $vertical?: boolean;
     theme: Theme;

package/dist/lib/styles/Dots/StyledDots.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: Theme;
     size: number;

package/dist/lib/styles/Dropdown/StyledDropdown.d.ts

@@ -17,9 +17,9 @@ export declare const StyledDropdownInnerButton: import('styled-components/dist/t
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>, "ref"> & {
+}, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
     ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
     text?: string;
@@ -39,9 +39,9 @@ export declare const StyledDropdownInnerButton: import('styled-components/dist/t
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+}, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
 export declare const StyledDropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<{
     text?: string;
     size?: string | import('../../components/index.ts').ButtonSize;
@@ -60,9 +60,9 @@ export declare const StyledDropdownButton: import('styled-components/dist/types'
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>, "ref"> & {
+}, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
     ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
     text?: string;
@@ -82,7 +82,7 @@ export declare const StyledDropdownButton: import('styled-components/dist/types'
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+}, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
 export { StyledGlobalDropdown };

package/dist/lib/styles/Fieldgroup/StyledFieldGroup.d.ts

@@ -1,6 +1,5 @@
 import { Theme } from '../../utils/theme';
 import { FieldGroupType } from '../../components/FieldGroup';
-
 export declare const getSplitVariant: (props: StyledFieldGroupProps) => import('styled-components').RuleSet<object>;
 export declare const getCustomVariant: (props: StyledFieldGroupProps) => import('styled-components').RuleSet<object>;
 export declare const getVertical: () => import('styled-components').RuleSet<object>;

package/dist/lib/styles/Grid/StyledGrid.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $fluid?: boolean;
     theme: Theme;

package/dist/lib/styles/Heading/StyledHeading.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledHeading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     $color: string;

package/dist/lib/styles/Input/StyledInput.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 export declare const getLoading: (props: any) => import('styled-components').RuleSet<object>;
 export declare const getIcon: (props: any) => import('styled-components').RuleSet<object>;
 declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/lib/styles/Modal/StyledModal.d.ts

@@ -1,6 +1,5 @@
 import { ModalProps as AntDModalProps } from 'antd';
 import { Theme } from '../../utils/theme';
-
 type ModalProps = AntDModalProps & {
     theme: Theme;
 };
@@ -8,7 +7,7 @@ declare const StyledModal: import('styled-components/dist/types').IStyledCompone
     useModal: typeof import('antd/es/modal/useModal').default;
     destroyAll: () => void;
     config: typeof import('antd/es/modal/confirm').modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/modal/PurePanel').PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: any) => React.JSX.Element;
 }, keyof import('react').Component<any, {}, any>>;
 declare const StyledModalGlobal: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
 export { StyledModal, StyledModalGlobal };

package/dist/lib/styles/Pagination/StyledPagination.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 export declare const getStyledPagination: (theme: Theme) => import('styled-components').RuleSet<object>;
 declare const StyledPagination: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: Theme;

package/dist/lib/styles/Paragraph/StyledParagraph.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledParagraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $margin: string;
     color: string;

package/dist/lib/styles/Progress/StyledProgress.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledProgress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: Theme;
     $percent: number;

package/dist/lib/styles/Result/StyledResult.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledResult: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
     fluid?: boolean;
 } & import('react').HTMLAttributes<HTMLDivElement>, {

package/dist/lib/styles/Row/StyledRow.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $reverse?: boolean;
     $alignItems?: string;

package/dist/lib/styles/Select/StyledSelect.d.ts

@@ -1,6 +1,5 @@
 import { DefaultTheme } from 'styled-components';
 import { Theme } from '../../utils/theme';
-
 export declare const hexToRGBA: (hex: string, a: number) => string;
 export declare const StyledPaginationPageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
     xs?: number;
@@ -55,9 +54,9 @@ export declare const StyledButtonSelectAll: import('styled-components/dist/types
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>, "ref"> & {
+}, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
     ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
 }, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
     text?: string;
@@ -77,9 +76,9 @@ export declare const StyledButtonSelectAll: import('styled-components/dist/types
     children?: import('react').ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+}, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
 export declare const StyledPaginationSelector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSpanOptionSelected: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {

package/dist/lib/styles/Spinner/StyledSpinner.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 type StyledSpinnerProps = {
     $size: number;
     color: string;

package/dist/lib/styles/SwitchPeriodComparative/StyledSwitchPeriodComparative.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 type StyledSwitchPeriodComparativeProps = {
     theme: Theme;
 };

package/dist/lib/styles/Table/StyledTable.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 type StyledTableProps = {
     theme: Theme;
 };

package/dist/lib/styles/Tabs/StyledTabs.d.ts

@@ -1,6 +1,5 @@
 import { Theme } from '../../utils/theme';
 import { TabsVariant } from '../../components/Tabs';
-
 type StyledTabsProps = {
     theme: Theme;
     $variant: TabsVariant;

package/dist/lib/styles/Tag/StyledTag.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 export declare const getTagPrimary: (props: StyledTagProps) => import('styled-components').RuleSet<object>;
 export declare const getTagOutline: (props: StyledTagProps) => import('styled-components').RuleSet<object>;
 type StyledTagProps = {

package/dist/lib/styles/TagGroup/StyledTagGroup.d.ts

@@ -1,5 +1,4 @@
 import { Theme } from '../../utils/theme';
-
 declare const StyledTagGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: Theme;
 }>> & string;

package/dist/lib/utils/dates.d.ts

@@ -1,5 +1,4 @@
 import { default as moment, Moment } from 'moment';
-
 declare const ISO_FORMAT = "DD/MM/YY";
 declare const NUMBER_OF_MONTHS = 3;
 declare const START_DATE = "startDate";

package/dist/lib/utils/selectors.d.ts

@@ -1,6 +1,5 @@
 import { Theme } from './theme';
 import { DefaultTheme } from 'styled-components';
-
 export declare const padding: (theme?: Theme) => any;
 export declare const margin: (theme?: Theme) => any;
 export declare const border: (theme?: Theme) => any;

package/dist/lib/utils/theme.d.ts

@@ -1,5 +1,4 @@
 import { DefaultTheme } from 'styled-components';
-
 export declare const color: {
     teal50: string;
     teal100: string;