@particle-network/icons 0.1.2-beta.4 → 0.1.2-beta.5

package/dist/native/TradeMainIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TradeMainIcon_TradeMainIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TradeMainIcon_TradeMainIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TrainIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TrainIcon_TrainIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TrainIcon_TrainIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TrashIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TrashIcon_TrashIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TreeIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TreeIcon_TreeIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TrenchIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TrenchIcon_TrenchIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TriangleAlertIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TriangleAlertIcon_TriangleAlertIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TriangleDownIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TriangleDownIcon_TriangleDownIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TriangleUpIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TriangleUpIcon_TriangleUpIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TriangleUpIcon_TriangleUpIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TrophyIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TrophyIcon_TrophyIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TrophyIcon_TrophyIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TruthSocialIcon.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TruthSocialIcon_TruthSocialIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TruthSocialIcon_TruthSocialIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TweetIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TweetIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TweetIcon_TweetIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;
@@ -18,6 +19,6 @@ const TweetIcon = ({ size = 16, width = size, height = size, color = 'default',
         })
     });
 };
-TweetIcon.displayName = 'TweetIcon|tweet';
-const native_TweetIcon = TweetIcon;
-export { native_TweetIcon as default };
+TweetIcon_TweetIcon.displayName = 'TweetIcon|tweet';
+const TweetIcon = TweetIcon_TweetIcon;
+export { TweetIcon as default };

package/dist/native/TweetQuoteIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TweetQuoteIcon_TweetQuoteIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TweetQuoteIcon_TweetQuoteIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TwinklingStarsIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TwinklingStarsIcon_TwinklingStarsIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TwinklingStarsIcon_TwinklingStarsIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TwitchAppIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TwitchAppIcon_TwitchAppIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TwitchAppIcon_TwitchAppIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TwitterIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TwitterIcon_TwitterIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TwitterIcon_TwitterIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/TwitterSearchIcon.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const TwitterSearchIcon_TwitterSearchIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const TwitterSearchIcon_TwitterSearchIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UniversalXTwitterIcon.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UniversalXTwitterIcon_UniversalXTwitterIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UniversalXTwitterIcon_UniversalXTwitterIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UnlinkIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UnlinkIcon_UnlinkIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UnlinkIcon_UnlinkIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UpdateIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UpdateIcon_UpdateIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UpdateIcon_UpdateIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UploadIcon.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UploadIcon_UploadIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UploadIcon_UploadIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UserBanIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UserBanIcon_UserBanIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UserBanIcon_UserBanIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UserFollowIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UserFollowIcon_UserFollowIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UserFollowIcon_UserFollowIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UserIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UserIcon_UserIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UserIcon_UserIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UserStarIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UserStarIcon_UserStarIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UserStarIcon_UserStarIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UserTieIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UserTieIcon_UserTieIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UserTieIcon_UserTieIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/UsersIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const UsersIcon_UsersIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const UsersIcon_UsersIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/VolumeIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const VolumeIcon_VolumeIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const VolumeIcon_VolumeIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/WalletBackupIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WalletBackupIcon_WalletBackupIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WalletBackupIcon_WalletBackupIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/WalletCreateIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WalletCreateIcon_WalletCreateIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WalletCreateIcon_WalletCreateIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/WalletIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WalletIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WalletIcon_WalletIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;
@@ -18,6 +19,6 @@ const WalletIcon = ({ size = 16, width = size, height = size, color = 'default',
         })
     });
 };
-WalletIcon.displayName = 'WalletIcon|wallet';
-const native_WalletIcon = WalletIcon;
-export { native_WalletIcon as default };
+WalletIcon_WalletIcon.displayName = 'WalletIcon|wallet';
+const WalletIcon = WalletIcon_WalletIcon;
+export { WalletIcon as default };

package/dist/native/WalletPasswordIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WalletPasswordIcon_WalletPasswordIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WalletPasswordIcon_WalletPasswordIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/WishlistIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WishlistIcon_WishlistIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WishlistIcon_WishlistIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/WrenchIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const WrenchIcon_WrenchIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const WrenchIcon_WrenchIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/YapsIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const YapsIcon_YapsIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const YapsIcon_YapsIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/dist/native/YoutubeIcon.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { ms } from "react-native-size-matters";
 import external_react_native_svg_default, { Path } from "react-native-svg";
 import { isThemeColor, useIconsContext } from "../core/index.js";
-const YoutubeIcon_YoutubeIcon = ({ size = 16, width = size, height = size, color = 'default', ...props })=>{
+const YoutubeIcon_YoutubeIcon = ({ size = ms(16), width = ms(size), height = ms(size), color = 'default', ...props })=>{
     const { getColor } = useIconsContext();
     const _color = isThemeColor(color) ? getColor(color) : color;
     const fill = props.fill || _color;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@particle-network/icons",
   "type": "module",
-  "version": "0.1.2-beta.4",
+  "version": "0.1.2-beta.5",
   "license": "MIT",
   "description": "Icon library for Particle Network design system",
   "exports": {
@@ -33,6 +33,7 @@
     "dist"
   ],
   "dependencies": {
+    "react-native-size-matters": "^0.4.2",
     "@particle-network/ui-shared": "0.1.0"
   },
   "devDependencies": {