@vaadin/vaadin-tabs - npm Package Compare versions

Comparing version 2.1.2 to 3.0.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-tabs",
-  "version": "2.1.2",
+  "version": "3.0.0-alpha1",
   "main": "vaadin-tabs.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

src/vaadin-tab.js

@@ -51,3 +51,3 @@ /**
   static get version() {
-    return '2.1.2';
+    return '3.0.0-alpha1';
   }
@@ -59,2 +59,15 @@
   }
+
+  _onKeyup(event) {
+    const willClick = this.hasAttribute('active');
+
+    super._onKeyup(event);
+
+    if (willClick) {
+      const anchor = this.querySelector('a');
+      if (anchor) {
+        anchor.click();
+      }
+    }
+  }
 }
@@ -61,0 +74,0 @@

src/vaadin-tabs.js

@@ -145,3 +145,3 @@ /**
   static get version() {
-    return '2.1.2';
+    return '3.0.0-alpha1';
   }
@@ -148,0 +148,0 @@

theme/lumo/vaadin-tab-styles.js

@@ -114,2 +114,20 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 
+      :host ::slotted(a[href]) {
+        display: flex;
+        width: 100%;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        margin: -0.5rem -0.75rem;
+        padding: 0.5rem 0.75rem;
+        text-decoration: none;
+        color: inherit;
+        outline: none;
+      }
+
+      :host ::slotted(a[href]:hover),
+      :host ::slotted(a[href]:focus) {
+        color: inherit;
+      }
+
       :host ::slotted(iron-icon) {
@@ -145,2 +163,9 @@ margin: 0 4px;
 
+      :host([theme~="icon-on-top"]) ::slotted(a) {
+        flex-direction: column;
+        align-items: center;
+        margin-top: -0.25rem;
+        padding-top: 0.25rem;
+      }
+
       :host([theme~="icon-on-top"]) ::slotted(iron-icon) {
@@ -147,0 +172,0 @@ margin: 0;

theme/lumo/vaadin-tabs-styles.js

@@ -28,3 +28,2 @@ import '@vaadin/vaadin-lumo-styles/font-icons.js';
         box-shadow: -1px 0 0 0 var(--lumo-contrast-10pct);
-        display: inline-flex;
       }
@@ -31,0 +30,0 @@

theme/material/vaadin-tab-styles.js

@@ -100,2 +100,15 @@ import '@vaadin/vaadin-material-styles/color.js';
 
+      :host ::slotted(a) {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        margin: -12px -16px;
+        padding: 12px 16px;
+        text-decoration: none;
+        color: inherit;
+        outline: none;
+      }
+
       /* Touch device adjustments */
@@ -102,0 +115,0 @@ @media (pointer: coarse) {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

43110

increased by2.68%

Lines of code

772

increased by5.9%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes