gantri-components 2.119.2 → 2.119.4

package/dist/components/confirmation-modal/confirmationModal.types.d.ts

@@ -1 +1,2 @@
-export declare const StyledConfirmationModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledConfirmationModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -2,16 +2,22 @@
 import { Property } from 'csstype';
 import { TextFieldSize } from '../text-field';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-export declare const StyledOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxWidth?: Property.Width<string | number> | undefined;
-}, never>;
-export declare const StyledCustomPlaceholderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledCustomPlaceholderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $hasLeftIcon?: boolean | undefined;
     $hasTopPadding: boolean;
     $size?: ResolutionAwareProp<TextFieldSize> | undefined;
     disabled: boolean | undefined;
-}, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<import("../text-field").TextFieldProps>, import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledTextField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../text-field").TextFieldProps, {
     $transparentInputText: boolean;
-}, never>;
+}>> & string & Omit<import("react").FC<import("../text-field").TextFieldProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/dropdown-menu/dropdown-menu.styles.d.ts

@@ -1,15 +1,16 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { Color } from '../../styles';
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $borderColor: Color | undefined;
     $hasHeader?: boolean | undefined;
     $noShadow: boolean;
-}, never>;
-export declare const StyledHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $basic: boolean;
     $disabled?: boolean | undefined;
     $isHeading?: boolean | undefined;
     $justifyContent: Property.JustifyContent | undefined;
     $selected?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/components/filter-button/filter-button.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/filter-button/filter-button.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ButtonSize } from '../button/button.types';
 export interface FilterButtonProps {

package/dist/components/flex/flex.styles.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { FlexProps } from './flex.types';
-export declare const StyledFlexContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, FlexProps, never>;
+export declare const StyledFlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>, "ref"> & {
+    ref?: ((instance: import("../box/box.types").BoxProps | null) => void) | import("react").RefObject<import("../box/box.types").BoxProps> | null | undefined;
+}, FlexProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/grid/grid.styles.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import { GridProps } from './grid.types';
-export declare const StyledGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridProps & {
-    $hidden?: import("../../types/resolution-aware-prop.type").ResolutionAwareProp<boolean> | undefined;
-}, never>;
+import { PropsWithHidden } from '../box/box.types';
+export declare const StyledGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PropsWithHidden<GridProps>>> & string;

package/dist/components/icon/icon.styles.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { IconProps } from './icon.types';
-export declare const StyledSvgIcon: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, {
+export declare const StyledSvgIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
     $height?: IconProps['height'];
     $width?: IconProps['width'];
     bottom?: IconProps['bottom'];
@@ -8,4 +9,4 @@ export declare const StyledSvgIcon: import("styled-components").StyledComponent<
     right?: IconProps['right'];
     size?: IconProps['width'];
     top?: IconProps['top'];
-}, never>;
+}>> & string;

package/dist/components/image/image.styles.d.ts

@@ -1,5 +1,8 @@
+/// <reference types="react" />
 import { StyledImageContainerProps, StyledImageProps } from './image.types';
-export declare const StyledImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, StyledImageProps, never>;
-export declare const StyledImageOverlay: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, StyledImageProps, never>;
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledImageContainerProps, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledImageProps>> & string;
+export declare const StyledImageOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, keyof StyledImageProps> & StyledImageProps, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void) | import("react").RefObject<HTMLImageElement> | null | undefined;
+}, never>> & string;
+export declare const StyledImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledImageContainerProps>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/input-group/input-group.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInputGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../button/button.types").ButtonProps, never>> & string & Omit<import("react").FC<import("../button/button.types").ButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledInputGroupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled?: boolean | undefined;
     $size?: string | undefined;
     $withErrors?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/components/line/line.styles.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { LineProps } from './line.types';
-export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LineProps, never>;
+export declare const StyledLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LineProps>> & string;

package/dist/components/linear-progress/linear-progress.styles.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
-export declare const StyledLinearProgressWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledLinearProgressWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $width?: Property.Width<0 | (string & {})> | undefined;
-}, never>;
-export declare const StyledLinearProgressContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledLinearProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $percent: number;
-}, never>;
+}>> & string;

package/dist/components/max-width/max-width.styles.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { Divider } from './max-width.types';
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $backgroundColor?: ResolutionAwareProp<string> | undefined;
     $borderBottom?: Divider | undefined;
     $borderTop?: Divider | undefined;
-}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+}>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/modal/modal.styles.d.ts

@@ -3,31 +3,35 @@ import { DefaultTheme } from 'styled-components';
 import { Property } from 'csstype';
 import { ModalProps } from './modal.types';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-export declare const StyledModal: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledModalBody: import("styled-components").StyledComponent<"div", DefaultTheme, ModalProps & {
+export declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalProps & {
     isFullScreen?: boolean | undefined;
     noTopSpacing?: boolean | undefined;
 } & {
     $height?: ResolutionAwareProp<Property.Height<0 | (string & {})>> | undefined;
     $width?: ResolutionAwareProp<Property.Width<0 | (string & {})>> | undefined;
-}, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, DefaultTheme, {
+}>> & string;
+export declare const StyledModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>, "ref"> & {
+    ref?: ((instance: import("../stack/stack.types").StackProps | null) => void) | import("react").RefObject<import("../stack/stack.types").StackProps> | null | undefined;
+}, {
     isFullScreen?: boolean | undefined;
     noTopSpacing?: boolean | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const getModalDetailsPanelBackgroundColor: ({ theme, isFullScreen, }: {
     isFullScreen: boolean | undefined;
     theme: DefaultTheme;
 }) => string;
-export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, DefaultTheme, {
+export declare const StyledDetailsPanelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>, "ref"> & {
+    ref?: ((instance: import("../box/box.types").BoxProps | null) => void) | import("react").RefObject<import("../box/box.types").BoxProps> | null | undefined;
+}, {
     isFullScreen?: boolean | undefined;
-}, never>;
-export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $closeable?: boolean | undefined;
     isFullScreen?: boolean | undefined;
-}, never>;
-export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", DefaultTheme, {
+}>> & string;
+export declare const StyledModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $hasBorder: boolean;
-}, never>;
-export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", DefaultTheme, {}, never>;
+}>> & string;
+export declare const StyledModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledModalCloseButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/multi-select-list/multi-select-list.styles.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const StyledFlexItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../flex/flex.types").FlexProps & import("react").RefAttributes<import("../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFlexItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../flex/flex.types").FlexProps & import("react").RefAttributes<import("../flex/flex.types").FlexProps>, "ref"> & {
+    ref?: ((instance: import("../flex/flex.types").FlexProps | null) => void) | import("react").RefObject<import("../flex/flex.types").FlexProps> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../flex/flex.types").FlexProps & import("react").RefAttributes<import("../flex/flex.types").FlexProps>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/overlay/overlay.styles.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { OverlayTriggerEvent } from './overlay.types';
-export declare const StyledContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledContainerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     triggerEvent: OverlayTriggerEvent | undefined;
-}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+}>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/pills/components/pill/pill.styles.d.ts

@@ -1,3 +1,4 @@
-export declare const StyledPill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+export declare const StyledPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $selected?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/components/pills/components/pill/pill.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PillProps {
     icon?: JSX.Element;
     onSelected?: (value: string | number) => void;

package/dist/components/pills/pills.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledPills: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledPills: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/quantity/quantity.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/radio/radio.styles.d.ts

@@ -1,12 +1,13 @@
+/// <reference types="react" />
 import { RadioVariant } from './radio.types';
-export declare const StyledRadioWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRadioContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledRadioWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const StyledRadioContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled?: boolean | undefined;
-}, never>;
-export declare const StyledRadio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $checked?: boolean | undefined;
     $disabled?: boolean | undefined;
     $variant?: RadioVariant | undefined;
-}, never>;
-export declare const StyledRadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRadioMarker: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+}>> & string;
+export declare const StyledRadioInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledRadioMarker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/radio-list/radio-list.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { StyledRadioItemProps } from './radio-list.types';
-export declare const StyledRadioItem: import("styled-components").StyledComponent<{
+export declare const StyledRadioItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../radio/radio.types").RadioProps, StyledRadioItemProps>> & string & Omit<{
     (props: import("../radio/radio.types").RadioProps): import("react").JSX.Element;
     defaultProps: import("../radio/radio.types").RadioProps;
-}, import("styled-components").DefaultTheme, StyledRadioItemProps, never>;
+}, keyof import("react").Component<any, {}, any>>;

package/dist/components/search-field/search-field.styles.d.ts

@@ -1,2 +1,3 @@
-export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLoadingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/slider/slider.styles.styles.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { StyledSliderContainerProps } from './slider.types';
-export declare const StyledStepList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledSliderContainerProps, never>;
+export declare const StyledStepList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const StyledLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSliderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderContainerProps>> & string;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-drag-handle/preference-item-drag-handle.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledDragHandle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledDragHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/preference-item-overlay/preference-item-overlay.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/sortable-preference-item/sortable-preference-item.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/user-preferences-modal/user-preferences-modal.styles.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
-export declare const StyledPreferencesPopUp: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../grid/grid.types").GridProps & import("react").RefAttributes<import("../../../../../../../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledClickableIcon: import("styled-components").StyledComponent<import("react").FC<import("../../../../../../../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPreferencesPopUp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../../grid/grid.types").GridProps & import("react").RefAttributes<import("../../../../../../../grid/grid.types").GridProps>, "ref"> & {
+    ref?: ((instance: import("../../../../../../../grid/grid.types").GridProps | null) => void) | import("react").RefObject<import("../../../../../../../grid/grid.types").GridProps> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../../../grid/grid.types").GridProps & import("react").RefAttributes<import("../../../../../../../grid/grid.types").GridProps>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledClickableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../../../icon/icon.types").IconProps, "ref"> & {
+    ref?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
+}, never>> & string & Omit<import("react").FC<import("../../../../../../../icon/icon.types").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/user-preferences-toggle.styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../../button/button.types").ButtonProps, {
     'data-is-active': boolean;
-}, never>;
+}>> & string & Omit<import("react").FC<import("../../../../../button/button.types").ButtonProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/table/components/custom-columns-toggle/custom-columns-toggle.styles.d.ts

@@ -1,3 +1,4 @@
-export declare const StyledToggleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+export declare const StyledToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isScrolling: boolean;
-}, never>;
+}>> & string;

package/dist/components/table/components/selectable-row-checkbox-wrapper/selectable-row-checkbox-wrapper.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SelectableRowCheckboxWrapperProps {
     Component: JSX.Element;
     index: number;

package/dist/components/table/components/table-actions-wrapper/components/clear-selected-rows/clear-selected-rows.styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const StyledPointerFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+export declare const StyledPointerFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>, "ref"> & {
+    ref?: ((instance: import("../../../../../flex/flex.types").FlexProps | null) => void) | import("react").RefObject<import("../../../../../flex/flex.types").FlexProps> | null | undefined;
+}, {
     disabled?: boolean | undefined;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/table/components/table-actions-wrapper/components/paging/paging.styles.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPagingButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>, "ref"> & {
+    ref?: ((instance: import("../../../../../flex/flex.types").FlexProps | null) => void) | import("react").RefObject<import("../../../../../flex/flex.types").FlexProps> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledPagingButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../../../../button/button.types").ButtonProps, never>> & string & Omit<import("react").FC<import("../../../../../button/button.types").ButtonProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/table/components/table-actions-wrapper/components/search/search.styles.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
-export declare const StyledSearchInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledSearchInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxWidth: Property.MaxWidth | undefined;
-}, never>;
+}>> & string;

package/dist/components/table/components/table-actions-wrapper/components/sort/sort.styles.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const StyledDropdown: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../../../../../dropdown").DropdownProps<any>>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../../../../dropdown").DropdownProps<any> & {
+    children?: import("react").ReactNode;
+}, never>> & string & Omit<import("react").FC<import("react").PropsWithChildren<import("../../../../../dropdown").DropdownProps<any>>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const StyledBottomActionsFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+export declare const StyledBottomActionsFlex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>, "ref"> & {
+    ref?: ((instance: import("../../../flex/flex.types").FlexProps | null) => void) | import("react").RefObject<import("../../../flex/flex.types").FlexProps> | null | undefined;
+}, {
     showClearSelectedRows: boolean;
-}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>>, keyof import("react").Component<any, {}, any>>;

package/dist/components/table/components/table-header/table-header.styles.d.ts

@@ -1,7 +1,8 @@
-export declare const StyledTH: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+export declare const StyledTH: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
     size: number;
-}, never>;
-export declare const StyledReorderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledReorderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled: boolean;
     isActive: boolean;
-}, never>;
+}>> & string;