react-modern-drawer - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.d.ts

@@ -14,3 +14,3 @@ import * as React from 'react';
     zIndex?: number;
-    size?: number;
+    size?: number | string;
     className?: string | undefined;
@@ -17,0 +17,0 @@ };

dist/index.js

@@ -86,2 +86,3 @@ var React = require('react');
       className = _ref.className;
+  var idSuffix = (Math.random() + 1).toString(36).substring(7);
   var overlayStyles = {
@@ -99,6 +100,8 @@ backgroundColor: "" + overlayColor,
   return React.createElement("div", {
-    id: 'EZDrawer'
+    id: 'EZDrawer' + idSuffix,
+    className: 'EZDrawer'
   }, React.createElement("input", {
     type: 'checkbox',
-    id: 'EZDrawer__checkbox',
+    id: 'EZDrawer__checkbox' + idSuffix,
+    className: 'EZDrawer__checkbox',
     onChange: onClose,
@@ -108,8 +111,9 @@ checked: open
     role: 'navigation',
-    id: 'EZDrawer__container',
+    id: 'EZDrawer__container' + idSuffix,
     style: drawerStyles,
-    className: className
+    className: 'EZDrawer__container ' + className
   }, children), enableOverlay && React.createElement("label", {
-    htmlFor: 'EZDrawer__checkbox',
-    id: 'EZDrawer__overlay',
+    htmlFor: 'EZDrawer__checkbox' + idSuffix,
+    id: 'EZDrawer__overlay' + idSuffix,
+    className: 'EZDrawer__overlay',
     style: overlayStyles
@@ -116,0 +120,0 @@ }));

dist/index.modern.js

@@ -86,2 +86,3 @@ import { createElement } from 'react';
       className = _ref.className;
+  var idSuffix = (Math.random() + 1).toString(36).substring(7);
   var overlayStyles = {
@@ -99,6 +100,8 @@ backgroundColor: "" + overlayColor,
   return createElement("div", {
-    id: 'EZDrawer'
+    id: 'EZDrawer' + idSuffix,
+    className: 'EZDrawer'
   }, createElement("input", {
     type: 'checkbox',
-    id: 'EZDrawer__checkbox',
+    id: 'EZDrawer__checkbox' + idSuffix,
+    className: 'EZDrawer__checkbox',
     onChange: onClose,
@@ -108,8 +111,9 @@ checked: open
     role: 'navigation',
-    id: 'EZDrawer__container',
+    id: 'EZDrawer__container' + idSuffix,
     style: drawerStyles,
-    className: className
+    className: 'EZDrawer__container ' + className
   }, children), enableOverlay && createElement("label", {
-    htmlFor: 'EZDrawer__checkbox',
-    id: 'EZDrawer__overlay',
+    htmlFor: 'EZDrawer__checkbox' + idSuffix,
+    id: 'EZDrawer__overlay' + idSuffix,
+    className: 'EZDrawer__overlay',
     style: overlayStyles
@@ -116,0 +120,0 @@ }));

package.json

 {
     "name": "react-modern-drawer",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "Creating drawers in react made easy!",
@@ -60,2 +60,3 @@ "author": "Farzin-Firoozi",
         "react-drawer",
+        "react-modern",
         "touch-drawer",
@@ -62,0 +63,0 @@ "modern-drawer",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26669

increased by6.81%

Lines of code

255

increased by3.24%

No dependency changes