react-magic-card 0.1.14 → 0.1.16

package/README.md

@@ -99,7 +99,7 @@ function MyComponent() {
 | selectOffsetX | X-axis position                         |
 | selectOffsetY | Y-axis position                         |
 
-## Animation Properties
+## Animation Object
 
 | Property      | Meaning                               |
 | ------------- | ------------------------------------- |
@@ -114,15 +114,15 @@ function MyComponent() {
 | selectRotateY | Y-axis rotation of the selected image |
 | selectRotateZ | Z-axis rotation of the selected image |
 
-## Transition Properties
+## Transition Object
 
-It is Inherits framer motion transition properties other than intera.
+It is Inherits framer motion transition object other than intera.
 
-## Pick Properties
+## Pick Object
 
 | Property  | Meaning                                                   |
 | --------- | --------------------------------------------------------- |
-| classPick | class name of the pick image                              |
+| classPick | className of the pick image                               |
 | white     | white or black for background the default true            |
 | alpha     | background transparency of a number between 0 ~ 1         |
 | blur      | blur intensity of a number between 1 ~ 20 a preferred     |

package/dist/MagicCircle/index.js

@@ -161,7 +161,7 @@ const MagicCircle = ({ images, height, width, dynamic = true, clockwise = true,
         e.key === 'Escape' && setHasPick(false);
     };
     return (react_1.default.createElement(framer_motion_1.LazyMotion, { features: framer_motion_1.domAnimation },
-        react_1.default.createElement(framer_motion_1.m.div, { ref: div1Ref, tabIndex: offsetIndex < 0 ? 0 : offsetIndex - 1, onKeyDown: handleKeyPress, className: className + ' ' + styles_module_css_1.default.outer, style: {
+        react_1.default.createElement(framer_motion_1.m.div, { ref: div1Ref, tabIndex: offsetIndex <= 0 ? 0 : offsetIndex - 1, onKeyDown: handleKeyPress, className: className + ' ' + styles_module_css_1.default.outer, style: {
                 zIndex: offsetIndex - 1,
                 width: radius * 2 + controller + 'px',
                 height: radius * 2 + controller + 'px'

package/dist/MagicStraight/index.js

@@ -174,7 +174,7 @@ const MagicStraight = ({ images, height, width, vertical = true, margin = 0, sel
         e.key === 'Escape' && setHasPick(false);
     };
     return (react_1.default.createElement(framer_motion_1.LazyMotion, { features: framer_motion_1.domAnimation },
-        react_1.default.createElement("div", { ref: div1Ref, tabIndex: offsetIndex < 0 ? 0 : offsetIndex - 1, onKeyDown: handleKeyPress, className: className + ' ' + styles_module_css_1.default.outer, style: {
+        react_1.default.createElement("div", { ref: div1Ref, tabIndex: offsetIndex <= 0 ? 0 : offsetIndex - 1, onKeyDown: handleKeyPress, className: className + ' ' + styles_module_css_1.default.outer, style: {
                 zIndex: offsetIndex - 1,
                 width: !vertical ? height + controller + 'px' : 'fit-content',
                 height: vertical ? width + controller + 'px' : 'fit-content',
@@ -187,7 +187,7 @@ const MagicStraight = ({ images, height, width, vertical = true, margin = 0, sel
             const zIndex = reverseIndex
                 ? offsetIndex + images.length - 1 - index
                 : offsetIndex + index;
-            return (react_1.default.createElement(framer_motion_1.m.img, { key: index, animate: {
+            return (react_1.default.createElement(framer_motion_1.m.img, { key: zIndex, animate: {
                     y: hasSelect
                         ? vertical
                             ? (average - index) * height +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-magic-card",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "image gallery component with framer motion",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",