weasel-icons 0.2.0 → 0.3.0

package/dist/shared/icon-colors.d.ts

@@ -22,6 +22,78 @@ export interface AlertColors {
     critical?: string;
 }
 export interface IconColors {
+    bookmark: never;
+    'book-open': never;
+    image: never;
+    camera: never;
+    share: never;
+    calendar: never;
+    clock: never;
+    timer: never;
+    'map-pin': never;
+    globe: never;
+    'circle-help': never;
+    play: never;
+    pause: never;
+    volume: never;
+    music: never;
+    sun: never;
+    'shopping-cart': never;
+    'shopping-bag': never;
+    'credit-card': never;
+    wallet: never;
+    package: never;
+    truck: never;
+    filter: never;
+    sliders: never;
+    'layout-grid': never;
+    'layout-dashboard': never;
+    list: never;
+    layers: never;
+    maximize: never;
+    minimize: never;
+    code: never;
+    terminal: never;
+    database: never;
+    wifi: never;
+    cloud: never;
+    moon: never;
+    'log-in': never;
+    'log-out': never;
+    lock: never;
+    key: never;
+    info: never;
+    mail: never;
+    send: never;
+    'message-circle': never;
+    phone: never;
+    video: never;
+    mic: never;
+    pencil: never;
+    'file-text': never;
+    file: never;
+    folder: never;
+    save: never;
+    upload: never;
+    clipboard: never;
+    home: never;
+    menu: never;
+    plus: never;
+    minus: never;
+    'chevron-down': never;
+    'chevron-right': never;
+    'chevron-left': never;
+    'chevron-up': never;
+    'arrow-right': never;
+    'arrow-left': never;
+    'arrow-up': never;
+    'arrow-down': never;
+    'external-link': never;
+    'more-horizontal': never;
+    'more-vertical': never;
+    user: never;
+    users: never;
+    settings: never;
     refresh: never;
     copy: never;
     eye: never;

package/dist/shared/use-icon-motion.d.ts

@@ -11,4 +11,4 @@ export declare function useActionProgress(active: boolean, pace: number, reduced
  * the correct animation cleanup; we forward source values through one listener.
  */
 export declare function useFollowPose(source: MotionValue<number>, pace: number, reduced: boolean): MotionValue<number>;
-export declare function useBehaviorClock(element: RefObject<SVGSVGElement | null>, enabled: boolean, pace: number, amount: MotionValue<number>): MotionValue<number>;
+export declare function useBehaviorClock(element: RefObject<SVGSVGElement | null>, enabled: boolean, pace: number, amount: MotionValue<number>, coastWithAmount?: boolean): MotionValue<number>;

package/dist/shared/use-icon-motion.js

@@ -75,7 +75,7 @@ export function useFollowPose(source, pace, reduced) {
     }, [source, value, options, reduced]);
     return value;
 }
-export function useBehaviorClock(element, enabled, pace, amount) {
+export function useBehaviorClock(element, enabled, pace, amount, coastWithAmount = false) {
     const time = useMotionValue(0);
     useEffect(() => {
         if (!element.current || (!enabled && amount.get() < 0.001))
@@ -83,7 +83,8 @@ export function useBehaviorClock(element, enabled, pace, amount) {
         const stop = subscribeBehavior(element.current, (delta) => {
             if (!enabled && amount.get() < 0.001)
                 return false;
-            time.set(time.get() + delta * pace);
+            const coast = coastWithAmount ? Math.max(0, Math.min(1, amount.get())) : 1;
+            time.set(time.get() + delta * pace * coast);
         });
         const unAmount = amount.on('change', (value) => {
             if (!enabled && value < 0.001)
@@ -93,6 +94,6 @@ export function useBehaviorClock(element, enabled, pace, amount) {
             stop();
             unAmount();
         };
-    }, [element, enabled, pace, amount, time]);
+    }, [element, enabled, pace, amount, time, coastWithAmount]);
     return time;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weasel-icons",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Stateful animated React SVG icons. Icons that overreact beautifully.",
   "license": "MIT",
   "author": "Vinod Murugan",
@@ -154,6 +154,366 @@
       "types": "./dist/icons/close/close-icon.d.ts",
       "import": "./dist/icons/close/close-icon.js",
       "default": "./dist/icons/close/close-icon.js"
+    },
+    "./home": {
+      "types": "./dist/icons/home/home-icon.d.ts",
+      "import": "./dist/icons/home/home-icon.js",
+      "default": "./dist/icons/home/home-icon.js"
+    },
+    "./menu": {
+      "types": "./dist/icons/menu/menu-icon.d.ts",
+      "import": "./dist/icons/menu/menu-icon.js",
+      "default": "./dist/icons/menu/menu-icon.js"
+    },
+    "./plus": {
+      "types": "./dist/icons/plus/plus-icon.d.ts",
+      "import": "./dist/icons/plus/plus-icon.js",
+      "default": "./dist/icons/plus/plus-icon.js"
+    },
+    "./minus": {
+      "types": "./dist/icons/minus/minus-icon.d.ts",
+      "import": "./dist/icons/minus/minus-icon.js",
+      "default": "./dist/icons/minus/minus-icon.js"
+    },
+    "./chevron-down": {
+      "types": "./dist/icons/chevron-down/chevron-down-icon.d.ts",
+      "import": "./dist/icons/chevron-down/chevron-down-icon.js",
+      "default": "./dist/icons/chevron-down/chevron-down-icon.js"
+    },
+    "./chevron-right": {
+      "types": "./dist/icons/chevron-right/chevron-right-icon.d.ts",
+      "import": "./dist/icons/chevron-right/chevron-right-icon.js",
+      "default": "./dist/icons/chevron-right/chevron-right-icon.js"
+    },
+    "./chevron-left": {
+      "types": "./dist/icons/chevron-left/chevron-left-icon.d.ts",
+      "import": "./dist/icons/chevron-left/chevron-left-icon.js",
+      "default": "./dist/icons/chevron-left/chevron-left-icon.js"
+    },
+    "./chevron-up": {
+      "types": "./dist/icons/chevron-up/chevron-up-icon.d.ts",
+      "import": "./dist/icons/chevron-up/chevron-up-icon.js",
+      "default": "./dist/icons/chevron-up/chevron-up-icon.js"
+    },
+    "./arrow-right": {
+      "types": "./dist/icons/arrow-right/arrow-right-icon.d.ts",
+      "import": "./dist/icons/arrow-right/arrow-right-icon.js",
+      "default": "./dist/icons/arrow-right/arrow-right-icon.js"
+    },
+    "./arrow-left": {
+      "types": "./dist/icons/arrow-left/arrow-left-icon.d.ts",
+      "import": "./dist/icons/arrow-left/arrow-left-icon.js",
+      "default": "./dist/icons/arrow-left/arrow-left-icon.js"
+    },
+    "./arrow-up": {
+      "types": "./dist/icons/arrow-up/arrow-up-icon.d.ts",
+      "import": "./dist/icons/arrow-up/arrow-up-icon.js",
+      "default": "./dist/icons/arrow-up/arrow-up-icon.js"
+    },
+    "./arrow-down": {
+      "types": "./dist/icons/arrow-down/arrow-down-icon.d.ts",
+      "import": "./dist/icons/arrow-down/arrow-down-icon.js",
+      "default": "./dist/icons/arrow-down/arrow-down-icon.js"
+    },
+    "./external-link": {
+      "types": "./dist/icons/external-link/external-link-icon.d.ts",
+      "import": "./dist/icons/external-link/external-link-icon.js",
+      "default": "./dist/icons/external-link/external-link-icon.js"
+    },
+    "./more-horizontal": {
+      "types": "./dist/icons/more-horizontal/more-horizontal-icon.d.ts",
+      "import": "./dist/icons/more-horizontal/more-horizontal-icon.js",
+      "default": "./dist/icons/more-horizontal/more-horizontal-icon.js"
+    },
+    "./more-vertical": {
+      "types": "./dist/icons/more-vertical/more-vertical-icon.d.ts",
+      "import": "./dist/icons/more-vertical/more-vertical-icon.js",
+      "default": "./dist/icons/more-vertical/more-vertical-icon.js"
+    },
+    "./user": {
+      "types": "./dist/icons/user/user-icon.d.ts",
+      "import": "./dist/icons/user/user-icon.js",
+      "default": "./dist/icons/user/user-icon.js"
+    },
+    "./users": {
+      "types": "./dist/icons/users/users-icon.d.ts",
+      "import": "./dist/icons/users/users-icon.js",
+      "default": "./dist/icons/users/users-icon.js"
+    },
+    "./settings": {
+      "types": "./dist/icons/settings/settings-icon.d.ts",
+      "import": "./dist/icons/settings/settings-icon.js",
+      "default": "./dist/icons/settings/settings-icon.js"
+    },
+    "./log-in": {
+      "types": "./dist/icons/log-in/log-in-icon.d.ts",
+      "import": "./dist/icons/log-in/log-in-icon.js",
+      "default": "./dist/icons/log-in/log-in-icon.js"
+    },
+    "./log-out": {
+      "types": "./dist/icons/log-out/log-out-icon.d.ts",
+      "import": "./dist/icons/log-out/log-out-icon.js",
+      "default": "./dist/icons/log-out/log-out-icon.js"
+    },
+    "./lock": {
+      "types": "./dist/icons/lock/lock-icon.d.ts",
+      "import": "./dist/icons/lock/lock-icon.js",
+      "default": "./dist/icons/lock/lock-icon.js"
+    },
+    "./key": {
+      "types": "./dist/icons/key/key-icon.d.ts",
+      "import": "./dist/icons/key/key-icon.js",
+      "default": "./dist/icons/key/key-icon.js"
+    },
+    "./info": {
+      "types": "./dist/icons/info/info-icon.d.ts",
+      "import": "./dist/icons/info/info-icon.js",
+      "default": "./dist/icons/info/info-icon.js"
+    },
+    "./mail": {
+      "types": "./dist/icons/mail/mail-icon.d.ts",
+      "import": "./dist/icons/mail/mail-icon.js",
+      "default": "./dist/icons/mail/mail-icon.js"
+    },
+    "./send": {
+      "types": "./dist/icons/send/send-icon.d.ts",
+      "import": "./dist/icons/send/send-icon.js",
+      "default": "./dist/icons/send/send-icon.js"
+    },
+    "./message-circle": {
+      "types": "./dist/icons/message-circle/message-circle-icon.d.ts",
+      "import": "./dist/icons/message-circle/message-circle-icon.js",
+      "default": "./dist/icons/message-circle/message-circle-icon.js"
+    },
+    "./phone": {
+      "types": "./dist/icons/phone/phone-icon.d.ts",
+      "import": "./dist/icons/phone/phone-icon.js",
+      "default": "./dist/icons/phone/phone-icon.js"
+    },
+    "./video": {
+      "types": "./dist/icons/video/video-icon.d.ts",
+      "import": "./dist/icons/video/video-icon.js",
+      "default": "./dist/icons/video/video-icon.js"
+    },
+    "./mic": {
+      "types": "./dist/icons/mic/mic-icon.d.ts",
+      "import": "./dist/icons/mic/mic-icon.js",
+      "default": "./dist/icons/mic/mic-icon.js"
+    },
+    "./pencil": {
+      "types": "./dist/icons/pencil/pencil-icon.d.ts",
+      "import": "./dist/icons/pencil/pencil-icon.js",
+      "default": "./dist/icons/pencil/pencil-icon.js"
+    },
+    "./file-text": {
+      "types": "./dist/icons/file-text/file-text-icon.d.ts",
+      "import": "./dist/icons/file-text/file-text-icon.js",
+      "default": "./dist/icons/file-text/file-text-icon.js"
+    },
+    "./file": {
+      "types": "./dist/icons/file/file-icon.d.ts",
+      "import": "./dist/icons/file/file-icon.js",
+      "default": "./dist/icons/file/file-icon.js"
+    },
+    "./folder": {
+      "types": "./dist/icons/folder/folder-icon.d.ts",
+      "import": "./dist/icons/folder/folder-icon.js",
+      "default": "./dist/icons/folder/folder-icon.js"
+    },
+    "./save": {
+      "types": "./dist/icons/save/save-icon.d.ts",
+      "import": "./dist/icons/save/save-icon.js",
+      "default": "./dist/icons/save/save-icon.js"
+    },
+    "./upload": {
+      "types": "./dist/icons/upload/upload-icon.d.ts",
+      "import": "./dist/icons/upload/upload-icon.js",
+      "default": "./dist/icons/upload/upload-icon.js"
+    },
+    "./clipboard": {
+      "types": "./dist/icons/clipboard/clipboard-icon.d.ts",
+      "import": "./dist/icons/clipboard/clipboard-icon.js",
+      "default": "./dist/icons/clipboard/clipboard-icon.js"
+    },
+    "./bookmark": {
+      "types": "./dist/icons/bookmark/bookmark-icon.d.ts",
+      "import": "./dist/icons/bookmark/bookmark-icon.js",
+      "default": "./dist/icons/bookmark/bookmark-icon.js"
+    },
+    "./book-open": {
+      "types": "./dist/icons/book-open/book-open-icon.d.ts",
+      "import": "./dist/icons/book-open/book-open-icon.js",
+      "default": "./dist/icons/book-open/book-open-icon.js"
+    },
+    "./image": {
+      "types": "./dist/icons/image/image-icon.d.ts",
+      "import": "./dist/icons/image/image-icon.js",
+      "default": "./dist/icons/image/image-icon.js"
+    },
+    "./camera": {
+      "types": "./dist/icons/camera/camera-icon.d.ts",
+      "import": "./dist/icons/camera/camera-icon.js",
+      "default": "./dist/icons/camera/camera-icon.js"
+    },
+    "./share": {
+      "types": "./dist/icons/share/share-icon.d.ts",
+      "import": "./dist/icons/share/share-icon.js",
+      "default": "./dist/icons/share/share-icon.js"
+    },
+    "./calendar": {
+      "types": "./dist/icons/calendar/calendar-icon.d.ts",
+      "import": "./dist/icons/calendar/calendar-icon.js",
+      "default": "./dist/icons/calendar/calendar-icon.js"
+    },
+    "./clock": {
+      "types": "./dist/icons/clock/clock-icon.d.ts",
+      "import": "./dist/icons/clock/clock-icon.js",
+      "default": "./dist/icons/clock/clock-icon.js"
+    },
+    "./timer": {
+      "types": "./dist/icons/timer/timer-icon.d.ts",
+      "import": "./dist/icons/timer/timer-icon.js",
+      "default": "./dist/icons/timer/timer-icon.js"
+    },
+    "./map-pin": {
+      "types": "./dist/icons/map-pin/map-pin-icon.d.ts",
+      "import": "./dist/icons/map-pin/map-pin-icon.js",
+      "default": "./dist/icons/map-pin/map-pin-icon.js"
+    },
+    "./globe": {
+      "types": "./dist/icons/globe/globe-icon.d.ts",
+      "import": "./dist/icons/globe/globe-icon.js",
+      "default": "./dist/icons/globe/globe-icon.js"
+    },
+    "./circle-help": {
+      "types": "./dist/icons/circle-help/circle-help-icon.d.ts",
+      "import": "./dist/icons/circle-help/circle-help-icon.js",
+      "default": "./dist/icons/circle-help/circle-help-icon.js"
+    },
+    "./play": {
+      "types": "./dist/icons/play/play-icon.d.ts",
+      "import": "./dist/icons/play/play-icon.js",
+      "default": "./dist/icons/play/play-icon.js"
+    },
+    "./pause": {
+      "types": "./dist/icons/pause/pause-icon.d.ts",
+      "import": "./dist/icons/pause/pause-icon.js",
+      "default": "./dist/icons/pause/pause-icon.js"
+    },
+    "./volume": {
+      "types": "./dist/icons/volume/volume-icon.d.ts",
+      "import": "./dist/icons/volume/volume-icon.js",
+      "default": "./dist/icons/volume/volume-icon.js"
+    },
+    "./music": {
+      "types": "./dist/icons/music/music-icon.d.ts",
+      "import": "./dist/icons/music/music-icon.js",
+      "default": "./dist/icons/music/music-icon.js"
+    },
+    "./sun": {
+      "types": "./dist/icons/sun/sun-icon.d.ts",
+      "import": "./dist/icons/sun/sun-icon.js",
+      "default": "./dist/icons/sun/sun-icon.js"
+    },
+    "./shopping-cart": {
+      "types": "./dist/icons/shopping-cart/shopping-cart-icon.d.ts",
+      "import": "./dist/icons/shopping-cart/shopping-cart-icon.js",
+      "default": "./dist/icons/shopping-cart/shopping-cart-icon.js"
+    },
+    "./shopping-bag": {
+      "types": "./dist/icons/shopping-bag/shopping-bag-icon.d.ts",
+      "import": "./dist/icons/shopping-bag/shopping-bag-icon.js",
+      "default": "./dist/icons/shopping-bag/shopping-bag-icon.js"
+    },
+    "./credit-card": {
+      "types": "./dist/icons/credit-card/credit-card-icon.d.ts",
+      "import": "./dist/icons/credit-card/credit-card-icon.js",
+      "default": "./dist/icons/credit-card/credit-card-icon.js"
+    },
+    "./wallet": {
+      "types": "./dist/icons/wallet/wallet-icon.d.ts",
+      "import": "./dist/icons/wallet/wallet-icon.js",
+      "default": "./dist/icons/wallet/wallet-icon.js"
+    },
+    "./package": {
+      "types": "./dist/icons/package/package-icon.d.ts",
+      "import": "./dist/icons/package/package-icon.js",
+      "default": "./dist/icons/package/package-icon.js"
+    },
+    "./truck": {
+      "types": "./dist/icons/truck/truck-icon.d.ts",
+      "import": "./dist/icons/truck/truck-icon.js",
+      "default": "./dist/icons/truck/truck-icon.js"
+    },
+    "./filter": {
+      "types": "./dist/icons/filter/filter-icon.d.ts",
+      "import": "./dist/icons/filter/filter-icon.js",
+      "default": "./dist/icons/filter/filter-icon.js"
+    },
+    "./sliders": {
+      "types": "./dist/icons/sliders/sliders-icon.d.ts",
+      "import": "./dist/icons/sliders/sliders-icon.js",
+      "default": "./dist/icons/sliders/sliders-icon.js"
+    },
+    "./layout-grid": {
+      "types": "./dist/icons/layout-grid/layout-grid-icon.d.ts",
+      "import": "./dist/icons/layout-grid/layout-grid-icon.js",
+      "default": "./dist/icons/layout-grid/layout-grid-icon.js"
+    },
+    "./layout-dashboard": {
+      "types": "./dist/icons/layout-dashboard/layout-dashboard-icon.d.ts",
+      "import": "./dist/icons/layout-dashboard/layout-dashboard-icon.js",
+      "default": "./dist/icons/layout-dashboard/layout-dashboard-icon.js"
+    },
+    "./list": {
+      "types": "./dist/icons/list/list-icon.d.ts",
+      "import": "./dist/icons/list/list-icon.js",
+      "default": "./dist/icons/list/list-icon.js"
+    },
+    "./layers": {
+      "types": "./dist/icons/layers/layers-icon.d.ts",
+      "import": "./dist/icons/layers/layers-icon.js",
+      "default": "./dist/icons/layers/layers-icon.js"
+    },
+    "./maximize": {
+      "types": "./dist/icons/maximize/maximize-icon.d.ts",
+      "import": "./dist/icons/maximize/maximize-icon.js",
+      "default": "./dist/icons/maximize/maximize-icon.js"
+    },
+    "./minimize": {
+      "types": "./dist/icons/minimize/minimize-icon.d.ts",
+      "import": "./dist/icons/minimize/minimize-icon.js",
+      "default": "./dist/icons/minimize/minimize-icon.js"
+    },
+    "./code": {
+      "types": "./dist/icons/code/code-icon.d.ts",
+      "import": "./dist/icons/code/code-icon.js",
+      "default": "./dist/icons/code/code-icon.js"
+    },
+    "./terminal": {
+      "types": "./dist/icons/terminal/terminal-icon.d.ts",
+      "import": "./dist/icons/terminal/terminal-icon.js",
+      "default": "./dist/icons/terminal/terminal-icon.js"
+    },
+    "./database": {
+      "types": "./dist/icons/database/database-icon.d.ts",
+      "import": "./dist/icons/database/database-icon.js",
+      "default": "./dist/icons/database/database-icon.js"
+    },
+    "./wifi": {
+      "types": "./dist/icons/wifi/wifi-icon.d.ts",
+      "import": "./dist/icons/wifi/wifi-icon.js",
+      "default": "./dist/icons/wifi/wifi-icon.js"
+    },
+    "./cloud": {
+      "types": "./dist/icons/cloud/cloud-icon.d.ts",
+      "import": "./dist/icons/cloud/cloud-icon.js",
+      "default": "./dist/icons/cloud/cloud-icon.js"
+    },
+    "./moon": {
+      "types": "./dist/icons/moon/moon-icon.d.ts",
+      "import": "./dist/icons/moon/moon-icon.js",
+      "default": "./dist/icons/moon/moon-icon.js"
     }
   },
   "files": [