react-multi-carousel - npm Package Compare versions

Comparing version 1.0.9 to 1.0.10

lib/Carousel.js

@@ -206,3 +206,5 @@ "use strict";
             else {
-                return (React.createElement("i", { style: style_1.leftArrowStyle, onClick: disableLeftArrow ? () => { } : () => this.previous() }));
+                return (React.createElement("i", { 
+                    // @ts-ignore
+                    style: style_1.leftArrowStyle, onClick: disableLeftArrow ? () => { } : () => this.previous() }));
             }
@@ -217,3 +219,5 @@ };
             else {
-                return (React.createElement("i", { style: style_1.rightArrowStyle, onClick: disableRightArrow ? () => { } : () => this.next() }));
+                return (React.createElement("i", { 
+                    // @ts-ignore
+                    style: style_1.rightArrowStyle, onClick: disableRightArrow ? () => { } : () => this.next() }));
             }
@@ -220,0 +224,0 @@ };

lib/style.d.ts

@@ -14,3 +14,4 @@ declare const containerStyle: {
 declare const arrowStyle: {
-    margin: string;
+    zIndex: number;
+    position: string;
     border: string;
@@ -23,4 +24,6 @@ borderWidth: "0 3px 3px 0";
 declare const leftArrowStyle: {
+    left: number;
     transform: string;
-    margin: string;
+    zIndex: number;
+    position: string;
     border: string;
@@ -33,4 +36,6 @@ borderWidth: "0 3px 3px 0";
 declare const rightArrowStyle: {
+    right: number;
     transform: string;
-    margin: string;
+    zIndex: number;
+    position: string;
     border: string;
@@ -37,0 +42,0 @@ borderWidth: "0 3px 3px 0";

lib/style.js

@@ -18,14 +18,15 @@ "use strict";
 const arrowStyle = {
-    margin: "50px",
+    zIndex: 1,
+    position: 'absolute',
     border: "solid black",
     borderWidth: "0 3px 3px 0",
     display: "inline-block",
-    padding: 3,
+    padding: 13,
     cursor: "pointer"
 };
 exports.arrowStyle = arrowStyle;
-const leftArrowStyle = Object.assign({}, arrowStyle, { transform: "rotate(135deg)" });
+const leftArrowStyle = Object.assign({}, arrowStyle, { left: 30, transform: "rotate(135deg)" });
 exports.leftArrowStyle = leftArrowStyle;
-const rightArrowStyle = Object.assign({}, arrowStyle, { transform: "rotate(-45deg)" });
+const rightArrowStyle = Object.assign({}, arrowStyle, { right: 30, transform: "rotate(-45deg)" });
 exports.rightArrowStyle = rightArrowStyle;
 //# sourceMappingURL=style.js.map

package.json

 {
   "name": "react-multi-carousel",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

28530

increased by1.21%

Lines of code

405

increased by2.53%

No dependency changes