@digital-realty/ix-drawer - npm Package Compare versions

Comparing version 1.0.10 to 1.0.23

dist/IxDrawer.d.ts

 import { LitElement, nothing } from 'lit';
 import '@digital-realty/ix-button/ix-button.js';
 import '@digital-realty/ix-icon/ix-icon.js';
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
 import '@digital-realty/ix-dialog/ix-dialog.js';
@@ -5,0 +6,0 @@ export declare class IxDrawer extends LitElement {

dist/IxDrawer.js

@@ -7,2 +7,3 @@ import { __decorate } from "tslib";
 import '@digital-realty/ix-icon/ix-icon.js';
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
 import '@digital-realty/ix-dialog/ix-dialog.js';
@@ -111,5 +112,6 @@ export class IxDrawer extends LitElement {
             <div class="drawer-header__close-btn">
-              <div class="drawer-header__close-btn-hover-layer">
-                <ix-icon @click=${this.onClosed}>Close</ix-icon>
-              </div>
+              <ix-icon-button
+                @click=${this.onClosed}
+                icon="close"
+              ></ix-icon-button>
             </div>
@@ -116,0 +118,0 @@ </div>

dist/styles/ix-drawer-styles.js

 import { css } from 'lit';
 export const IxDrawerStyles = css `
+  :root,
+  :host :root,
+  :host {
+    font-size: var(--ix-drawer-font-size, 0.875rem);
+    line-height: var(--ix-drawer-line-height, 1.25rem);
+  }
+
   .drawer-container {
@@ -11,3 +18,3 @@ z-index: 1;
     left: 0;
-    background-color: rgba(0, 0, 0, 0.2);
+    background-color: var(--ix-draw-scrim-bg, #00000080);
     scroll-behavior: auto;
@@ -21,7 +28,10 @@ overflow: auto;
     float: right;
-    padding: 32px 40px 40px;
+    padding: 32px 0 46px 40px;
     background-color: white;
-    border-radius: 20px 0px 0px 20px;
+    border-radius: 16px 0px 0px 16px;
     box-sizing: border-box;
+    box-shadow: 0px 12px 20px -12px rgba(0, 0, 0, 0.12),
+      0px 0px 0px 1px #e1e4e8 inset;
   }
+
   @media screen and (min-width: 1024px) {
@@ -32,3 +42,5 @@ .drawer {
   }
+
   .drawer-header {
+    padding-right: 40px;
     display: flex;
@@ -38,19 +50,14 @@ justify-content: space-between;
   }
+
+  .drawer-header__close-btn {
+    margin-bottom: -16px;
+    background: white;
+    border-radius: 50%;
+    position: relative;
+    z-index: 9;
+  }
+
   .drawer-header__minimise-btn {
     flex: 0;
   }
-  .drawer-header__close-btn {
-    cursor: pointer;
-    flex: 1;
-  }
-  .drawer-header__close-btn-hover-layer {
-    width: 24px;
-    height: 24px;
-    border-radius: 9999px;
-    float: right;
-  }
-  .drawer-header__close-btn-hover-layer:hover {
-    transition: 0.15s;
-    background-color: lightgrey;
-  }
 
@@ -60,2 +67,3 @@ .drawer-body {
     overflow: auto;
+    padding-right: 40px;
   }
@@ -62,0 +70,0 @@

package.json

@@ -6,3 +6,3 @@ {
   "author": "interxion",
-  "version": "1.0.10",
+  "version": "1.0.23",
   "type": "module",
@@ -32,5 +32,6 @@ "main": "dist/index.js",
   "dependencies": {
-    "@digital-realty/ix-button": "^3.2.15",
-    "@digital-realty/ix-dialog": "^1.0.10",
-    "@digital-realty/ix-icon": "^1.0.4",
+    "@digital-realty/ix-button": "^3.2.29",
+    "@digital-realty/ix-dialog": "^1.0.23",
+    "@digital-realty/ix-icon": "^1.0.35",
+    "@digital-realty/ix-icon-button": "^1.0.35",
     "@lit/react": "^1.0.2",
@@ -109,3 +110,3 @@ "@material/web": "1.2.0",
   ],
-  "gitHead": "43b0e609ef85f29e50a1872181cb8e685bcc13ec"
+  "gitHead": "dced04ebef5c8342344b1fd3df33b5e22a78725f"
 }

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

30571

increased by1.83%

Lines of code

362

increased by1.69%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@digital-realty/ix-icon-button@^1.0.35

• + Added@digital-realty/ix-icon-button@1.1.4(transitive)

• Updated@digital-realty/ix-button@^3.2.29

• Updated@digital-realty/ix-dialog@^1.0.23

• Updated@digital-realty/ix-icon@^1.0.35