Skip to content
This repository has been archived by the owner on Aug 3, 2023. It is now read-only.

Add typescript declarations #5

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
"repository": "jrgarciadev/react-iconly",
"main": "dist/index.js",
"module": "dist/index.modern.js",
"types": "dist/react-iconly.d.ts",
"source": "src/index.js",
"sideEffects": false,
"engines": {
Expand All @@ -26,8 +27,9 @@
"design"
],
"scripts": {
"build": "microbundle-crl --compress --strict --format modern,cjs",
"build": "microbundle-crl --compress --strict --format modern,cjs && yarn copytypes",
"start": "microbundle-crl watch --no-compress --format modern,cjs",
"copytypes": "cp react-iconly.d.ts dist/react-iconly.d.ts",
"prepare": "run-s build",
"test": "run-s test:unit test:lint test:build",
"test:build": "run-s build",
Expand Down
117 changes: 117 additions & 0 deletions react-iconly.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
import React, { CSSProperties } from 'react'

type Color = 'currentColor' | string

export interface IconProps {
label?: string
filled?: boolean
primaryColor?: Color
secondaryColor?: Color
size?: number | 'small' | 'medium' | 'large' | 'xlarge'
set?: 'light' | 'bold' | 'two-tone' | 'bulk' | 'broken'
stroke?: 'light' | 'regular' | 'bold'
style?: CSSProperties
}

// Icons
export const Search: React.FC<IconProps>
export const Folder: React.FC<IconProps>
export const Wallet: React.FC<IconProps>
export const Graph: React.FC<IconProps>
export const Bookmark: React.FC<IconProps>
export const Category: React.FC<IconProps>
export const Home: React.FC<IconProps>
export const Notification: React.FC<IconProps>
export const Chat: React.FC<IconProps>
export const Heart: React.FC<IconProps>
export const Heart2: React.FC<IconProps>
export const Paper: React.FC<IconProps>
export const PaperPlus: React.FC<IconProps>
export const PaperNegative: React.FC<IconProps>
export const PaperFail: React.FC<IconProps>
export const PaperDownload: React.FC<IconProps>
export const PaperUpload: React.FC<IconProps>
export const Send: React.FC<IconProps>
export const Password: React.FC<IconProps>
export const Swap: React.FC<IconProps>
export const Work: React.FC<IconProps>
export const Scan: React.FC<IconProps>
export const Activity: React.FC<IconProps>
export const Calendar: React.FC<IconProps>
export const Message: React.FC<IconProps>
export const Video: React.FC<IconProps>
export const Plus: React.FC<IconProps>
export const Chart: React.FC<IconProps>
export const Game: React.FC<IconProps>
export const Bag: React.FC<IconProps>
export const Bag2: React.FC<IconProps>
export const TicketStar: React.FC<IconProps>
export const MoreCircle: React.FC<IconProps>
export const MoreSquare: React.FC<IconProps>
export const Discount: React.FC<IconProps>
export const Buy: React.FC<IconProps>
export const InfoCircle: React.FC<IconProps>
export const InfoSquare: React.FC<IconProps>
export const Danger: React.FC<IconProps>
export const CloseSquare: React.FC<IconProps>
export const TickSquare: React.FC<IconProps>
export const Discovery: React.FC<IconProps>
export const Location: React.FC<IconProps>
export const Document: React.FC<IconProps>
export const Setting: React.FC<IconProps>
export const TimeSquare: React.FC<IconProps>
export const TimeCircle: React.FC<IconProps>
export const VolumeUp: React.FC<IconProps>
export const VolumeDown: React.FC<IconProps>
export const VolumeOff: React.FC<IconProps>
export const Star: React.FC<IconProps>
export const Ticket: React.FC<IconProps>
export const Camera: React.FC<IconProps>
export const User: React.FC<IconProps>
export const AddUser: React.FC<IconProps>
export const TwoUsers: React.FC<IconProps>
export const People: React.FC<IconProps>
export const Login: React.FC<IconProps>
export const Logout: React.FC<IconProps>
export const Download: React.FC<IconProps>
export const Upload: React.FC<IconProps>
export const Voice: React.FC<IconProps>
export const Voice2: React.FC<IconProps>
export const Delete: React.FC<IconProps>
export const Edit: React.FC<IconProps>
export const EditSquare: React.FC<IconProps>
export const Play: React.FC<IconProps>
export const ShieldDone: React.FC<IconProps>
export const ShieldFail: React.FC<IconProps>
export const Show: React.FC<IconProps>
export const Hide: React.FC<IconProps>
export const Filter: React.FC<IconProps>
export const Filter2: React.FC<IconProps>
export const Image: React.FC<IconProps>
export const Image2: React.FC<IconProps>
export const Call: React.FC<IconProps>
export const Calling: React.FC<IconProps>
export const CallMissed: React.FC<IconProps>
export const CallSilent: React.FC<IconProps>
export const Lock: React.FC<IconProps>
export const Unlock: React.FC<IconProps>
export const ChevronDownCircle: React.FC<IconProps>
export const ChevronRightCircle: React.FC<IconProps>
export const ChevronUpCircle: React.FC<IconProps>
export const ChevronLeftCircle: React.FC<IconProps>
export const ChevronDown: React.FC<IconProps>
export const ChevronRight: React.FC<IconProps>
export const ChevronUp: React.FC<IconProps>
export const ChevronLeft: React.FC<IconProps>
export const ArrowDownSquare: React.FC<IconProps>
export const ArrowRightSquare: React.FC<IconProps>
export const ArrowUpSquare: React.FC<IconProps>
export const ArrowLeftSquare: React.FC<IconProps>
export const ArrowDown: React.FC<IconProps>
export const ArrowRight: React.FC<IconProps>
export const ArrowUp: React.FC<IconProps>
export const ArrowLeft: React.FC<IconProps>
export const CaretRight: React.FC<IconProps>
export const CaretDown: React.FC<IconProps>
export const CaretUp: React.FC<IconProps>
export const CaretLeft: React.FC<IconProps>