@nice2dev/icons 1.3.3 → 1.3.4

package/dist/types/types.d.ts

@@ -71,7 +71,7 @@ export type CutoutShape = 'rounded-square' | 'circle' | 'square' | 'hexagon' | '
  * Each value maps to a `.ntd-anim-{name}` CSS class defined in `animations.css`.
  *
  * **Categories:**
- * - **Core transforms:** spin, pulse, bounce, shake, float, flip, glow, wiggle, etc.
+ * - **Core transforms:** spin, pulse, bounce, shake, float, flip, glow, wiggle, turn, etc.
  * - **Entrances (one-shot):** fade-in, slide-up, drop, rise, roll-in, vortex, meteor, etc.
  * - **Exits (one-shot):** scale-out, fold, dissolve.
  * - **Organic / natural:** breathe, drift, orbit, sway, tilt, pendulum, levitate, etc.
@@ -86,7 +86,9 @@ export type CutoutShape = 'rounded-square' | 'circle' | 'square' | 'hexagon' | '
  * <NtdBell animation="shake" animationDuration="0.5s" />
  * ```
  */
-export type IconAnimation = 'spin' | 'spin-reverse' | 'pulse' | 'bounce' | 'shake' | 'float' | 'flip' | 'glow' | 'wiggle' | 'rubber' | 'swing' | 'tada' | 'heartbeat' | 'fade-in' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'drop' | 'rise' | 'roll-in' | 'materialize' | 'vortex' | 'meteor' | 'scale-in' | 'signature' | 'draw-sequence' | 'stroke-order' | 'glow-trace' | 'seal-stamp' | 'reveal' | 'typewriter' | 'unfold' | 'assemble' | 'draw' | 'draw-from-dot' | 'scale-out' | 'fold' | 'dissolve' | 'breathe' | 'drift' | 'orbit' | 'sway' | 'tilt' | 'rock' | 'pendulum' | 'levitate' | 'flap' | 'skate' | 'jello' | 'pop' | 'squeeze' | 'crush' | 'stretch' | 'stomp' | 'snap' | 'twist' | 'dash' | 'surge' | 'flash' | 'blink' | 'flicker' | 'vibrate' | 'tremble' | 'glitch' | 'neon' | 'earthquake' | 'wobble' | 'spiral' | 'warp' | 'morph' | 'zoom-pulse' | 'ripple' | 'radar' | 'ping' | 'implode' | 'explode' | 'scatter' | 'rotate-x' | 'draw-loop';
+export type IconAnimation = 'spin' | 'spin-reverse' | 'pulse' | 'bounce' | 'shake' | 'float' | 'flip' | 'glow' | 'wiggle' | 'rubber' | 'swing' | 'tada' | 'heartbeat'
+/** Turns the icon upside down, holds, turns it back and holds; NtdHourglass pours its sand. */
+ | 'turn' | 'fade-in' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'drop' | 'rise' | 'roll-in' | 'materialize' | 'vortex' | 'meteor' | 'scale-in' | 'signature' | 'draw-sequence' | 'stroke-order' | 'glow-trace' | 'seal-stamp' | 'reveal' | 'typewriter' | 'unfold' | 'assemble' | 'draw' | 'draw-from-dot' | 'scale-out' | 'fold' | 'dissolve' | 'breathe' | 'drift' | 'orbit' | 'sway' | 'tilt' | 'rock' | 'pendulum' | 'levitate' | 'flap' | 'skate' | 'jello' | 'pop' | 'squeeze' | 'crush' | 'stretch' | 'stomp' | 'snap' | 'twist' | 'dash' | 'surge' | 'flash' | 'blink' | 'flicker' | 'vibrate' | 'tremble' | 'glitch' | 'neon' | 'earthquake' | 'wobble' | 'spiral' | 'warp' | 'morph' | 'zoom-pulse' | 'ripple' | 'radar' | 'ping' | 'implode' | 'explode' | 'scatter' | 'rotate-x' | 'draw-loop';
 /**
  * Named gradient presets.
  *
@@ -209,7 +211,10 @@ export interface NtdIconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {
     strokeLinejoin?: 'round' | 'miter' | 'bevel';
     /** CSS animation to apply */
     animation?: IconAnimation;
-    /** Animation duration override (CSS value) */
+    /**
+     * Animation duration override (CSS value). Also set as `--ntd-anim-duration`, so the parts an
+     * icon animates inside itself (NtdHourglass's sand under `turn`) keep in step.
+     */
     animationDuration?: string;
     /** SMIL animation to apply (SVG-native, no CSS required) */
     smilAnimation?: SmilAnimationType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/icons",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Beautiful, lightweight, multi-color SVG icon library for React with animations",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",
@@ -109,7 +109,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.3.1",
-    "@nice2dev/ui-core": "^1.3.3",
+    "@nice2dev/ui-core": "^1.3.4",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",