@pushwoosh/kit-icons 2.0.0 → 2.0.1

package/arrow-icon/arrow-icon.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowIconProps } from './arrow-icon.types';
+export declare function ArrowIcon(props: ArrowIconProps): JSX.Element | null;

package/arrow-icon/arrow-icon.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IconBox } from '../icon.styles';
+import { AssetMap } from './assets';
+export function ArrowIcon(props) {
+    const { boxRef, direction, size, ...rest } = props;
+    const Icon = AssetMap[direction][size];
+    if (Icon == null) {
+        console.error('[ArrowIcon]: Icon not found!');
+        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
+    }
+    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
+        React.createElement(Icon, null)));
+}

package/arrow-icon/arrow-icon.types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type ArrowIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
+    readonly direction: 'down' | 'left' | 'right' | 'up';
+    readonly size: 'medium' | 'small';
+};

package/arrow-icon/arrow-icon.types.js

@@ -0,0 +1 @@
+export {};

package/arrow-icon/assets/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    down: {
+        medium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        small: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    left: {
+        medium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        small: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    right: {
+        medium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        small: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    up: {
+        medium: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        small: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};