@bikdotai/bik-component-library 0.0.867 → 0.0.868-beta.1

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.styled.d.ts

@@ -1,10 +1,25 @@
-export declare const IconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DiscountOptionsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DiscountDetailsOption: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const DiscountOptionsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const DiscountDetailsOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     selected?: boolean | undefined;
     isHovered?: boolean | undefined;
-}, never>;
-export declare const AddProductButtonsContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProductCollectionCard: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const CubeIconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ProductVariableCard: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const AddProductButtonsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ProductCollectionCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const CubeIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ProductVariableCard: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/dropdown/ChipDropdown.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
 import { DropdownProps } from './Dropdown';
 export declare const ChipDropdown: React.FC<DropdownProps>;
-export declare const ChipDropdownContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const ChipDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width?: string | undefined;
     height?: string | undefined;
     backgroundColor?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -1,10 +1,19 @@
-export declare const OverLapAbs: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OverLapAbs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     disabled?: boolean | undefined;
     allowEvents?: boolean | undefined;
     isChildLoading?: boolean | undefined;
-}, never>;
-export declare const OpenDropdownContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LoadingContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ChipInputWrapper: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const OpenDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const LoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ChipInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     error?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -1,8 +1,15 @@
-export declare const OpennedDropdownContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const OpennedDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
-export declare const ItemContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MenuListContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const ItemContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MenuListContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     maxHeight: number | string;
     minHeight?: string | number | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -1,3 +1,6 @@
-export declare const DescriptionContainer: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DescriptionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -1 +1,4 @@
-export declare const FreeFormContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const FreeFormContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,7 +1,21 @@
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const StyledGroupedLabel: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledGroupedLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     version?: "1.0" | "2.0" | "3.0" | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -1 +1,4 @@
-export declare const BottomBarContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const BottomBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/dropdown-button/DropdownButton.style.d.ts

@@ -1,13 +1,17 @@
 import { Size, Type } from '../button/model';
 import { IconButtonType } from '../icon-button/model';
-export declare const DropdownButtonStyle: import('styled-components').StyledComponent<"div", any, {
+export declare const DropdownButtonStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     type: Type | undefined;
     disabled: boolean | undefined;
     isIconButton?: boolean | undefined;
     iconButtonType?: IconButtonType | undefined;
-    iconButtonSize?: "default" | "xs" | undefined;
+    iconButtonSize?: "xs" | "default" | undefined;
     size?: Size | undefined;
-}, never>;
-export declare const LoaderContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const LoaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     type: Type | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/dual-icon-button/DualIconButton.styled.d.ts

@@ -1,7 +1,14 @@
-export declare const Container: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const IconHalf: import('styled-components').StyledComponent<"button", any, {
+}>> & string;
+export declare const IconHalf: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     disabled?: boolean | undefined;
-}, never>;
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/file-uploader/FileUploaderStyle.d.ts

@@ -1,7 +1,12 @@
-export declare const FileUploaderStyle: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const FileUploaderStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     showProgressBar: boolean;
     width?: string | undefined;
-}, never>;
-export declare const FileUploadedStyle: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const FileUploadedStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width?: string | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum FAB_POSITION {
     TOP_LEFT = "top left",
     TOP_RIGHT = "top right",
@@ -16,13 +17,17 @@ export declare enum MENU_ALIGNMENT {
     START = "start",
     END = "end"
 }
-export declare const FloatingActionButtonContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const FloatingActionButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width: number;
     height: number;
     color: string;
     isRound?: boolean | undefined;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const FloatingActionButtonOuterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width: number;
     height: number;
     color: string;
@@ -30,20 +35,26 @@ export declare const FloatingActionButtonOuterContainer: import('styled-componen
     buttonPaddingHorizontal: number;
     buttonPaddingVertical: number;
     zIndex: number;
-}, never>;
-export declare const StyledDropdown: import('styled-components').StyledComponent<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap').DropdownProps> & {
+}>> & string;
+export declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<import('react-bootstrap/esm/helpers').Omit<any, import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap').DropdownProps> & import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap').DropdownProps & {
+    children?: import('react').ReactNode;
+}, {
+    active?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}>> & string & Omit<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap').DropdownProps> & {
     Toggle: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>;
     Menu: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", import('react-bootstrap/esm/DropdownMenu').DropdownMenuProps>;
     Item: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<import('@restart/ui/esm/types').DynamicRefForwardingComponent<import('react').ForwardRefExoticComponent<import('@restart/ui/esm/Button').ButtonProps & import('react').RefAttributes<HTMLElement>>, import('@restart/ui/esm/DropdownItem').DropdownItemProps>, import('react-bootstrap/esm/DropdownItem').DropdownItemProps>;
     ItemText: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"span", unknown>;
     Divider: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"hr", unknown>;
     Header: import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-export declare const DropdownToggleContainer: import('styled-components').StyledComponent<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, any, {}, never>;
-export declare const TooltipStyled: import('styled-components').StyledComponent<"div", any, {
+}, keyof import('react').Component<any, {}, any>>;
+export declare const DropdownToggleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('react-bootstrap/esm/helpers').Omit<any, import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps> & import('react-bootstrap/esm/helpers').BsPrefixProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps & {
+    children?: import('react').ReactNode;
+}> & string & Omit<import('react-bootstrap/esm/helpers').BsPrefixRefForwardingComponent<"button", import('react-bootstrap/esm/DropdownToggle').DropdownToggleProps>, keyof import('react').Component<any, {}, any>>;
+export declare const TooltipStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     tooltipWidth?: number | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/half-doughnut-chart/HalfDoughnutChart.styled.d.ts

@@ -1,16 +1,35 @@
-export declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const Legend: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LegendItem: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const LegendDot: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Legend: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const LegendItem: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const LegendDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     color: string;
-}, never>;
+}>> & string;
 /**
  * Contains the Doughnut canvas. Width is fluid; height is set inline to
  * canvasSize/2 so only the top semicircle of the square canvas is visible.
  * overflow:hidden clips the bottom half away.
  */
-export declare const ChartWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const CanvasClip: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const ElementWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const PercentageLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DescriptionText: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ChartWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const CanvasClip: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ElementWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const PercentageLabel: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const DescriptionText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/icon-button/IconButton.styled.d.ts

@@ -1,8 +1,10 @@
 import { IconButtonSize, IconButtonType } from './model';
-export declare const IconButton: import('styled-components').StyledComponent<"button", any, {
+export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     bordered?: boolean | undefined;
     iconButtonType: IconButtonType;
     isSelected?: boolean | undefined;
     iconPadding?: number | undefined;
     size?: IconButtonSize | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/input/Input.styled.d.ts

@@ -1,5 +1,7 @@
 import { InputStateI, InputTypeI, InputVariant } from './Input.model';
-export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {
+export declare const InputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width?: string | undefined;
     height?: string | undefined;
     isActive?: boolean | undefined;
@@ -10,70 +12,153 @@ export declare const InputWrapper: import('styled-components').StyledComponent<"
     hightlightInputColor?: string | undefined;
     hideBorder?: boolean | undefined;
     solidDisabled?: boolean | undefined;
-}, never>;
-export declare const IconHolder: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const IconHolder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     isLeft?: boolean | undefined;
     iconSize?: string | undefined;
     variant?: InputVariant | undefined;
-}, never>;
-export declare const InputContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     height?: string | undefined;
     type?: InputTypeI | undefined;
     autoGrow?: boolean | undefined;
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
-}, never>;
-export declare const InputContainerSmall: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const InputContainerSmall: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
     customStyles?: import('../TypographyStyle').customStyles | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     height?: string | undefined;
     type?: InputTypeI | undefined;
-}, never>;
-export declare const InputContainerXSmall: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const InputContainerXSmall: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     height?: string | undefined;
     type?: InputTypeI | undefined;
-}, never>;
-export declare const InputHeader: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const InputHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     invalid?: boolean | undefined;
     maxCharAlignment?: boolean | undefined;
-}, never>;
-export declare const MaxCharStyle: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const MaxCharStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
     customStyles?: import('../TypographyStyle').customStyles | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     position?: string | undefined;
-}, never>;
-export declare const InputFooter: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const InputFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     invalid?: boolean | undefined;
-}, never>;
-export declare const RootContainer: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const RootContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     width?: string | undefined;
     height?: string | undefined;
     state?: InputStateI | undefined;
     type: InputTypeI;
     solidDisabled?: boolean | undefined;
-}, never>;
-export declare const PrefixHolder: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const PrefixHolder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     variant?: InputVariant | undefined;
-}, never>;
-export declare const SuffixHolder: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SuffixHolder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-} & {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}, {
     variant?: InputVariant | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/keywords-input/KeywordsInput.styled.d.ts

@@ -1 +1,4 @@
-export declare const ChipStyle: import('styled-components').StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ChipStyle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/components/list-item/ListItem.styled.d.ts

@@ -1,7 +1,9 @@
 import { Variant } from './List.model';
-export declare const ListItem: import('styled-components').StyledComponent<"div", any, {
+export declare const ListItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     variant: Variant;
     borderBottom?: string | undefined;
     version?: "1.0" | "2.0" | "3.0" | undefined;
     brandSelectedRow?: boolean | undefined;
-}, never>;
+}>> & string;

package/dist/esm/components/list-item/themes.d.ts

@@ -1,3 +1,3 @@
 import { Variant } from './List.model';
 export declare function getColor(variant: Variant, version?: '1.0' | '2.0' | '3.0', brandSelectedRow?: boolean): string;
-export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0', brandSelectedRow?: boolean): import('styled-components').FlattenSimpleInterpolation;
+export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0', brandSelectedRow?: boolean): import('styled-components').RuleSet<object>;