@rafaelaugusto/jolt 0.1.0-beta.4 → 0.1.0-beta.5

package/src/transition.ts

@@ -1,5 +1,6 @@
 import { resolveEasing, type Easing, type EasingFunction } from './easing.js'
 import type { Property } from './properties.js'
+import { isDecorationProperty } from './decoration.js'
 import { isColorProperty } from './color.js'
 import { springPhysics, type SpringPhysics } from './spring.js'
 
@@ -106,6 +107,7 @@ export function resolveTransition(
       : hasCurve(transition) ||
           property === 'opacity' ||
           isColorProperty(property) ||
+          isDecorationProperty(property) ||
           keyframes > 2
         ? 'tween'
         : 'spring')
@@ -135,7 +137,8 @@ export function resolveTransition(
   if (
     duration < 0 ||
     Number.isNaN(duration) ||
-    (isColorProperty(property) && !Number.isFinite(duration))
+    ((isColorProperty(property) || isDecorationProperty(property)) &&
+      !Number.isFinite(duration))
   ) {
     throw new RangeError(`Invalid duration: ${duration}.`)
   }

package/src/types.ts

@@ -11,6 +11,21 @@ export interface Keyframes {
   /** Uniform starting edge colors; widths and radii may differ. */
   borderColor?: ColorKeyframes
   color?: ColorKeyframes
+  /** Uniform circular corners, in DIPs. */
+  borderRadius?: KeyframeValue
+  /** Uniform visual border width, in DIPs. Content layout uses the final width. */
+  borderWidth?: KeyframeValue
+  /** iOS: opacity of one existing boxShadow, from 0 to 1. */
+  shadowOpacity?: KeyframeValue
+  /** iOS: native blur radius in DIPs (half Core's boxShadow blurRadius). */
+  shadowRadius?: KeyframeValue
+  /** iOS: offset of one existing boxShadow, in DIPs. */
+  shadowOffsetX?: KeyframeValue
+  shadowOffsetY?: KeyframeValue
+  /** Android: base elevation in DIPs. */
+  elevation?: KeyframeValue
+  /** Android: dynamic Z offset in DIPs. Native state changes may replace it. */
+  translationZ?: KeyframeValue
   opacity?: KeyframeValue
   /** Same as `translateX`, in DIPs. */
   x?: KeyframeValue