@impulse-ui-native/icon 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/icon",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "source": "src/index.ts",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -21,14 +21,9 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "@fortawesome/free-brands-svg-icons": "^7.1.0",
-    "@fortawesome/free-regular-svg-icons": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-native-fontawesome": "^0.3.2",
     "react-native-svg": "^15.14.0",
-    "@impulse-ui-native/theme": "1.0.1",
-    "@impulse-ui-native/core": "1.0.1"
+    "@impulse-ui-native/core": "1.0.3",
+    "@impulse-ui-native/theme": "1.0.3"
   },
   "peerDependencies": {
     "@fortawesome/free-brands-svg-icons": "^7.1.0",

package/src/components/icon.tsx

@@ -1,27 +1,23 @@
-import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";
-import { useTheme } from "@impulse-ui-native/theme";
-import { memo, PropsWithChildren, useMemo } from "react";
+import { memo, useMemo } from "react";
 import { IconProps } from "../types";
 
 export const Icon = memo(function Icon({
   size = "medium",
   icon,
-  children,
-  style,
   ...props
-}: PropsWithChildren<IconProps>) {
-  const theme = useTheme();
-  const iconSize = useMemo(
-    () =>
-      ({
-        small: 14,
-        medium: 16,
-        large: 16,
-      }[size]),
-    [theme, size]
-  );
+}: IconProps) {
+  const Icon = icon;
 
-  return (
-    <FontAwesomeIcon size={iconSize} icon={icon} style={style} {...props} />
-  );
+  const iconSize =
+    useMemo(
+      () =>
+        ({
+          small: 14,
+          medium: 16,
+          large: 16,
+        }[size]),
+      [size]
+    ) ?? 16;
+
+  return <Icon width={iconSize} height={iconSize} {...props} />;
 });

package/src/types/icon.types.ts

@@ -1,11 +1,19 @@
-import { Props } from "@fortawesome/react-native-fontawesome";
 import { ComponentSize } from "@impulse-ui-native/theme";
+import { ComponentType } from "react";
 import { ViewStyle } from "react-native";
 
 export interface IconStyle extends ViewStyle {
   color?: string;
 }
 
-export interface IconProps extends Omit<Props, "size"> {
+export interface IconSvgProps {
+  width: number;
+  height: number;
+  color?: string;
+}
+
+export interface IconProps {
   size?: ComponentSize | number;
+  color?: string;
+  icon: ComponentType<IconSvgProps>;
 }