@plasmicpkgs/react-scroll-parallax 0.0.3 → 0.0.4

package/dist/react-scroll-parallax.cjs.development.js

@@ -23,6 +23,12 @@ function ParallaxWrapper(_ref) {
       previewInEditor = _ref.previewInEditor,
       children = _ref.children;
   var inEditor = React.useContext(host.PlasmicCanvasContext);
+  var hasContext = React.useContext(reactScrollParallax.ParallaxContext) != null;
+
+  if (!hasContext) {
+    throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");
+  }
+
   return React__default.createElement(reactScrollParallax.Parallax, {
     disabled: disabled || inEditor && !previewInEditor,
     x: [xStart, xEnd],
@@ -31,9 +37,19 @@ function ParallaxWrapper(_ref) {
 }
 var parallaxWrapperMeta = {
   name: "Parallax",
+  displayName: "Scroll Parallax",
   importPath: "@plasmicpkgs/react-scroll-parallax",
   props: {
-    children: "slot",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "img",
+        src: "https://placekitten.com/300/200",
+        style: {
+          maxWidth: "100%"
+        }
+      }
+    },
     yStart: {
       type: "string",
       defaultValue: "-50%",

package/dist/react-scroll-parallax.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.cjs.development.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: \"slot\",\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","React","Parallax","x","y","parallaxWrapperMeta","name","importPath","props","type","defaultValue","description","defaultStyles","maxWidth","registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxProviderMeta","displayName","importName","registerParallaxProvider","customParallaxProviderMeta","ParallaxProvider"],"mappings":";;;;;;;;;;;;SAiBwBA;yBACtBC;MAAAA,kCAAS;uBACTC;MAAAA,8BAAO;yBACPC;MAAAA,kCAAS;uBACTC;MAAAA,8BAAO;MACPC,gBAAAA;MACAC,uBAAAA;MACAC,gBAAAA;AAEA,MAAMC,QAAQ,GAAGC,gBAAU,CAACC,yBAAD,CAA3B;AACA,SACEC,4BAAA,CAACC,4BAAD;AACEP,IAAAA,QAAQ,EAAEA,QAAQ,IAAKG,QAAQ,IAAI,CAACF;AACpCO,IAAAA,CAAC,EAAE,CAACZ,MAAD,EAASC,IAAT;AACHY,IAAAA,CAAC,EAAE,CAACX,MAAD,EAASC,IAAT;GAHL,EAKGG,QALH,CADF;AASD;AAED,IAAMQ,mBAAmB,GAAwC;AAC/DC,EAAAA,IAAI,EAAE,UADyD;AAE/DC,EAAAA,UAAU,EAAE,oCAFmD;AAG/DC,EAAAA,KAAK,EAAE;AACLX,IAAAA,QAAQ,EAAE,MADL;AAELJ,IAAAA,MAAM,EAAE;AACNgB,MAAAA,IAAI,EAAE,QADA;AAENC,MAAAA,YAAY,EAAE,MAFR;AAGNC,MAAAA,WAAW,EACT;AAJI,KAFH;AAQLjB,IAAAA,IAAI,EAAE;AACJe,MAAAA,IAAI,EAAE,QADF;AAEJC,MAAAA,YAAY,EAAE,KAFV;AAGJC,MAAAA,WAAW,EACT;AAJE,KARD;AAcLpB,IAAAA,MAAM,EAAE;AACNkB,MAAAA,IAAI,EAAE,QADA;AAENC,MAAAA,YAAY,EAAE,KAFR;AAGNC,MAAAA,WAAW,EACT;AAJI,KAdH;AAoBLnB,IAAAA,IAAI,EAAE;AACJiB,MAAAA,IAAI,EAAE,QADF;AAEJC,MAAAA,YAAY,EAAE,MAFV;AAGJC,MAAAA,WAAW,EACT;AAJE,KApBD;AA0BLhB,IAAAA,QAAQ,EAAE;AACRc,MAAAA,IAAI,EAAE,SADE;AAERE,MAAAA,WAAW,EAAE;AAFL,KA1BL;AA8BLf,IAAAA,eAAe,EAAE;AACfa,MAAAA,IAAI,EAAE,SADS;AAEfE,MAAAA,WAAW,EAAE;AAFE;AA9BZ,GAHwD;AAsC/DC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE;AADG;AAtCgD,CAAjE;SA2CgBC,wBACdC,QACAC;AAEA,MAAID,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACE3B,eADF,EAEE0B,yBAFF,WAEEA,yBAFF,GAE+BX,mBAF/B;AAID,GALD,MAKO;AACLY,IAAAA,iBAAiB,CACf3B,eADe,EAEf0B,yBAFe,WAEfA,yBAFe,GAEcX,mBAFd,CAAjB;AAID;AACF;;IC7FYa,oBAAoB,GAAyC;AACxEZ,EAAAA,IAAI,EAAE,4BADkE;AAExEa,EAAAA,WAAW,EAAE,mBAF2D;AAGxEC,EAAAA,UAAU,EAAE,kBAH4D;AAIxEb,EAAAA,UAAU,EAAE,uBAJ4D;AAKxEC,EAAAA,KAAK,EAAE;AAACX,IAAAA,QAAQ,EAAE;AAAX;AALiE,CAAnE;AAQP,SAAgBwB,yBACdN,QACAO;AAEA,MAAIP,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBM,oCAAzB,EAA2CD,0BAA3C,WAA2CA,0BAA3C,GAAyEJ,oBAAzE;AACD,GAFD,MAEO;AACLD,IAAAA,iBAAiB,CAACM,oCAAD,EAAmBD,0BAAnB,WAAmBA,0BAAnB,GAAiDJ,oBAAjD,CAAjB;AACD;AACF;;;;;;;"}
+{"version":3,"file":"react-scroll-parallax.cjs.development.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  if (!hasContext) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  displayName: \"Scroll Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"img\",\n        src: \"https://placekitten.com/300/200\",\n        style: {\n          maxWidth: \"100%\",\n        },\n      },\n    },\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","Error","React","Parallax","x","y","parallaxWrapperMeta","name","displayName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxProviderMeta","importName","registerParallaxProvider","customParallaxProviderMeta","ParallaxProvider"],"mappings":"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"}

package/dist/react-scroll-parallax.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@plasmicapp/host"),t=e(require("@plasmicapp/host/registerComponent")),a=require("react"),l=e(a),o=require("react-scroll-parallax");function i(e){var t=e.xStart,i=void 0===t?"0":t,n=e.xEnd,s=void 0===n?"0":n,p=e.yStart,d=void 0===p?"0":p,c=e.yEnd,u=void 0===c?"0":c,x=e.disabled,f=e.previewInEditor,h=e.children,v=a.useContext(r.PlasmicCanvasContext);return l.createElement(o.Parallax,{disabled:x||v&&!f,x:[i,s],y:[d,u]},h)}var n={name:"Parallax",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:"slot",yStart:{type:"string",defaultValue:"-50%",description:"The vertical offset at the start (when just scrolling into view). Can be % or px."},yEnd:{type:"string",defaultValue:"50%",description:"The vertical offset at the end (when just scrolling out of view). Can be % or px."},xStart:{type:"string",defaultValue:"50%",description:"The horizontal offset at the start (when just scrolling into view). Can be % or px."},xEnd:{type:"string",defaultValue:"-50%",description:"The horizontal offset at the end (when just scrolling out of view). Can be % or px."},disabled:{type:"boolean",description:"Disables the parallax effect."},previewInEditor:{type:"boolean",description:"Enable the parallax effect in the editor."}},defaultStyles:{maxWidth:"100%"}},s={name:"hostless-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProvider",importPath:"react-scroll-parallax",props:{children:"slot"}};exports.ParallaxWrapper=i,exports.parallaxProviderMeta=s,exports.registerParallaxProvider=function(e,r){e?e.registerComponent(o.ParallaxProvider,null!=r?r:s):t(o.ParallaxProvider,null!=r?r:s)},exports.registerParallaxWrapper=function(e,r){e?e.registerComponent(i,null!=r?r:n):t(i,null!=r?r:n)};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@plasmicapp/host"),t=e(require("@plasmicapp/host/registerComponent")),r=require("react"),l=e(r),o=require("react-scroll-parallax");function i(e){var t=e.xStart,i=void 0===t?"0":t,n=e.xEnd,s=void 0===n?"0":n,p=e.yStart,d=void 0===p?"0":p,c=e.yEnd,x=void 0===c?"0":c,u=e.disabled,h=e.previewInEditor,f=e.children,v=r.useContext(a.PlasmicCanvasContext);if(null==r.useContext(o.ParallaxContext))throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");return l.createElement(o.Parallax,{disabled:u||v&&!h,x:[i,s],y:[d,x]},f)}var n={name:"Parallax",displayName:"Scroll Parallax",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",style:{maxWidth:"100%"}}},yStart:{type:"string",defaultValue:"-50%",description:"The vertical offset at the start (when just scrolling into view). Can be % or px."},yEnd:{type:"string",defaultValue:"50%",description:"The vertical offset at the end (when just scrolling out of view). Can be % or px."},xStart:{type:"string",defaultValue:"50%",description:"The horizontal offset at the start (when just scrolling into view). Can be % or px."},xEnd:{type:"string",defaultValue:"-50%",description:"The horizontal offset at the end (when just scrolling out of view). Can be % or px."},disabled:{type:"boolean",description:"Disables the parallax effect."},previewInEditor:{type:"boolean",description:"Enable the parallax effect in the editor."}},defaultStyles:{maxWidth:"100%"}},s={name:"hostless-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProvider",importPath:"react-scroll-parallax",props:{children:"slot"}};exports.ParallaxWrapper=i,exports.parallaxProviderMeta=s,exports.registerParallaxProvider=function(e,a){e?e.registerComponent(o.ParallaxProvider,null!=a?a:s):t(o.ParallaxProvider,null!=a?a:s)},exports.registerParallaxWrapper=function(e,a){e?e.registerComponent(i,null!=a?a:n):t(i,null!=a?a:n)};
 //# sourceMappingURL=react-scroll-parallax.cjs.production.min.js.map

package/dist/react-scroll-parallax.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.cjs.production.min.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: \"slot\",\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","React","Parallax","x","y","parallaxWrapperMeta","name","importPath","props","type","defaultValue","description","defaultStyles","maxWidth","parallaxProviderMeta","displayName","importName","loader","customParallaxProviderMeta","registerComponent","ParallaxProvider","customParallaxWrapperMeta"],"mappings":"qSAiBwBA,aACtBC,OAAAA,aAAS,UACTC,KAAAA,aAAO,UACPC,OAAAA,aAAS,UACTC,KAAAA,aAAO,MACPC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,SAEMC,EAAWC,aAAWC,+BAE1BC,gBAACC,YACCP,SAAUA,GAAaG,IAAaF,EACpCO,EAAG,CAACZ,EAAQC,GACZY,EAAG,CAACX,EAAQC,IAEXG,GAKP,IAAMQ,EAA2D,CAC/DC,KAAM,WACNC,WAAY,qCACZC,MAAO,CACLX,SAAU,OACVJ,OAAQ,CACNgB,KAAM,SACNC,aAAc,OACdC,YACE,qFAEJjB,KAAM,CACJe,KAAM,SACNC,aAAc,MACdC,YACE,qFAEJpB,OAAQ,CACNkB,KAAM,SACNC,aAAc,MACdC,YACE,uFAEJnB,KAAM,CACJiB,KAAM,SACNC,aAAc,OACdC,YACE,uFAEJhB,SAAU,CACRc,KAAM,UACNE,YAAa,iCAEff,gBAAiB,CACfa,KAAM,UACNE,YAAa,8CAGjBC,cAAe,CACbC,SAAU,SC1EDC,EAA6D,CACxER,KAAM,6BACNS,YAAa,oBACbC,WAAY,mBACZT,WAAY,wBACZC,MAAO,CAACX,SAAU,4GAIlBoB,EACAC,GAEID,EACFA,EAAOE,kBAAkBC,yBAAkBF,EAAAA,EAA8BJ,GAEzEK,EAAkBC,yBAAkBF,EAAAA,EAA8BJ,6CDgEpEG,EACAI,GAEIJ,EACFA,EAAOE,kBACL7B,QACA+B,EAAAA,EAA6BhB,GAG/Bc,EACE7B,QACA+B,EAAAA,EAA6BhB"}
+{"version":3,"file":"react-scroll-parallax.cjs.production.min.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  if (!hasContext) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  displayName: \"Scroll Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"img\",\n        src: \"https://placekitten.com/300/200\",\n        style: {\n          maxWidth: \"100%\",\n        },\n      },\n    },\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","ParallaxContext","Error","React","Parallax","x","y","parallaxWrapperMeta","name","displayName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","parallaxProviderMeta","importName","loader","customParallaxProviderMeta","registerComponent","ParallaxProvider","customParallaxWrapperMeta"],"mappings":"qSAiBwBA,aACtBC,OAAAA,aAAS,UACTC,KAAAA,aAAO,UACPC,OAAAA,aAAS,UACTC,KAAAA,aAAO,MACPC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,SAEMC,EAAWC,aAAWC,2BACsB,MAA/BD,aAAWE,yBAEtB,IAAIC,MACR,0FAIFC,gBAACC,YACCT,SAAUA,GAAaG,IAAaF,EACpCS,EAAG,CAACd,EAAQC,GACZc,EAAG,CAACb,EAAQC,IAEXG,GAKP,IAAMU,EAA2D,CAC/DC,KAAM,WACNC,YAAa,kBACbC,WAAY,qCACZC,MAAO,CACLd,SAAU,CACRe,KAAM,OACNC,aAAc,CACZD,KAAM,MACNE,IAAK,kCACLC,MAAO,CACLC,SAAU,UAIhBvB,OAAQ,CACNmB,KAAM,SACNC,aAAc,OACdI,YACE,qFAEJvB,KAAM,CACJkB,KAAM,SACNC,aAAc,MACdI,YACE,qFAEJ1B,OAAQ,CACNqB,KAAM,SACNC,aAAc,MACdI,YACE,uFAEJzB,KAAM,CACJoB,KAAM,SACNC,aAAc,OACdI,YACE,uFAEJtB,SAAU,CACRiB,KAAM,UACNK,YAAa,iCAEfrB,gBAAiB,CACfgB,KAAM,UACNK,YAAa,8CAGjBC,cAAe,CACbF,SAAU,SC1FDG,EAA6D,CACxEX,KAAM,6BACNC,YAAa,oBACbW,WAAY,mBACZV,WAAY,wBACZC,MAAO,CAACd,SAAU,4GAIlBwB,EACAC,GAEID,EACFA,EAAOE,kBAAkBC,yBAAkBF,EAAAA,EAA8BH,GAEzEI,EAAkBC,yBAAkBF,EAAAA,EAA8BH,6CDgFpEE,EACAI,GAEIJ,EACFA,EAAOE,kBACLjC,QACAmC,EAAAA,EAA6BlB,GAG/BgB,EACEjC,QACAmC,EAAAA,EAA6BlB"}

package/dist/react-scroll-parallax.esm.js

@@ -1,7 +1,7 @@
 import { PlasmicCanvasContext } from '@plasmicapp/host';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React, { useContext } from 'react';
-import { Parallax, ParallaxProvider } from 'react-scroll-parallax';
+import { ParallaxContext, Parallax, ParallaxProvider } from 'react-scroll-parallax';
 
 function ParallaxWrapper(_ref) {
   var _ref$xStart = _ref.xStart,
@@ -16,6 +16,12 @@ function ParallaxWrapper(_ref) {
       previewInEditor = _ref.previewInEditor,
       children = _ref.children;
   var inEditor = useContext(PlasmicCanvasContext);
+  var hasContext = useContext(ParallaxContext) != null;
+
+  if (!hasContext) {
+    throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");
+  }
+
   return React.createElement(Parallax, {
     disabled: disabled || inEditor && !previewInEditor,
     x: [xStart, xEnd],
@@ -24,9 +30,19 @@ function ParallaxWrapper(_ref) {
 }
 var parallaxWrapperMeta = {
   name: "Parallax",
+  displayName: "Scroll Parallax",
   importPath: "@plasmicpkgs/react-scroll-parallax",
   props: {
-    children: "slot",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "img",
+        src: "https://placekitten.com/300/200",
+        style: {
+          maxWidth: "100%"
+        }
+      }
+    },
     yStart: {
       type: "string",
       defaultValue: "-50%",

package/dist/react-scroll-parallax.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.esm.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: \"slot\",\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","React","Parallax","x","y","parallaxWrapperMeta","name","importPath","props","type","defaultValue","description","defaultStyles","maxWidth","registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxProviderMeta","displayName","importName","registerParallaxProvider","customParallaxProviderMeta","ParallaxProvider"],"mappings":";;;;;SAiBwBA;yBACtBC;MAAAA,kCAAS;uBACTC;MAAAA,8BAAO;yBACPC;MAAAA,kCAAS;uBACTC;MAAAA,8BAAO;MACPC,gBAAAA;MACAC,uBAAAA;MACAC,gBAAAA;AAEA,MAAMC,QAAQ,GAAGC,UAAU,CAACC,oBAAD,CAA3B;AACA,SACEC,mBAAA,CAACC,QAAD;AACEP,IAAAA,QAAQ,EAAEA,QAAQ,IAAKG,QAAQ,IAAI,CAACF;AACpCO,IAAAA,CAAC,EAAE,CAACZ,MAAD,EAASC,IAAT;AACHY,IAAAA,CAAC,EAAE,CAACX,MAAD,EAASC,IAAT;GAHL,EAKGG,QALH,CADF;AASD;AAED,IAAMQ,mBAAmB,GAAwC;AAC/DC,EAAAA,IAAI,EAAE,UADyD;AAE/DC,EAAAA,UAAU,EAAE,oCAFmD;AAG/DC,EAAAA,KAAK,EAAE;AACLX,IAAAA,QAAQ,EAAE,MADL;AAELJ,IAAAA,MAAM,EAAE;AACNgB,MAAAA,IAAI,EAAE,QADA;AAENC,MAAAA,YAAY,EAAE,MAFR;AAGNC,MAAAA,WAAW,EACT;AAJI,KAFH;AAQLjB,IAAAA,IAAI,EAAE;AACJe,MAAAA,IAAI,EAAE,QADF;AAEJC,MAAAA,YAAY,EAAE,KAFV;AAGJC,MAAAA,WAAW,EACT;AAJE,KARD;AAcLpB,IAAAA,MAAM,EAAE;AACNkB,MAAAA,IAAI,EAAE,QADA;AAENC,MAAAA,YAAY,EAAE,KAFR;AAGNC,MAAAA,WAAW,EACT;AAJI,KAdH;AAoBLnB,IAAAA,IAAI,EAAE;AACJiB,MAAAA,IAAI,EAAE,QADF;AAEJC,MAAAA,YAAY,EAAE,MAFV;AAGJC,MAAAA,WAAW,EACT;AAJE,KApBD;AA0BLhB,IAAAA,QAAQ,EAAE;AACRc,MAAAA,IAAI,EAAE,SADE;AAERE,MAAAA,WAAW,EAAE;AAFL,KA1BL;AA8BLf,IAAAA,eAAe,EAAE;AACfa,MAAAA,IAAI,EAAE,SADS;AAEfE,MAAAA,WAAW,EAAE;AAFE;AA9BZ,GAHwD;AAsC/DC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE;AADG;AAtCgD,CAAjE;SA2CgBC,wBACdC,QACAC;AAEA,MAAID,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CACE3B,eADF,EAEE0B,yBAFF,WAEEA,yBAFF,GAE+BX,mBAF/B;AAID,GALD,MAKO;AACLY,IAAAA,iBAAiB,CACf3B,eADe,EAEf0B,yBAFe,WAEfA,yBAFe,GAEcX,mBAFd,CAAjB;AAID;AACF;;IC7FYa,oBAAoB,GAAyC;AACxEZ,EAAAA,IAAI,EAAE,4BADkE;AAExEa,EAAAA,WAAW,EAAE,mBAF2D;AAGxEC,EAAAA,UAAU,EAAE,kBAH4D;AAIxEb,EAAAA,UAAU,EAAE,uBAJ4D;AAKxEC,EAAAA,KAAK,EAAE;AAACX,IAAAA,QAAQ,EAAE;AAAX;AALiE,CAAnE;AAQP,SAAgBwB,yBACdN,QACAO;AAEA,MAAIP,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBM,gBAAzB,EAA2CD,0BAA3C,WAA2CA,0BAA3C,GAAyEJ,oBAAzE;AACD,GAFD,MAEO;AACLD,IAAAA,iBAAiB,CAACM,gBAAD,EAAmBD,0BAAnB,WAAmBA,0BAAnB,GAAiDJ,oBAAjD,CAAjB;AACD;AACF;;;;"}
+{"version":3,"file":"react-scroll-parallax.esm.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  xStart?: string;\n  xEnd?: string;\n  yStart?: string;\n  yEnd?: string;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function ParallaxWrapper({\n  xStart = \"0\",\n  xEnd = \"0\",\n  yStart = \"0\",\n  yEnd = \"0\",\n  disabled,\n  previewInEditor,\n  children,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  if (!hasContext) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      x={[xStart, xEnd]}\n      y={[yStart, yEnd]}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\nconst parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  name: \"Parallax\",\n  displayName: \"Scroll Parallax\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"img\",\n        src: \"https://placekitten.com/300/200\",\n        style: {\n          maxWidth: \"100%\",\n        },\n      },\n    },\n    yStart: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The vertical offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    yEnd: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The vertical offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    xStart: {\n      type: \"string\",\n      defaultValue: \"50%\",\n      description:\n        \"The horizontal offset at the start (when just scrolling into view). Can be % or px.\",\n    },\n    xEnd: {\n      type: \"string\",\n      defaultValue: \"-50%\",\n      description:\n        \"The horizontal offset at the end (when just scrolling out of view). Can be % or px.\",\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disables the parallax effect.\",\n    },\n    previewInEditor: {\n      type: \"boolean\",\n      description: \"Enable the parallax effect in the editor.\",\n    },\n  },\n  defaultStyles: {\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, { ComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport { ParallaxProvider, ParallaxProviderProps } from \"react-scroll-parallax\";\n\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProvider\",\n  importPath: \"react-scroll-parallax\",\n  props: {children: \"slot\"}\n}\n\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  } else {\n    registerComponent(ParallaxProvider, customParallaxProviderMeta ?? parallaxProviderMeta);\n  }\n}\n"],"names":["ParallaxWrapper","xStart","xEnd","yStart","yEnd","disabled","previewInEditor","children","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","Error","React","Parallax","x","y","parallaxWrapperMeta","name","displayName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxProviderMeta","importName","registerParallaxProvider","customParallaxProviderMeta","ParallaxProvider"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-scroll-parallax",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Plasmic registration call for the HTML5 video element",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "@plasmicapp/host": "^0.0.32",
+    "@plasmicapp/host": "^0.0.42",
     "react-scroll-parallax": "^2.4.0"
   },
   "peerDependencies": {