@density/ui-modal - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

dist/story.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _index3 = require('../button/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
 var _card = require('../card');
@@ -33,7 +37,7 @@
         _card2.default,
-        null,
+        { type: 'modal' },
         _react2.default.createElement(
           _card.CardHeader,
           null,
-          'Foo'
+          'Confirmation'
         ),
@@ -43,3 +47,19 @@ _react2.default.createElement(
           null,
-          'Bar'
+          _react2.default.createElement(
+            'p',
+            { style: { margin: 0 } },
+            'This token is for a thing. Lorem Ipsum is simply dummy text of the printing and typesetting industry and this is just here to make you believe in aliens.'
+          ),
+          _react2.default.createElement('br', null),
+          _react2.default.createElement(
+            _index4.default,
+            null,
+            'Yes'
+          ),
+          _react2.default.createElement('br', null),
+          _react2.default.createElement(
+            _index4.default,
+            null,
+            'No'
+          )
         )
@@ -62,7 +82,7 @@ )
         _card2.default,
-        null,
+        { type: 'modal' },
         _react2.default.createElement(
           _card.CardHeader,
           null,
-          'Foo'
+          'Confirmation'
         ),
@@ -72,3 +92,19 @@ _react2.default.createElement(
           null,
-          'Bar'
+          _react2.default.createElement(
+            'p',
+            { style: { margin: 0 } },
+            'This token is for a thing. Lorem Ipsum is simply dummy text of the printing and typesetting industry and this is just here to make you believe in aliens.'
+          ),
+          _react2.default.createElement('br', null),
+          _react2.default.createElement(
+            _index4.default,
+            null,
+            'Yes'
+          ),
+          _react2.default.createElement('br', null),
+          _react2.default.createElement(
+            _index4.default,
+            null,
+            'No'
+          )
         )
@@ -75,0 +111,0 @@ )

package.json

 {
   "name": "@density/ui-modal",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Modal popup component",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

story.js

@@ -8,2 +8,3 @@ import React from 'react';
 import Modal, { ModalClose } from './index';
+import Button from '../button/index';
 import Card, { CardHeader, CardBody } from '../card';
@@ -17,5 +18,11 @@
       <Modal onClickBackdrop={action('backdrop click')}>
-        <Card>
-          <CardHeader>Foo</CardHeader>
-          <CardBody>Bar</CardBody>
+        <Card type="modal">
+          <CardHeader>Confirmation</CardHeader>
+          <CardBody>
+            <p style={{margin: 0}}>This token is for a thing. Lorem Ipsum is simply dummy text of the printing and typesetting industry and this is just here to make you believe in aliens.</p>
+            <br />
+            <Button>Yes</Button>
+            <br />
+            <Button>No</Button>
+          </CardBody>
         </Card>
@@ -32,7 +39,11 @@ </Modal>
       >
-        <Card>
-          <CardHeader>
-            Foo
-          </CardHeader>
-          <CardBody>Bar</CardBody>
+        <Card type="modal">
+          <CardHeader>Confirmation</CardHeader>
+          <CardBody>
+            <p style={{margin: 0}}>This token is for a thing. Lorem Ipsum is simply dummy text of the printing and typesetting industry and this is just here to make you believe in aliens.</p>
+            <br />
+            <Button>Yes</Button>
+            <br />
+            <Button>No</Button>
+          </CardBody>
         </Card>
@@ -39,0 +50,0 @@ </Modal>

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

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 2 instances in 1 package

Improved metrics

Lines of code

216

increased by27.06%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

9328

decreased by-70.7%

Number of package files

11

decreased by-15.38%

No dependency changes