fix stories using old props

Author: jscottsmith

stories/Parallax/2_ParallaxHorizontal.stories.tsx

@@ -10,10 +10,10 @@ export const WithYOffsets = (args) => {
   const b = args.y2.split(',');
   return (
     <Container scrollAxis="horizontal" className={styles.elementsHorizontal}>
-      <Parallax y={a} className={styles.parallax}>
+      <Parallax translateY={a} className={styles.parallax}>
         <Element name="1" />
       </Parallax>
-      <Parallax y={b} className={styles.parallax}>
+      <Parallax translateY={b} className={styles.parallax}>
         <Element name="2" />
       </Parallax>
     </Container>
@@ -52,10 +52,10 @@ export const WithXAndYOffsets = (args) => {
   const yb = args.y2.split(',');
   return (
     <Container scrollAxis="horizontal" className={styles.elementsHorizontal}>
-      <Parallax translateX={xa} y={ya} className={styles.parallax}>
+      <Parallax translateX={xa} translateY={ya} className={styles.parallax}>
         <Element name="1" />
       </Parallax>
-      <Parallax translateX={xb} y={yb} className={styles.parallax}>
+      <Parallax translateX={xb} translateY={yb} className={styles.parallax}>
         <Element name="2" />
       </Parallax>
     </Container>
@@ -88,7 +88,7 @@ export const WithVaryingYOffsets = (args) => {
               <Parallax
                 key={n}
                 className={styles.smallLinear}
-                y={[`${offA * n}${unit}`, `${offB * n}${unit}`]}
+                translateY={[`${offA * n}${unit}`, `${offB * n}${unit}`]}
               >
                 <Element name={n * -1} />
               </Parallax>
@@ -159,7 +159,7 @@ export const InsideADiv = () => {
               <Parallax
                 key={n}
                 className={styles.smallLinear}
-                y={[`${offA * n}${unit}`, `${offB * n}${unit}`]}
+                translateY={[`${offA * n}${unit}`, `${offB * n}${unit}`]}
               >
                 <Element name={n * -1} />
               </Parallax>