@veeqo/ui 0.1.0 → 0.1.2

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

@@ -8,7 +8,7 @@ export declare const Item: import("styled-components").StyledComponent<import("r
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {
@@ -18,7 +18,7 @@ export declare const ActionItem: import("styled-components").StyledComponent<imp
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {
@@ -28,7 +28,7 @@ export declare const LinkItem: import("styled-components").StyledComponent<impor
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { ButtonVariant } from '../Button/types';
 export type ActionListItem = {
     title: string;
-    icon?: Omit<ReactNode, string>;
+    icon?: ReactElement;
     variant?: 'item' | 'action' | 'link';
     onClick: () => void;
 };

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactElement } from 'react';
 export type BadgeVariant = 'default' | 'primary' | 'warning';
 /**
  * Badge properties.
@@ -11,7 +11,7 @@ export type BadgeProps = {
     /**
      * Renders an optional icon inside the Badge.
      */
-    iconSlot?: Omit<ReactNode, string>;
+    iconSlot?: ReactElement;
     /**
      * Specifies tooltip text to display on hover.
      */

package/dist/components/Banner/Banner.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactEventHandler, ReactNode } from 'react';
+import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';
 import { BannerTypes } from './types';
 type BannerProps = {
     type?: BannerTypes;
     text?: string;
-    icon?: Omit<ReactNode, string>;
+    icon?: ReactElement;
     onClose?: ReactEventHandler;
     className?: string;
     header?: ReactNode;

package/dist/components/Button/Button.d.ts

@@ -3,7 +3,7 @@ export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAtt
     children?: React.ReactNode;
     variant?: import("./types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: React.ReactNode;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import { ReactNode, ButtonHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, ReactElement } from 'react';
 export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
 /**
  * Button properties.
@@ -10,7 +10,7 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Button sizes */
     size?: 'sm' | 'base';
     /** Icon */
-    icon?: ReactNode;
+    icon?: ReactElement;
     /** Renders a dropdown indicator inside the button */
     dropdown?: boolean;
     /** Renders a loading indicator inside the button */

package/dist/components/DataTable/utils/types.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode, CSSProperties } from 'react';
+import { ReactNode, CSSProperties, ReactElement } from 'react';
 export type DataTableId = string | number;
 export type RowData = any;
 export type DataTableHeader = {
     id: DataTableId;
     title?: string;
-    icon?: ReactNode;
+    icon?: ReactElement;
     tooltip?: string;
     align?: 'left' | 'center' | 'right';
     sortable?: boolean;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Size } from '../Stack/types';
 export type BorderType = 'all' | 'vertical' | 'none';
 export type ScrollPosition = 'none' | 'start' | 'middle' | 'end';
@@ -22,7 +22,7 @@ export type ColumnConfig = {
     id: ColumnId;
     align?: ColumnAlignment;
     hidden?: boolean;
-    icon?: Omit<ReactNode, string>;
+    icon?: ReactElement;
     pinned?: ColumnPinned;
     sortable?: boolean;
     spacing?: ColumnSpacing;

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

@@ -24,7 +24,7 @@ declare const StyledButton: import("styled-components").StyledComponent<import("
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 export interface FilterTagProps {
     className?: string;
     e2eClassName?: string;
-    iconSlot?: Omit<ReactNode, string>;
+    iconSlot?: ReactElement;
     label?: string;
     text: string;
     fill?: string;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { ActionListSection } from '../ActionList/types';
 import { ButtonVariant } from '../Button/types';
 import { ShadowPropType } from './styled';
 type QuickAction = {
     title: string;
-    icon: Omit<ReactNode, string>;
+    icon: ReactElement;
     variant: ButtonVariant;
     onClick: () => void;
 };

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

@@ -13,7 +13,7 @@ export declare const SidebarToggleButton: import("styled-components").StyledComp
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {

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

@@ -4,7 +4,7 @@ export declare const PaginationButton: import("styled-components").StyledCompone
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 export declare enum ToastTypes {
     info = "info",
     error = "error",
@@ -7,7 +7,7 @@ export declare enum ToastTypes {
 }
 export type ToastType = Record<ToastTypes, {
     accentColor: string;
-    icon: Omit<ReactNode, string>;
+    icon: ReactElement;
 }>;
 export type ToastPropTypes = Omit<Notification, 'key'> & {
     className?: string;
@@ -32,7 +32,7 @@ export type ClassNamesReturnPayload = {
 export type Notification = {
     key: string;
     type: keyof typeof ToastTypes;
-    iconSlot?: Omit<ReactNode, string>;
+    iconSlot?: ReactElement;
     text: string;
     cta?: React.ReactNode;
 };

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

@@ -5,7 +5,7 @@ export declare const ButtonSC: import("styled-components").StyledComponent<impor
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -24,7 +24,7 @@ declare const StyledButton: import("styled-components").StyledComponent<import("
     children?: import("react").ReactNode;
     variant?: import("../Button/types").ButtonVariant | undefined;
     size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactNode;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>, any, {