@wecareu/icons 1.2.2 → 1.3.0

package/dist/index.js

@@ -614,7 +614,7 @@ var ICONS = {
 
 // src/Icon.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var Icon = ({ name, size, color, testID = "icon", ...rest }) => {
+function Icon({ color, name, size, testID = "icon", ...rest }) {
   const theme = (0, import_theme.useTheme)();
   const Cmp = ICONS[name];
   const { fill: fillProp, stroke: strokeProp, ...svgRest } = rest;
@@ -635,7 +635,7 @@ var Icon = ({ name, size, color, testID = "icon", ...rest }) => {
       ...svgRest
     }
   );
-};
+}
 
 // src/FlagIcon.tsx
 var import_react_native = require("react-native");

package/dist/index.mjs

@@ -577,7 +577,7 @@ var ICONS = {
 
 // src/Icon.tsx
 import { jsx as jsx70 } from "react/jsx-runtime";
-var Icon = ({ name, size, color, testID = "icon", ...rest }) => {
+function Icon({ color, name, size, testID = "icon", ...rest }) {
   const theme = useTheme();
   const Cmp = ICONS[name];
   const { fill: fillProp, stroke: strokeProp, ...svgRest } = rest;
@@ -598,7 +598,7 @@ var Icon = ({ name, size, color, testID = "icon", ...rest }) => {
       ...svgRest
     }
   );
-};
+}
 
 // src/FlagIcon.tsx
 import { Image as Image2, Platform, Text } from "react-native";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wecareu/icons",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Sistema de ícones SVG para WeCareU Design System",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -41,6 +41,7 @@
   "license": "UNLICENSED",
   "devDependencies": {
     "@svgr/core": "^8.1.0",
+    "@wecareu/theme": "*",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
     "@types/react": "^18.2.0",

package/src/FlagIcon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Image, Platform, Text } from 'react-native'
 
 interface FlagIconProps {
@@ -19,7 +17,7 @@ function countryCodeToEmoji(code: string): string {
     .join('')
 }
 
-export function FlagIcon({ countryCode, size = 20 }: FlagIconProps): React.ReactElement {
+export function FlagIcon({ countryCode, size = 20 }: FlagIconProps) {
   const code = countryCode.toLowerCase().slice(0, 2)
 
   if (Platform.OS === 'web') {

package/src/Icon.tsx

@@ -1,15 +1,16 @@
-import React from 'react';
 import type { SvgProps } from 'react-native-svg';
+
 import { useTheme } from '@wecareu/theme';
+
 import { ICONS, type IconName } from './icons-map';
 
 type Props = SvgProps & {
+  color?: string;
   name: IconName;
   size?: number;
-  color?: string;
 };
 
-export const Icon: React.FC<Props> = ({ name, size, color, testID = 'icon', ...rest }) => {
+export function Icon({ color, name, size, testID = 'icon', ...rest }: Props) {
   const theme = useTheme();
   const Cmp = ICONS[name];
 
@@ -33,7 +34,7 @@ export const Icon: React.FC<Props> = ({ name, size, color, testID = 'icon', ...r
       {...svgRest}
     />
   );
-};
+}
 
 export type { IconName };
 export { ICONS };

package/src/LottieView.tsx

@@ -21,7 +21,7 @@ export function Lottie({
   speed = 1,
   style,
   testID
-}: LottieProps): JSX.Element {
+}: LottieProps) {
   const source = LOTTIE_ANIMATIONS[name];
 
   const sizeStyle = size != null ? { height: size, width: size } : {};

package/src/LottieView.web.tsx

@@ -1,5 +1,5 @@
 import lottie, { AnimationItem } from 'lottie-web';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import type { ViewStyle } from 'react-native';
 import { View } from 'react-native';
 
@@ -24,7 +24,7 @@ export function Lottie({
   loop = true,
   speed = 1,
   testID
-}: LottieProps): JSX.Element {
+}: LottieProps) {
   const containerRef = useRef<HTMLDivElement>(null);
   const animationRef = useRef<AnimationItem | null>(null);
   const source = LOTTIE_ANIMATIONS[name];