@iguanads/icons 1.11.3 → 1.12.1

package/README.md

@@ -1,52 +1,76 @@
 # Iguana DS Bento - Icons
 
+Icon library for the Iguana Design System. SVG icons converted into React components via SVGR.
+
 ## Installation
 
-Install:
-```
+```bash
 pnpm add @iguanads/icons
 ```
 
-## Use
-```
+## Categories
+
+The library organizes icons into 4 categories:
+
+- `@iguanads/icons/one-color` — monochrome icons
+- `@iguanads/icons/two-colors` — two-color icons
+- `@iguanads/icons/filled` — filled icons
+- `@iguanads/icons/social-media` — social media icons
+
+## Usage
+
+```tsx
 import { Add } from '@iguanads/icons/one-color'
 
 <Add />
 ```
-Customization (width and height 32px):
-```
+
+Customize size (32px):
+
+```tsx
 import { Add } from '@iguanads/icons/one-color'
 
 <Add className="size-8" />
 ```
-Customization (color):
-```
+
+Customize color:
+
+```tsx
 import { Add } from '@iguanads/icons/one-color'
 
 <Add className="text-pink-base" />
 ```
-Change two color pink:
-```
+
+Change second color (two-color icons):
+
+```tsx
 import { Money } from '@iguanads/icons/two-colors'
 
 <Money className="*:fill-grayscale-white" />
 ```
 
-### Dev
-```
+## Adding new icons
+
+1. Add the SVG file to the `src/assets/{ICON_TYPE}/` folder
+2. Run `pnpm build:icons` to generate React components
+3. Run `pnpm build` to compile
+
+## Commands
+
+### Development
+
+```bash
 pnpm dev
 ```
 
 ### Build
-```
+
+```bash
 pnpm build
 ```
-Build icons:
-```
-pnpm build:icons
-```
 
+### Generate icons from SVGs
 
-## Adding new icons
-
-Download svg icon to the `src/assets/{ICON TYPE}` folder and run `pnpm build:icons` command, then run `pnpm build`.
+```bash
+pnpm build:icons
+```

package/dist/one-color/index.d.mts

@@ -17,6 +17,8 @@ declare const SvgBag: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.
 
 declare const SvgBarcode: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgBrightness: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -29,6 +31,8 @@ declare const SvgClock: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const SvgClose: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgContrast: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgCreditCard: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -89,12 +93,18 @@ declare const SvgRating: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.J
 
 declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgRotate: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSatelliteView: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSaturation: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgSelect: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgShadows: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgShare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgShow: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -117,6 +127,8 @@ declare const SvgWhatsapp: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime
 
 declare const SvgWifiOff: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgZoom: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCategoryList: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { SvgAdd as Add, SvgAi as Ai, SvgApartment as Apartment, SvgArrowRight as ArrowRight, SvgAttach as Attach, SvgBack as Back, SvgBag as Bag, SvgBarcode as Barcode, SvgCalendar as Calendar, SvgCamera as Camera, SvgCart as Cart, SvgCategoryList as CategoryList, SvgCheck as Check, SvgClock as Clock, SvgClose as Close, SvgCopy as Copy, SvgCreditCard as CreditCard, SvgDeliver as Deliver, SvgDownload as Download, SvgEdit as Edit, SvgEmptyScreen as EmptyScreen, SvgExpand as Expand, SvgFilter as Filter, SvgGallery as Gallery, SvgHelpChat as HelpChat, SvgHide as Hide, SvgHotel as Hotel, SvgHouse as House, SvgLock as Lock, SvgLowBattery as LowBattery, SvgMapView as MapView, SvgMenu as Menu, SvgMoney as Money, SvgNext as Next, SvgNotification as Notification, SvgOffice as Office, SvgOperations as Operations, SvgOrder as Order, SvgPerformance as Performance, SvgPhone as Phone, SvgPreparation as Preparation, SvgQrCode as QrCode, SvgRate as Rate, SvgRating as Rating, SvgRefresh as Refresh, SvgSatelliteView as SatelliteView, SvgSearch as Search, SvgSelect as Select, SvgShare as Share, SvgShow as Show, SvgSignOut as SignOut, SvgSubstitution as Substitution, SvgTrash as Trash, SvgUnion as Union, SvgUpload as Upload, SvgUser as User, SvgVoucher as Voucher, SvgWhatsapp as Whatsapp, SvgWifiOff as WifiOff };
+export { SvgAdd as Add, SvgAi as Ai, SvgApartment as Apartment, SvgArrowRight as ArrowRight, SvgAttach as Attach, SvgBack as Back, SvgBag as Bag, SvgBarcode as Barcode, SvgBrightness as Brightness, SvgCalendar as Calendar, SvgCamera as Camera, SvgCart as Cart, SvgCategoryList as CategoryList, SvgCheck as Check, SvgClock as Clock, SvgClose as Close, SvgContrast as Contrast, SvgCopy as Copy, SvgCreditCard as CreditCard, SvgDeliver as Deliver, SvgDownload as Download, SvgEdit as Edit, SvgEmptyScreen as EmptyScreen, SvgExpand as Expand, SvgFilter as Filter, SvgGallery as Gallery, SvgHelpChat as HelpChat, SvgHide as Hide, SvgHotel as Hotel, SvgHouse as House, SvgLock as Lock, SvgLowBattery as LowBattery, SvgMapView as MapView, SvgMenu as Menu, SvgMoney as Money, SvgNext as Next, SvgNotification as Notification, SvgOffice as Office, SvgOperations as Operations, SvgOrder as Order, SvgPerformance as Performance, SvgPhone as Phone, SvgPreparation as Preparation, SvgQrCode as QrCode, SvgRate as Rate, SvgRating as Rating, SvgRefresh as Refresh, SvgRotate as Rotate, SvgSatelliteView as SatelliteView, SvgSaturation as Saturation, SvgSearch as Search, SvgSelect as Select, SvgShadows as Shadows, SvgShare as Share, SvgShow as Show, SvgSignOut as SignOut, SvgSubstitution as Substitution, SvgTrash as Trash, SvgUnion as Union, SvgUpload as Upload, SvgUser as User, SvgVoucher as Voucher, SvgWhatsapp as Whatsapp, SvgWifiOff as WifiOff, SvgZoom as Zoom };

package/dist/one-color/index.d.ts

@@ -17,6 +17,8 @@ declare const SvgBag: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.
 
 declare const SvgBarcode: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgBrightness: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCalendar: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -29,6 +31,8 @@ declare const SvgClock: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JS
 
 declare const SvgClose: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgContrast: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgCreditCard: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -89,12 +93,18 @@ declare const SvgRating: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.J
 
 declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgRotate: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSatelliteView: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgSaturation: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgSearch: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgSelect: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgShadows: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgShare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
 declare const SvgShow: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -117,6 +127,8 @@ declare const SvgWhatsapp: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime
 
 declare const SvgWifiOff: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
+declare const SvgZoom: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
 declare const SvgCategoryList: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { SvgAdd as Add, SvgAi as Ai, SvgApartment as Apartment, SvgArrowRight as ArrowRight, SvgAttach as Attach, SvgBack as Back, SvgBag as Bag, SvgBarcode as Barcode, SvgCalendar as Calendar, SvgCamera as Camera, SvgCart as Cart, SvgCategoryList as CategoryList, SvgCheck as Check, SvgClock as Clock, SvgClose as Close, SvgCopy as Copy, SvgCreditCard as CreditCard, SvgDeliver as Deliver, SvgDownload as Download, SvgEdit as Edit, SvgEmptyScreen as EmptyScreen, SvgExpand as Expand, SvgFilter as Filter, SvgGallery as Gallery, SvgHelpChat as HelpChat, SvgHide as Hide, SvgHotel as Hotel, SvgHouse as House, SvgLock as Lock, SvgLowBattery as LowBattery, SvgMapView as MapView, SvgMenu as Menu, SvgMoney as Money, SvgNext as Next, SvgNotification as Notification, SvgOffice as Office, SvgOperations as Operations, SvgOrder as Order, SvgPerformance as Performance, SvgPhone as Phone, SvgPreparation as Preparation, SvgQrCode as QrCode, SvgRate as Rate, SvgRating as Rating, SvgRefresh as Refresh, SvgSatelliteView as SatelliteView, SvgSearch as Search, SvgSelect as Select, SvgShare as Share, SvgShow as Show, SvgSignOut as SignOut, SvgSubstitution as Substitution, SvgTrash as Trash, SvgUnion as Union, SvgUpload as Upload, SvgUser as User, SvgVoucher as Voucher, SvgWhatsapp as Whatsapp, SvgWifiOff as WifiOff };
+export { SvgAdd as Add, SvgAi as Ai, SvgApartment as Apartment, SvgArrowRight as ArrowRight, SvgAttach as Attach, SvgBack as Back, SvgBag as Bag, SvgBarcode as Barcode, SvgBrightness as Brightness, SvgCalendar as Calendar, SvgCamera as Camera, SvgCart as Cart, SvgCategoryList as CategoryList, SvgCheck as Check, SvgClock as Clock, SvgClose as Close, SvgContrast as Contrast, SvgCopy as Copy, SvgCreditCard as CreditCard, SvgDeliver as Deliver, SvgDownload as Download, SvgEdit as Edit, SvgEmptyScreen as EmptyScreen, SvgExpand as Expand, SvgFilter as Filter, SvgGallery as Gallery, SvgHelpChat as HelpChat, SvgHide as Hide, SvgHotel as Hotel, SvgHouse as House, SvgLock as Lock, SvgLowBattery as LowBattery, SvgMapView as MapView, SvgMenu as Menu, SvgMoney as Money, SvgNext as Next, SvgNotification as Notification, SvgOffice as Office, SvgOperations as Operations, SvgOrder as Order, SvgPerformance as Performance, SvgPhone as Phone, SvgPreparation as Preparation, SvgQrCode as QrCode, SvgRate as Rate, SvgRating as Rating, SvgRefresh as Refresh, SvgRotate as Rotate, SvgSatelliteView as SatelliteView, SvgSaturation as Saturation, SvgSearch as Search, SvgSelect as Select, SvgShadows as Shadows, SvgShare as Share, SvgShow as Show, SvgSignOut as SignOut, SvgSubstitution as Substitution, SvgTrash as Trash, SvgUnion as Union, SvgUpload as Upload, SvgUser as User, SvgVoucher as Voucher, SvgWhatsapp as Whatsapp, SvgWifiOff as WifiOff, SvgZoom as Zoom };