@pushwoosh/kit-icons 1.0.0 → 1.1.0

package/lib/reload-icon/reload-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type ReloadIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type ReloadIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/reward-icon/reward-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { RewardIconProps } from './reward-icon.types';
-export declare const RewardIcon: React.ForwardRefExoticComponent<Pick<RewardIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function RewardIcon(props: RewardIconProps): JSX.Element | null;

package/lib/reward-icon/reward-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type RewardIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type RewardIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/search-icon/search-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SearchIconProps } from './search-icon.types';
-export declare const SearchIcon: React.ForwardRefExoticComponent<Pick<SearchIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SearchIcon(props: SearchIconProps): JSX.Element | null;

package/lib/search-icon/search-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SearchIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SearchIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/secure-icon/secure-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SecureIconProps } from './secure-icon.types';
-export declare const SecureIcon: React.ForwardRefExoticComponent<Pick<SecureIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SecureIcon(props: SecureIconProps): JSX.Element | null;

package/lib/secure-icon/secure-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SecureIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SecureIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/send-icon/send-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SendIconProps } from './send-icon.types';
-export declare const SendIcon: React.ForwardRefExoticComponent<Pick<SendIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SendIcon(props: SendIconProps): JSX.Element | null;

package/lib/send-icon/send-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SendIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SendIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/settings-icon/settings-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SettingsIconProps } from './settings-icon.types';
-export declare const SettingsIcon: React.ForwardRefExoticComponent<Pick<SettingsIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SettingsIcon(props: SettingsIconProps): JSX.Element | null;

package/lib/settings-icon/settings-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SettingsIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SettingsIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/social-logo-icon/social-logo-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SocialLogoIconProps } from './social-logo-icon.types';
-export declare const SocialLogoIcon: React.ForwardRefExoticComponent<Pick<SocialLogoIconProps, "view" | "type" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SocialLogoIcon(props: SocialLogoIconProps): JSX.Element | null;

package/lib/social-logo-icon/social-logo-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SocialLogoIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SocialLogoIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly type: 'facebook' | 'google' | 'linkedin' | 'twitter' | 'you-tube';
     readonly view: 'filled' | 'lined';

package/lib/sort-icon/sort-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SortIconProps } from './sort-icon.types';
-export declare const SortIcon: React.ForwardRefExoticComponent<Pick<SortIconProps, "type" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SortIcon(props: SortIconProps): JSX.Element | null;

package/lib/sort-icon/sort-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SortIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SortIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly type: 'asc' | 'desc' | 'not-sorted';
 };

package/lib/stats-icon/stats-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { StatsIconProps } from './stats-icon.types';
-export declare const StatsIcon: React.ForwardRefExoticComponent<Pick<StatsIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function StatsIcon(props: StatsIconProps): JSX.Element | null;

package/lib/stats-icon/stats-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type StatsIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type StatsIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/stop-icon/stop-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { StopIconProps } from './stop-icon.types';
-export declare const StopIcon: React.ForwardRefExoticComponent<Pick<StopIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function StopIcon(props: StopIconProps): JSX.Element | null;

package/lib/stop-icon/stop-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type StopIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type StopIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/super-user-icon/super-user-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { SuperUserIconProps } from './super-user-icon.types';
-export declare const SuperUserIcon: React.ForwardRefExoticComponent<Pick<SuperUserIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function SuperUserIcon(props: SuperUserIconProps): JSX.Element | null;

package/lib/super-user-icon/super-user-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type SuperUserIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type SuperUserIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/tag-icon/tag-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TagIconProps } from './tag-icon.types';
-export declare const TagIcon: React.ForwardRefExoticComponent<Pick<TagIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TagIcon(props: TagIconProps): JSX.Element | null;

package/lib/tag-icon/tag-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TagIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TagIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/tiles-icon/tiles-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TilesIconProps } from './tiles-icon.types';
-export declare const TilesIcon: React.ForwardRefExoticComponent<Pick<TilesIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TilesIcon(props: TilesIconProps): JSX.Element | null;

package/lib/tiles-icon/tiles-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TilesIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TilesIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/time-icon/time-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TimeIconProps } from './time-icon.types';
-export declare const TimeIcon: React.ForwardRefExoticComponent<Pick<TimeIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TimeIcon(props: TimeIconProps): JSX.Element | null;

package/lib/time-icon/time-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TimeIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TimeIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/trash-icon/trash-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TrashIconProps } from './trash-icon.types';
-export declare const TrashIcon: React.ForwardRefExoticComponent<Pick<TrashIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TrashIcon(props: TrashIconProps): JSX.Element | null;

package/lib/trash-icon/trash-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TrashIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TrashIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/trophy-icon/trophy-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TrophyIconProps } from './trophy-icon.types';
-export declare const TrophyIcon: React.ForwardRefExoticComponent<Pick<TrophyIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TrophyIcon(props: TrophyIconProps): JSX.Element | null;

package/lib/trophy-icon/trophy-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TrophyIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TrophyIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/tutorial-icon/tutorial-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { TutorialIconProps } from './tutorial-icon.types';
-export declare const TutorialIcon: React.ForwardRefExoticComponent<Pick<TutorialIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function TutorialIcon(props: TutorialIconProps): JSX.Element | null;

package/lib/tutorial-icon/tutorial-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type TutorialIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type TutorialIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/upload-icon/upload-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { UploadIconProps } from './upload-icon.types';
-export declare const UploadIcon: React.ForwardRefExoticComponent<Pick<UploadIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function UploadIcon(props: UploadIconProps): JSX.Element | null;

package/lib/upload-icon/upload-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type UploadIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type UploadIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/user-icon/user-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { UserIconProps } from './user-icon.types';
-export declare const UserIcon: React.ForwardRefExoticComponent<Pick<UserIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function UserIcon(props: UserIconProps): JSX.Element | null;

package/lib/user-icon/user-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type UserIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type UserIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/visibility-icon/visibility-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { VisibilityIconProps } from './visibility-icon.types';
-export declare const VisibilityIcon: React.ForwardRefExoticComponent<Pick<VisibilityIconProps, "view" | "type" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function VisibilityIcon(props: VisibilityIconProps): JSX.Element | null;

package/lib/visibility-icon/visibility-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type VisibilityIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type VisibilityIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly type: 'invisible' | 'visible';
     readonly view: 'filled' | 'lined';

package/lib/warning-round-icon/warning-round-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { WarningRoundIconProps } from './warning-round-icon.types';
-export declare const WarningRoundIcon: React.ForwardRefExoticComponent<Pick<WarningRoundIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function WarningRoundIcon(props: WarningRoundIconProps): JSX.Element | null;

package/lib/warning-round-icon/warning-round-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type WarningRoundIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type WarningRoundIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/wizard-icon/wizard-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { WizardIconProps } from './wizard-icon.types';
-export declare const WizardIcon: React.ForwardRefExoticComponent<Pick<WizardIconProps, "view" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function WizardIcon(props: WizardIconProps): JSX.Element | null;

package/lib/wizard-icon/wizard-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type WizardIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type WizardIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';
 };

package/lib/zoom-icon/zoom-icon.component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ZoomIconProps } from './zoom-icon.types';
-export declare const ZoomIcon: React.ForwardRefExoticComponent<Pick<ZoomIconProps, "view" | "type" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "size"> & React.RefAttributes<HTMLDivElement>>;
+export declare function ZoomIcon(props: ZoomIconProps): JSX.Element | null;

package/lib/zoom-icon/zoom-icon.types.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare type ZoomIconProps = JSX.IntrinsicElements['div'] & {
+import React from 'react';
+export declare type ZoomIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly size: 'medium' | 'small';
     readonly type: 'zoom-in' | 'zoom-out';
     readonly view: 'filled' | 'lined';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "React component for build Pushwoosh products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/lib/icon.types.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare type IconSize = 'small' | 'medium';
-export declare type IconProps = JSX.IntrinsicElements['div'] & {
-    readonly color?: string;
-};