hmm

packages/motions/src/Move/stories.tsx

@@ -2,7 +2,6 @@ import { storiesOf } from '@storybook/react';
 import { createMoveExamples } from '@element-motion/dev';
 import { Motion } from '@element-motion/utils';
 import Move from './index';
-import NewMove from './New';
 
 const Examples = createMoveExamples({
   namePrefix: 'Move',
@@ -11,11 +10,3 @@ const Examples = createMoveExamples({
 
 const stories = storiesOf('@element-motion/motions/Move', module);
 Object.keys(Examples).forEach(key => stories.add(key, Examples[key]));
-
-const NewExamples = createMoveExamples({
-  namePrefix: 'NewMove',
-  useDistinctEnd: false,
-})(Motion, NewMove as any);
-
-const newStories = storiesOf('@element-motion/core/NewMove', module);
-Object.keys(NewExamples).forEach(key => newStories.add(key, NewExamples[key]));

packages/motions/src/Scale/index.tsx

@@ -119,7 +119,7 @@ const Scale: React.FC<ScaleProps> = ({
                 }),
             });
 
-            // onFinish();
+            onFinish();
           },
           animate: (_, onFinish, setChildProps) => {
             setChildProps({

packages/motions/src/Translate/index.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
 import { css, keyframes, cx } from 'emotion';
-import { dynamic } from '../../../core/src/lib/duration';
-import { recalculateElementBoundingBoxFromScroll } from '../../../core/src/lib/dom';
-import { bezierToFunc, standard } from '../../../core/src/lib/curves';
-import { combine } from '../../../core/src/lib/style';
-import { MotionProps } from '../types';
-import Collector, {
+import {
+  Collector,
   CollectorChildrenProps,
   CollectorActions,
   MotionData,
-} from '../../../core/src/Collector';
+  bezierToFunc,
+  combine,
+  standard,
+  dynamic,
+  recalculateElementBoundingBoxFromScroll,
+} from '@element-motion/utils';
+import { MotionProps } from '../types';
 
 export interface TranslateProps extends CollectorChildrenProps, MotionProps {}
 

packages/motions/src/Translate/stories.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { storiesOf } from '@storybook/react';
 import styled from 'styled-components';
 import { Toggler, colors } from '@element-motion/dev';
-import Motion from '../../../core/src/Motion';
+import { Motion } from '@element-motion/utils';
 import Translate from './index';
 import InverseTranslate from './InverseTranslate';
 
@@ -17,7 +17,7 @@ const Menu = styled.div<any>`
   cursor: pointer;
 `;
 
-storiesOf('@element-motion/core/Translate', module)
+storiesOf('@element-motion/motions/Translate', module)
   .add('Default', () => (
     <Toggler>
       {toggler => (

packages/motions/src/index.tsx

@@ -12,6 +12,8 @@ export { default as Reveal } from './Reveal';
 export { default as RevealReshapingContainer } from './RevealReshapingContainer';
 export { default as Scale } from './Scale';
 export { default as InverseScale } from './Scale/InverseScale';
+export { default as Translate } from './Translate';
+export { default as InverseTranslate } from './Translate/InverseTranslate';
 export { default as Swipe } from './Swipe';
 export { default as SimpleKeyframe } from './SimpleKeyframe';
 export { default as SimpleTween } from './SimpleTween';