react-aria-modal - npm Package Compare versions

Comparing version 1.0.4 to 1.1.0

lib/Modal.js

@@ -13,2 +13,4 @@ var React = require('react');
     alert: PropTypes.bool,
+    dialogClass: PropTypes.string,
+    dialogId: PropTypes.string,
     focusDialog: PropTypes.bool,
@@ -27,2 +29,3 @@ initialFocus: PropTypes.string,
     return {
+      dialogId: 'react-aria-modal-dialog',
       underlayClickExits: true,
@@ -94,3 +97,4 @@ underlayColor: 'rgba(0,0,0,0.5)',
       role: (this.props.alert) ? 'alertdialog' : 'dialog',
-      id: 'react-aria-modal-dialog',
+      id: this.props.dialogId,
+      className: this.props.dialogClass,
       style: {
@@ -97,0 +101,0 @@ position: 'absolute',

package.json

 {
   "name": "react-aria-modal",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -131,2 +131,16 @@ # react-aria-modal
 
+### dialogClass
+
+Type: `String`
+
+Apply a class to the dialog in order to custom-style it.
+
+Be aware that this module does apply various inline styles to the dialog element in order position it.
+
+### dialogId
+
+Type: `String`, Default: `react-aria-modal-dialog`
+
+Choose your own id attribute for the dialog element.
+
 ### focusDialog
@@ -133,0 +147,0 @@

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

33844

increased by1.54%

Lines of code

533

increased by0.76%

Number of lines in readme file

289

increased by5.09%

No dependency changes