react-slim-image-viewer - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

package.json

 {
   "name": "react-slim-image-viewer",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Slim image viewer for React",
@@ -5,0 +5,0 @@ "repository": {

ReactSlimImageViewer.js

@@ -47,5 +47,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
             }
-        }, className: `${baseClassName}__wrapper`, style: styles === null || styles === void 0 ? void 0 : styles.wrapper }, { children: [_jsx("span", Object.assign({ onClick: onClose, className: `${baseClassName}__close`, style: styles === null || styles === void 0 ? void 0 : styles.close }, { children: "\u00D7" }), void 0),
-            src.length > 1 && (_jsx("span", Object.assign({ onClick: () => changeImage("prev"), className: `${baseClassName}__navigation ${baseClassName}__prev`, style: styles === null || styles === void 0 ? void 0 : styles.prev }, { children: "\u276E" }), void 0)),
-            src.length > 1 && (_jsx("span", Object.assign({ onClick: () => changeImage("next"), className: `${baseClassName}__navigation ${baseClassName}__next`, style: styles === null || styles === void 0 ? void 0 : styles.next }, { children: "\u276F" }), void 0)),
+        }, className: `${baseClassName}__wrapper`, style: styles === null || styles === void 0 ? void 0 : styles.wrapper }, { children: [_jsx("button", Object.assign({ onClick: onClose, className: `${baseClassName}__close`, style: styles === null || styles === void 0 ? void 0 : styles.close }, { children: "\u00D7" }), void 0),
+            src.length > 1 && (_jsx("button", Object.assign({ onClick: () => changeImage("prev"), className: `${baseClassName}__navigation ${baseClassName}__prev`, style: styles === null || styles === void 0 ? void 0 : styles.prev }, { children: "\u276E" }), void 0)),
+            src.length > 1 && (_jsx("button", Object.assign({ onClick: () => changeImage("next"), className: `${baseClassName}__navigation ${baseClassName}__next`, style: styles === null || styles === void 0 ? void 0 : styles.next }, { children: "\u276F" }), void 0)),
             _jsx("div", Object.assign({ className: `${baseClassName}__content`, style: styles === null || styles === void 0 ? void 0 : styles.content }, { children: _jsx("div", Object.assign({ onClick: (event) => {
@@ -52,0 +52,0 @@ if (event.target === event.currentTarget) {

No alert changes

Improved metrics

Total package byte prevSize

12959

increased by0.61%

Lines of code

134

increased by3.08%

No dependency changes