@sidekickicons/react 0.1.0 → 0.3.0

package/24/solid/esm/index.d.ts

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon'
 export { default as CompassIcon } from './CompassIcon'
 export { default as CrownIcon } from './CrownIcon'
-export { default as MaskIcon } from './MaskIcon'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon'
+export { default as HeadphonesIcon } from './HeadphonesIcon'
+export { default as MaskIcon } from './MaskIcon'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon'
+export { default as ShieldIcon } from './ShieldIcon'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon'
+export { default as SidebarRightIcon } from './SidebarRightIcon'

package/24/solid/esm/index.js

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon.js'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon.js'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon.js'
 export { default as CompassIcon } from './CompassIcon.js'
 export { default as CrownIcon } from './CrownIcon.js'
-export { default as MaskIcon } from './MaskIcon.js'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon.js'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon.js'
+export { default as HeadphonesIcon } from './HeadphonesIcon.js'
+export { default as MaskIcon } from './MaskIcon.js'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon.js'
+export { default as ShieldIcon } from './ShieldIcon.js'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon.js'
+export { default as SidebarRightIcon } from './SidebarRightIcon.js'

package/24/solid/index.d.ts

@@ -1,4 +1,13 @@
+export { default as ArcThirdIcon } from './ArcThirdIcon'
 export { default as ArrowPathClockIcon } from './ArrowPathClockIcon'
+export { default as ChevronDownUpIcon } from './ChevronDownUpIcon'
 export { default as CompassIcon } from './CompassIcon'
 export { default as CrownIcon } from './CrownIcon'
-export { default as MaskIcon } from './MaskIcon'
+export { default as FloppyDiskIcon } from './FloppyDiskIcon'
+export { default as HeadphonesSlashIcon } from './HeadphonesSlashIcon'
+export { default as HeadphonesIcon } from './HeadphonesIcon'
+export { default as MaskIcon } from './MaskIcon'
+export { default as MicrophoneSlashIcon } from './MicrophoneSlashIcon'
+export { default as ShieldIcon } from './ShieldIcon'
+export { default as SidebarLeftIcon } from './SidebarLeftIcon'
+export { default as SidebarRightIcon } from './SidebarRightIcon'

package/24/solid/index.js

@@ -1,4 +1,13 @@
+module.exports.ArcThirdIcon = require("./ArcThirdIcon.js")
 module.exports.ArrowPathClockIcon = require("./ArrowPathClockIcon.js")
+module.exports.ChevronDownUpIcon = require("./ChevronDownUpIcon.js")
 module.exports.CompassIcon = require("./CompassIcon.js")
 module.exports.CrownIcon = require("./CrownIcon.js")
-module.exports.MaskIcon = require("./MaskIcon.js")
+module.exports.FloppyDiskIcon = require("./FloppyDiskIcon.js")
+module.exports.HeadphonesSlashIcon = require("./HeadphonesSlashIcon.js")
+module.exports.HeadphonesIcon = require("./HeadphonesIcon.js")
+module.exports.MaskIcon = require("./MaskIcon.js")
+module.exports.MicrophoneSlashIcon = require("./MicrophoneSlashIcon.js")
+module.exports.ShieldIcon = require("./ShieldIcon.js")
+module.exports.SidebarLeftIcon = require("./SidebarLeftIcon.js")
+module.exports.SidebarRightIcon = require("./SidebarRightIcon.js")

package/README.md

@@ -8,6 +8,8 @@
   </a>
 </p>
 
+Fanmade icons to complement [Heroicons](https://github.com/tailwindlabs/heroicons).
+
 ## Basic Usage
 
 First, install `@sidekickicons/react` from npm:
@@ -16,22 +18,28 @@ First, install `@sidekickicons/react` from npm:
 npm install @sidekickicons/react
 ```
 
-Now each icon can be imported individually as a React component:
+Now each icon can be used alongside Heroicons and imported individually as a React component:
 
 ```js
-import { MaskIcon } from '@sidekickicons/react/24/solid'
+import { CrownIcon } from '@sidekickicons/react/24/solid'
+import { BeakerIcon } from '@heroicons/react/24/solid'
 
 function MyComponent() {
   return (
     <div>
-      <MaskIcon className="size-6 text-blue-500" />
-      <p>...</p>
+      <CrownIcon className="size-6 text-blue-500" />
+      <BeakerIcon className="size-6 text-green-500" />
     </div>
   )
 }
 ```
 
-The 24x24 outline icons can be imported from `@sidekickicons/react/24/outline`, the 24x24 solid icons can be imported from `@sidekickicons/react/24/solid`, the 20x20 solid icons can be imported from `@sidekickicons/react/20/solid`, and 16x16 solid icons can be imported from `@sidekickicons/react/16/solid`.
+Import the icons from their respective directory:
+
+- 24x24 outline: `@sidekickicons/react/24/outline`
+- 24x24 solid: `@sidekickicons/react/24/solid`
+- 20x20 solid: `@sidekickicons/react/20/solid`
+- 16x16 solid: `@sidekickicons/react/16/solid`
 
 Icons use an upper camel case naming convention and are always suffixed with the word `Icon`.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sidekickicons/react",
   "license": "MIT",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/ndri/sidekickicons#readme",