react-magic-card 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -97,7 +97,7 @@ function MyComponent() {
97
97
 
98
98
  ## Transition Object
99
99
 
100
- It is Inherits framer motion transition object other than intera.
100
+ It is Inherits framer motion transition object ease and (type: 'spring').
101
101
 
102
102
  ## detailProperty Object
103
103
 
@@ -0,0 +1,14 @@
1
+ .outer {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ user-select: none;
6
+ }
7
+
8
+ .inner {
9
+ position: relative;
10
+ }
11
+
12
+ .inner img {
13
+ position: absolute;
14
+ }
@@ -363,7 +363,6 @@ const StraightInfinity = ({ images, start, height, width, vertical = false, marg
363
363
  })),
364
364
  react_1.default.createElement(DetailImage_1.DetailImage, { detailRef: refDetail, detailKey: select, hasDetail: hasDetail, onClick: () => {
365
365
  setHasDetail(false);
366
- }, classDetail: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.classDetail, src: images[select].src, alt: images[select].alt, width: width, height: height, white: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.white, alpha: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.alpha, blur: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.blur, scale: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.scale, transition: detailTransition, zIndex: frontImage }),
367
- react_1.default.createElement(react_1.default.Fragment, null, select))));
366
+ }, classDetail: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.classDetail, src: images[select].src, alt: images[select].alt, width: width, height: height, white: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.white, alpha: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.alpha, blur: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.blur, scale: detailProperty === null || detailProperty === void 0 ? void 0 : detailProperty.scale, transition: detailTransition, zIndex: frontImage }))));
368
367
  };
369
368
  exports.StraightInfinity = StraightInfinity;
@@ -0,0 +1,6 @@
1
+ .outer {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ user-select: none;
6
+ }
@@ -0,0 +1,14 @@
1
+ .full_size {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: center;
8
+ width: 100%;
9
+ height: 100%;
10
+ }
11
+
12
+ .no_select {
13
+ user-select: none;
14
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-magic-card",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "description": "React Component library for images gallery using the framer motion animation.",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",