fix: default EaseText color transitions

Author: RamboWasReal

src/__tests__/EaseText.test.tsx

@@ -1,15 +1,19 @@
 import { render, screen } from '@testing-library/react-native';
 import { EaseText } from '../EaseText';
 
+function getTextColor(text: ReturnType<typeof screen.getByText>) {
+  const flatStyle = Array.isArray(text.props.style)
+    ? Object.assign({}, ...text.props.style.filter(Boolean))
+    : text.props.style;
+  return flatStyle?.color;
+}
+
 describe('EaseText', () => {
   describe('interpolateColor', () => {
     it('applies interpolateColor to Text style', () => {
       render(<EaseText interpolateColor="#ff0000">Hello</EaseText>);
       const text = screen.getByText('Hello');
-      const flatStyle = Array.isArray(text.props.style)
-        ? Object.assign({}, ...text.props.style.filter(Boolean))
-        : text.props.style;
-      expect(flatStyle.color).toBe('#ff0000');
+      expect(getTextColor(text)).toBe('#ff0000');
     });
 
     it('merges interpolateColor with existing style', () => {
@@ -25,11 +29,26 @@ describe('EaseText', () => {
       const flatStyle = Array.isArray(text.props.style)
         ? Object.assign({}, ...text.props.style.filter(Boolean))
         : text.props.style;
-      expect(flatStyle.color).toBe('#ff0000');
+      expect(getTextColor(text)).toBe('#ff0000');
       expect(flatStyle.fontSize).toBe(16);
       expect(flatStyle.fontWeight).toBe('600');
     });
 
+    it('does not apply the target color immediately when color is omitted from a transition map', () => {
+      render(
+        <EaseText
+          interpolateColor="#ffffff"
+          initialInterpolateColor="#000000"
+          transition={{ transform: { type: 'spring' } }}
+        >
+          Hello
+        </EaseText>,
+      );
+
+      const text = screen.getByText('Hello');
+      expect(getTextColor(text)).toBe('#000000');
+    });
+
     it('does not override style when interpolateColor is not set', () => {
       render(
         <EaseText style={{ fontSize: 16, color: '#000' }}>Hello</EaseText>,

src/useColorTransition.ts

@@ -38,7 +38,9 @@ const easings: Record<string, (t: number) => number> = {
 };
 
 /** Resolve the color transition config. Follows the same logic as EaseView:
- * color category → default fallback. No transition = instant. */
+ * use `color`, else `default`, else implicit defaults (300ms easeInOut), including
+ * when `transition` is omitted or a category map has no color-specific entry.
+ * Instant only when the resolved single transition has `type: 'none'`. */
 function resolveColorConfig(transition?: Transition): {
   duration: number;
   easing: (t: number) => number;
@@ -55,7 +57,11 @@ function resolveColorConfig(transition?: Transition): {
     config = transition.color ?? transition.default;
   }
 
-  if (!config || config.type === 'none') {
+  if (!config) {
+    return defaults;
+  }
+
+  if (config.type === 'none') {
     return { duration: 0, easing: easings.linear!, delay: 0 };
   }