Add spring config to scrollytelling

Author: pomber

packages/scrollycoding/src/editor.tsx

@@ -12,12 +12,14 @@ type EditorProps = {
   contentProps: EditorStep
   frameProps: MiniEditorProps["frameProps"]
   codeProps: MiniEditorProps["codeProps"]
+  springConfig: MiniEditorProps["springConfig"]
 }
 
 function Editor({
   contentProps,
   codeProps,
   frameProps,
+  springConfig,
 }: EditorProps) {
   const finalFrameProps = {
     button: <CodeSandboxIcon url={useCodeSandboxLink()} />,
@@ -33,6 +35,7 @@ function Editor({
       {...contentProps}
       frameProps={finalFrameProps}
       codeProps={finalCodeProps}
+      springConfig={springConfig}
     />
   )
 }

packages/scrollycoding/src/hike.tsx

@@ -141,6 +141,7 @@ function useStepsFromChildren({
           ...editorProps?.frameProps,
           ...stepFrameProps,
         },
+        springConfig: editorProps?.springConfig,
       },
       previewPreset: preset,
       previewProps: {

packages/storybook/src/scrollycoding.story.js

@@ -82,10 +82,12 @@ function Hike({ codeProps, ...props }) {
     <HikeComponent
       {...props}
       preset={preset}
-      codeProps={{
-        minColumns: 46,
-        minZoom: 0.9,
-        ...codeProps,
+      editorProps={{
+        codeProps: {
+          minColumns: 40,
+          minZoom: 0.9,
+          ...codeProps,
+        },
       }}
     />
   )