@plasmicpkgs/react-parallax-tilt - npm Package Compare versions

Comparing version 0.0.163 to 0.0.165

dist/react-parallax-tilt.cjs.development.js

@@ -46,3 +46,3 @@ 'use strict';
         src: "https://placekitten.com/300/200",
-        style: {
+        styles: {
           maxWidth: "100%"
@@ -122,3 +122,3 @@ }
       type: "string",
-      defaultValueHint: '0',
+      defaultValueHint: "0",
       description: "Border radius of glare effect",
@@ -133,3 +133,3 @@ displayName: "Glare Border Radius",
       options: ["top", "bottom", "left", "right", "all"],
-      defaultValueHint: 'bottom',
+      defaultValueHint: "bottom",
       description: "Position of the glare effect",
@@ -182,3 +182,3 @@ displayName: "Glare Position",
       type: "string",
-      defaultValueHint: 'cubic-bezier(.03,.98,.52,.99)',
+      defaultValueHint: "cubic-bezier(.03,.98,.52,.99)",
       description: "Easing function for the transition",
@@ -185,0 +185,0 @@ displayName: "Transition Easing"

dist/react-parallax-tilt.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("react")),a=e(require("react-parallax-tilt"));function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}function n(e){var t;return i.createElement(a,Object.assign({},e,{style:l({transformStyle:"preserve-3d"},null!=(t=e.style)?t:{})}))}var r={name:"hostless-parallax-tilt",displayName:"Tilt",importName:"Tilt",importPath:"@plasmicpkgs/react-parallax-tilt",isAttachment:!0,props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",style:{maxWidth:"100%"}}},tiltEnable:{type:"boolean",defaultValueHint:!0,description:"Enable tilt effect",displayName:"Enable"},tiltReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse tilt direction",displayName:"Reverse"},tiltAngleXInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on X axis",displayName:"Angle X Initial"},tiltAngleYInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on Y axis",displayName:"Angle Y Initial"},tiltMaxAngleX:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on X axis",displayName:"Max Angle X"},tiltMaxAngleY:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on Y axis",displayName:"Max Angle Y"},tiltAxis:{type:"choice",options:["x","y"],description:"Which axis should be enabled",defaultValueHint:"both",displayName:"Axis"},glareEnable:{type:"boolean",defaultValueHint:!1,description:"Enable glare effect",displayName:"Glare Enable"},glareMaxOpacity:{type:"number",defaultValueHint:.7,description:"Maximum opacity of glare effect",displayName:"Glare Max Opacity",hidden:function(e){return!e.glareEnable}},glareColor:{type:"string",defaultValueHint:"#ffffff",description:"Color of glare effect",displayName:"Glare Color",hidden:function(e){return!e.glareEnable}},glareBorderRadius:{type:"string",defaultValueHint:"0",description:"Border radius of glare effect",displayName:"Glare Border Radius",hidden:function(e){return!e.glareEnable}},glarePosition:{type:"choice",options:["top","bottom","left","right","all"],defaultValueHint:"bottom",description:"Position of the glare effect",displayName:"Glare Position",hidden:function(e){return!e.glareEnable}},glareReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse glare direction",displayName:"Glare Reverse",hidden:function(e){return!e.glareEnable}},scale:{type:"number",defaultValueHint:1,description:"Scale of the element",displayName:"Scale"},perspective:{type:"number",defaultValueHint:1e3,description:"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.",displayName:"Perspective"},flipVertically:{type:"boolean",defaultValueHint:!1,description:"Flip the element vertically",displayName:"Flip Vertically"},flipHorizontally:{type:"boolean",defaultValueHint:!1,description:"Flip the element horizontally",displayName:"Flip Horizontally"},reset:{type:"boolean",defaultValueHint:!1,description:"Reset the element to its original state",displayName:"Reset"},transitionEasing:{type:"string",defaultValueHint:"cubic-bezier(.03,.98,.52,.99)",description:"Easing function for the transition",displayName:"Transition Easing"},transitionSpeed:{type:"number",defaultValueHint:400,description:"Transition speed in milliseconds",displayName:"Transition Speed"},trackOnWindow:{type:"boolean",defaultValueHint:!1,description:"Track the mouse position on the whole window, not just on the element",displayName:"Track On Window"},gyroscope:{type:"boolean",defaultValueHint:!1,description:"Enable device orientation detection",displayName:"Gyroscope"}},isDefaultExport:!0,defaultStyles:{maxWidth:"100%"}};exports.default=n,exports.registerTilt=function(e,i){e?e.registerComponent(n,null!=i?i:r):t(n,null!=i?i:r)};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),i=e(require("react")),a=e(require("react-parallax-tilt"));function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}function n(e){var t;return i.createElement(a,Object.assign({},e,{style:l({transformStyle:"preserve-3d"},null!=(t=e.style)?t:{})}))}var r={name:"hostless-parallax-tilt",displayName:"Tilt",importName:"Tilt",importPath:"@plasmicpkgs/react-parallax-tilt",isAttachment:!0,props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",styles:{maxWidth:"100%"}}},tiltEnable:{type:"boolean",defaultValueHint:!0,description:"Enable tilt effect",displayName:"Enable"},tiltReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse tilt direction",displayName:"Reverse"},tiltAngleXInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on X axis",displayName:"Angle X Initial"},tiltAngleYInitial:{type:"number",defaultValueHint:0,description:"Initial tilt angle in degrees on Y axis",displayName:"Angle Y Initial"},tiltMaxAngleX:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on X axis",displayName:"Max Angle X"},tiltMaxAngleY:{type:"number",defaultValueHint:20,description:"Maximum tilt angle in degrees on Y axis",displayName:"Max Angle Y"},tiltAxis:{type:"choice",options:["x","y"],description:"Which axis should be enabled",defaultValueHint:"both",displayName:"Axis"},glareEnable:{type:"boolean",defaultValueHint:!1,description:"Enable glare effect",displayName:"Glare Enable"},glareMaxOpacity:{type:"number",defaultValueHint:.7,description:"Maximum opacity of glare effect",displayName:"Glare Max Opacity",hidden:function(e){return!e.glareEnable}},glareColor:{type:"string",defaultValueHint:"#ffffff",description:"Color of glare effect",displayName:"Glare Color",hidden:function(e){return!e.glareEnable}},glareBorderRadius:{type:"string",defaultValueHint:"0",description:"Border radius of glare effect",displayName:"Glare Border Radius",hidden:function(e){return!e.glareEnable}},glarePosition:{type:"choice",options:["top","bottom","left","right","all"],defaultValueHint:"bottom",description:"Position of the glare effect",displayName:"Glare Position",hidden:function(e){return!e.glareEnable}},glareReverse:{type:"boolean",defaultValueHint:!1,description:"Reverse glare direction",displayName:"Glare Reverse",hidden:function(e){return!e.glareEnable}},scale:{type:"number",defaultValueHint:1,description:"Scale of the element",displayName:"Scale"},perspective:{type:"number",defaultValueHint:1e3,description:"The perspective property defines how far the object (wrapped/child component) is away from the user. The lower the more extreme the tilt gets.",displayName:"Perspective"},flipVertically:{type:"boolean",defaultValueHint:!1,description:"Flip the element vertically",displayName:"Flip Vertically"},flipHorizontally:{type:"boolean",defaultValueHint:!1,description:"Flip the element horizontally",displayName:"Flip Horizontally"},reset:{type:"boolean",defaultValueHint:!1,description:"Reset the element to its original state",displayName:"Reset"},transitionEasing:{type:"string",defaultValueHint:"cubic-bezier(.03,.98,.52,.99)",description:"Easing function for the transition",displayName:"Transition Easing"},transitionSpeed:{type:"number",defaultValueHint:400,description:"Transition speed in milliseconds",displayName:"Transition Speed"},trackOnWindow:{type:"boolean",defaultValueHint:!1,description:"Track the mouse position on the whole window, not just on the element",displayName:"Track On Window"},gyroscope:{type:"boolean",defaultValueHint:!1,description:"Enable device orientation detection",displayName:"Gyroscope"}},isDefaultExport:!0,defaultStyles:{maxWidth:"100%"}};exports.default=n,exports.registerTilt=function(e,i){e?e.registerComponent(n,null!=i?i:r):t(n,null!=i?i:r)};
 //# sourceMappingURL=react-parallax-tilt.cjs.production.min.js.map

dist/react-parallax-tilt.esm.js

@@ -40,3 +40,3 @@ import registerComponent from '@plasmicapp/host/registerComponent';
         src: "https://placekitten.com/300/200",
-        style: {
+        styles: {
           maxWidth: "100%"
@@ -116,3 +116,3 @@ }
       type: "string",
-      defaultValueHint: '0',
+      defaultValueHint: "0",
       description: "Border radius of glare effect",
@@ -127,3 +127,3 @@ displayName: "Glare Border Radius",
       options: ["top", "bottom", "left", "right", "all"],
-      defaultValueHint: 'bottom',
+      defaultValueHint: "bottom",
       description: "Position of the glare effect",
@@ -176,3 +176,3 @@ displayName: "Glare Position",
       type: "string",
-      defaultValueHint: 'cubic-bezier(.03,.98,.52,.99)',
+      defaultValueHint: "cubic-bezier(.03,.98,.52,.99)",
       description: "Easing function for the transition",
@@ -179,0 +179,0 @@ displayName: "Transition Easing"

package.json

 {
   "name": "@plasmicpkgs/react-parallax-tilt",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "description": "Plasmic registration call for the HTML5 video element",
@@ -31,3 +31,3 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@plasmicapp/host": "1.0.165",
+    "@plasmicapp/host": "1.0.166",
     "@size-limit/preset-small-lib": "^4.11.0",
@@ -47,3 +47,3 @@ "@types/node": "^14.0.26",
   },
-  "gitHead": "7fcbeeb029e7a41aaa58fa554034e21886517bbe"
+  "gitHead": "dbe6519e32e754c106a17535505bd1ae7cff082d"
 }

No alert changes

Improved metrics

Total package byte prevSize

81926

increased by0.07%

No dependency changes