tg-icon-pack 1.0.2 → 1.0.4

package/icons/AccountSettings.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function AccountSettings({className}) {
+export default function AccountSettings({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe902;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe902;</i>
     )
 };

package/icons/Add.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Add({className}) {
+export default function Add({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe904;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe904;</i>
     )
 };

package/icons/AddToCart.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function AddToCart({className}) {
+export default function AddToCart({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe903;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe903;</i>
     )
 };

package/icons/AlarmClock.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function AlarmClock({className}) {
+export default function AlarmClock({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe905;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe905;</i>
     )
 };

package/icons/AlertCircle.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function AlertCircle({className}) {
+export default function AlertCircle({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe906;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe906;</i>
     )
 };

package/icons/ArrowDown.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ArrowDown({className}) {
+export default function ArrowDown({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe907;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe907;</i>
     )
 };

package/icons/ArrowLeft.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ArrowLeft({className}) {
+export default function ArrowLeft({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe908;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe908;</i>
     )
 };

package/icons/ArrowRight.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ArrowRight({className}) {
+export default function ArrowRight({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe909;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe909;</i>
     )
 };

package/icons/ArrowUp.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ArrowUp({className}) {
+export default function ArrowUp({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90a;</i>
     )
 };

package/icons/Bank.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Bank({className}) {
+export default function Bank({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90b;</i>
     )
 };

package/icons/BarChart.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function BarChart({className}) {
+export default function BarChart({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90c;</i>
     )
 };

package/icons/Bell.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Bell({className}) {
+export default function Bell({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90e;</i>
     )
 };

package/icons/BellOff.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function BellOff({className}) {
+export default function BellOff({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90d;</i>
     )
 };

package/icons/Bist.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Bist({className}) {
+export default function Bist({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe90f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe90f;</i>
     )
 };

package/icons/Book.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Book({className}) {
+export default function Book({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe910;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe910;</i>
     )
 };

package/icons/Bookmark.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Bookmark({className}) {
+export default function Bookmark({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe911;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe911;</i>
     )
 };

package/icons/BulletIn.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function BulletIn({className}) {
+export default function BulletIn({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe913;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe913;</i>
     )
 };

package/icons/BulletInWeekly.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function BulletInWeekly({className}) {
+export default function BulletInWeekly({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe912;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe912;</i>
     )
 };

package/icons/Business.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Business({className}) {
+export default function Business({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe914;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe914;</i>
     )
 };

package/icons/Calculator.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Calculator({className}) {
+export default function Calculator({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe915;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe915;</i>
     )
 };

package/icons/Calendar.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Calendar({className}) {
+export default function Calendar({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe916;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe916;</i>
     )
 };

package/icons/Campaign.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Campaign({className}) {
+export default function Campaign({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe919;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe919;</i>
     )
 };

package/icons/CampaignDefault.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CampaignDefault({className}) {
+export default function CampaignDefault({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe917;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe917;</i>
     )
 };

package/icons/CampaignSelected.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CampaignSelected({className}) {
+export default function CampaignSelected({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe918;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe918;</i>
     )
 };

package/icons/CancelCircle.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CancelCircle({className}) {
+export default function CancelCircle({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91a;</i>
     )
 };

package/icons/Car.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Car({className}) {
+export default function Car({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91b;</i>
     )
 };

package/icons/CategoriesDefault.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CategoriesDefault({className}) {
+export default function CategoriesDefault({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91c;</i>
     )
 };

package/icons/CategoriesSelected.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CategoriesSelected({className}) {
+export default function CategoriesSelected({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91d;</i>
     )
 };

package/icons/Check.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Check({className}) {
+export default function Check({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe920;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe920;</i>
     )
 };

package/icons/CheckCircle.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CheckCircle({className}) {
+export default function CheckCircle({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91f;</i>
     )
 };

package/icons/CheckSquare.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CheckSquare({className}) {
+export default function CheckSquare({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe91e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe91e;</i>
     )
 };

package/icons/ChevronDown.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ChevronDown({className}) {
+export default function ChevronDown({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe921;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe921;</i>
     )
 };

package/icons/ChevronLeft.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ChevronLeft({className}) {
+export default function ChevronLeft({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe922;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe922;</i>
     )
 };

package/icons/ChevronRight.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ChevronRight({className}) {
+export default function ChevronRight({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe923;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe923;</i>
     )
 };

package/icons/ChevronUp.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function ChevronUp({className}) {
+export default function ChevronUp({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe924;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe924;</i>
     )
 };

package/icons/Circle.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Circle({className}) {
+export default function Circle({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe925;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe925;</i>
     )
 };

package/icons/Clock.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Clock({className}) {
+export default function Clock({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe926;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe926;</i>
     )
 };

package/icons/Close.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Close({className}) {
+export default function Close({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe927;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe927;</i>
     )
 };

package/icons/CloudDownload.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CloudDownload({className}) {
+export default function CloudDownload({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe928;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe928;</i>
     )
 };

package/icons/CloudUpload.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CloudUpload({className}) {
+export default function CloudUpload({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe929;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe929;</i>
     )
 };

package/icons/Coin.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Coin({className}) {
+export default function Coin({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92a;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92a;</i>
     )
 };

package/icons/CoinsSwap.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CoinsSwap({className}) {
+export default function CoinsSwap({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92b;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92b;</i>
     )
 };

package/icons/Comment.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Comment({className}) {
+export default function Comment({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92c;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92c;</i>
     )
 };

package/icons/Copy.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Copy({className}) {
+export default function Copy({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92d;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92d;</i>
     )
 };

package/icons/CreditCard.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CreditCard({className}) {
+export default function CreditCard({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92f;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92f;</i>
     )
 };

package/icons/CreditCard1.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CreditCard1({className}) {
+export default function CreditCard1({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe92e;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe92e;</i>
     )
 };

package/icons/CreditScore.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CreditScore({className}) {
+export default function CreditScore({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe930;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe930;</i>
     )
 };

package/icons/CurrencySwap.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function CurrencySwap({className}) {
+export default function CurrencySwap({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe931;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe931;</i>
     )
 };

package/icons/DevicePhone.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function DevicePhone({className}) {
+export default function DevicePhone({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe932;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe932;</i>
     )
 };

package/icons/Dolar.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Dolar({className}) {
+export default function Dolar({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe933;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe933;</i>
     )
 };

package/icons/DollarCoin.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function DollarCoin({className}) {
+export default function DollarCoin({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe934;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe934;</i>
     )
 };

package/icons/Download.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Download({className}) {
+export default function Download({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe935;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe935;</i>
     )
 };

package/icons/Edit.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Edit({className}) {
+export default function Edit({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe937;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe937;</i>
     )
 };

package/icons/Edit1.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Edit1({className}) {
+export default function Edit1({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe936;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe936;</i>
     )
 };

package/icons/Equal.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function Equal({className}) {
+export default function Equal({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe938;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe938;</i>
     )
 };

package/icons/FileDefault.tsx

@@ -1,7 +1,7 @@
 import styles from "../icons.module.scss"
 
-export default function FileDefault({className}) {
+export default function FileDefault({className}:{className?: string}) {
     return (
-        <i className={`${styles.icon} ${className}`}>&#xe939;</i>
+        <i className={`${styles.icon} ${className ?? ""}`}>&#xe939;</i>
     )
 };