@belleui/belle-modal - npm Package Compare versions

Comparing version 0.0.1-alpha.1 to 0.0.1-alpha.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.0.1-alpha.2](https://github.com/belleui/belleui/compare/v0.0.1-alpha.1...v0.0.1-alpha.2) (2021-04-15)
+
+
+### Features
+
+* **modal:** enhance effect ([#60](https://github.com/belleui/belleui/issues/60)) ([7196c05](https://github.com/belleui/belleui/commit/7196c05d1bca9633c8697b3540a218291119effe))
+
+
+
+
+
 ## [0.0.1-alpha.1](https://github.com/belleui/belleui/compare/v0.0.1-alpha.0...v0.0.1-alpha.1) (2020-10-27)
@@ -8,0 +19,0 @@

lib/belle-modal-css.js

 import { css } from 'lit-element';
-export default css `:host{--top: 0;--right: 0;--bottom: 0;--left: 0;--modal-padding: 16px 24px;--border-radius: 6px;--border-color: #f0f0f0}.belle-modal{position:fixed;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;visibility:hidden}.belle-modal.modal-open{opacity:1;visibility:visible}.belle-modal.modal-open .modal-mask{opacity:1}.belle-modal.modal-open .modal-container{opacity:1;transform:none}.belle-modal .modal-mask{position:fixed;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);background:rgba(0,0,0,0.4);z-index:-1;opacity:0;transition:opacity .3s ease-in}.modal-container{box-sizing:border-box;position:relative;background:#fff;box-shadow:0px 2px 14px 0px rgba(0,0,0,0.14);border-radius:var(--border-radius);pointer-events:auto;opacity:0;transform:scale(0.8);transition:all .3s ease-in;overflow:hidden}.modal-close{box-sizing:border-box;position:absolute;top:0;right:0;width:56px;height:56px;text-align:center;line-height:56px;color:rgba(0,0,0,0.45);cursor:pointer}.modal-header{box-sizing:border-box;padding:var(--modal-padding);background:#fff;border-bottom:1px solid var(--border-color)}.modal-title{font-size:16px;line-height:22px;font-weight:500;color:rgba(0,0,0,0.85)}.modal-body{box-sizing:border-box;padding:var(--modal-padding);font-size:14px}.modal-footer{box-sizing:border-box;padding:var(--modal-padding);text-align:right;border-top:1px solid var(--border-color)}
+export default css `:host{--top: 0;--right: 0;--bottom: 0;--left: 0;--modal-padding: 16px 24px;--border-radius: 6px;--border-color: #f0f0f0}.belle-modal{position:fixed;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);display:flex;align-items:center;justify-content:center;z-index:100000;visibility:hidden}.belle-modal.modal-open{visibility:visible}.belle-modal.modal-open .modal-mask{opacity:1}.belle-modal.modal-open .modal-container{opacity:1;transform:scale(1)}.belle-modal .modal-mask{position:fixed;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);background:rgba(0,0,0,0.4);z-index:-1;opacity:0;transition:opacity .3s}.modal-container{box-sizing:border-box;position:relative;background:#fff;box-shadow:0px 2px 14px 0px rgba(0,0,0,0.14);border-radius:var(--border-radius);pointer-events:auto;opacity:0;transform:scale(1.25);transition:all .3s;overflow:hidden}.modal-close{box-sizing:border-box;position:absolute;top:0;right:0;width:56px;height:56px;text-align:center;line-height:56px;color:rgba(0,0,0,0.45);cursor:pointer}.modal-header{box-sizing:border-box;padding:var(--modal-padding);background:#fff;border-bottom:1px solid var(--border-color)}.modal-title{font-size:16px;line-height:22px;font-weight:500;color:rgba(0,0,0,0.85)}.modal-body{box-sizing:border-box;padding:var(--modal-padding);font-size:14px}.modal-footer{box-sizing:border-box;padding:var(--modal-padding);text-align:right;border-top:1px solid var(--border-color)}
 `;

package.json

 {
   "name": "@belleui/belle-modal",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "description": "",
@@ -10,3 +10,3 @@ "keywords": [
   "author": "WUSO01 <[e-mail]>",
-  "homepage": "https://github.com/belleui/belleui/tree/master/packages/belle-modal",
+  "homepage": "https://github.com/belleui/belleui/tree/master/packages/modal",
   "license": "MIT",
@@ -22,3 +22,3 @@ "main": "lib/belle-modal.js",
     "url": "https://github.com/belleui/belleui",
-    "directory": "packages/belle-modal"
+    "directory": "packages/modal"
   },
@@ -29,6 +29,6 @@ "publishConfig": {
   "dependencies": {
-    "@belleui/belle-button": "^0.0.1-alpha.1",
+    "@belleui/belle-button": "^0.0.1-alpha.2",
     "lit-element": "^2.3.1"
   },
-  "gitHead": "540a9d3bd74420d1de2b4d9045415fbad9d91c86"
+  "gitHead": "3664724905e2074a2e3ec3b5bfc8e0489f431a6a"
 }

README.md

@@ -8,3 +8,3 @@ [](#belleuibelle-modal)
 <a href="https://www.npmjs.com/package/@belleui/belle-modal"><img alt="NPM Version" src="https://img.shields.io/npm/v/@belleui/belle-modal.svg" height="20"/></a>
-<a href="https://github.com/belleui/belleui/blob/master/packages/belle-modal"><img alt="TypeScript" src="https://img.shields.io/npm/types/@belleui/belle-modal" height="20"/></a>
+<a href="https://github.com/belleui/belleui/blob/master/packages/modal"><img alt="TypeScript" src="https://img.shields.io/npm/types/@belleui/belle-modal" height="20"/></a>
 <a href="https://www.webcomponents.org/element/@belleui/belle-modal"><img alt="Published on webcomponents.org" src="https://img.shields.io/badge/webcomponents.org-published-blue.svg" height="20"/></a>
@@ -11,0 +11,0 @@ </p>

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13978

increased by1.88%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• Updated@belleui/belle-button@^0.0.1-alpha.2