@vaadin/vaadin-tabs - npm Package Compare versions

Comparing version 21.0.0-alpha1 to 21.0.0-alpha10

package.json

 {
   "name": "@vaadin/vaadin-tabs",
-  "version": "21.0.0-alpha1",
+  "version": "21.0.0-alpha10",
   "description": "vaadin-tabs",
@@ -30,8 +30,8 @@ "main": "vaadin-tabs.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha1",
-    "@vaadin/vaadin-item": "^21.0.0-alpha1",
-    "@vaadin/vaadin-list-mixin": "^21.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "^21.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha1"
+    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha10",
+    "@vaadin/vaadin-item": "^21.0.0-alpha10",
+    "@vaadin/vaadin-list-mixin": "^21.0.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha10",
+    "@vaadin/vaadin-material-styles": "^21.0.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha10"
   },
@@ -46,3 +46,3 @@ "devDependencies": {
   },
-  "gitHead": "8542c7dadc4c86e454a48613f0f2d027dcb5aa86"
+  "gitHead": "9e75b3416edc041e35720c29a842423a1da66e60"
 }

src/vaadin-tab.js

@@ -48,3 +48,3 @@ /**
   static get version() {
-    return '21.0.0-alpha1';
+    return '21.0.0-alpha10';
   }
@@ -51,0 +51,0 @@

src/vaadin-tabs.js

@@ -151,3 +151,3 @@ /**
   static get version() {
-    return '21.0.0-alpha1';
+    return '21.0.0-alpha10';
   }
@@ -154,0 +154,0 @@

theme/lumo/vaadin-tab-styles.js

@@ -72,3 +72,3 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
       background-color: var(--lumo-contrast-60pct);
-      border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;
+      border-radius: var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;
       transform: translateX(-50%) scale(0);
@@ -92,3 +92,3 @@ transform-origin: 50% 100%;
       height: var(--lumo-size-xs);
-      border-radius: 0 var(--lumo-border-radius) var(--lumo-border-radius) 0;
+      border-radius: 0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;
       transform-origin: 100% 50%;
@@ -139,2 +139,3 @@ }
 
+    :host ::slotted(vaadin-icon),
     :host ::slotted(iron-icon) {
@@ -147,2 +148,3 @@ margin: 0 4px;
     /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+    :host ::slotted(vaadin-icon[icon^='vaadin:']),
     :host ::slotted(iron-icon[icon^='vaadin:']) {
@@ -153,2 +155,3 @@ padding: 0.25rem;
 
+    :host(:not([dir='rtl'])) ::slotted(vaadin-icon:first-child),
     :host(:not([dir='rtl'])) ::slotted(iron-icon:first-child) {
@@ -158,2 +161,3 @@ margin-left: 0;
 
+    :host(:not([dir='rtl'])) ::slotted(vaadin-icon:last-child),
     :host(:not([dir='rtl'])) ::slotted(iron-icon:last-child) {
@@ -180,2 +184,3 @@ margin-right: 0;
 
+    :host([theme~='icon-on-top']) ::slotted(vaadin-icon),
     :host([theme~='icon-on-top']) ::slotted(iron-icon) {
@@ -197,3 +202,3 @@ margin: 0;
       box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
-      border-radius: var(--lumo-border-radius);
+      border-radius: var(--lumo-border-radius-m);
     }
@@ -215,2 +220,3 @@
 
+    :host([dir='rtl']) ::slotted(vaadin-icon:first-child),
     :host([dir='rtl']) ::slotted(iron-icon:first-child) {
@@ -220,2 +226,3 @@ margin-right: 0;
 
+    :host([dir='rtl']) ::slotted(vaadin-icon:last-child),
     :host([dir='rtl']) ::slotted(iron-icon:last-child) {
@@ -233,3 +240,3 @@ margin-left: 0;
       right: 0;
-      border-radius: var(--lumo-border-radius) 0 0 var(--lumo-border-radius);
+      border-radius: var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);
       transform-origin: 0% 50%;
@@ -236,0 +243,0 @@ }

theme/material/vaadin-tab-styles.js

@@ -131,2 +131,3 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
     /* Small space between icon and label */
+    ::slotted(vaadin-icon:not(:only-child)),
     ::slotted(iron-icon:not(:only-child)) {
@@ -133,0 +134,0 @@ margin-bottom: 8px;

No alert changes

Improved metrics

Total package byte prevSize

48854

increased by0.94%

Lines of code

1006

increased by0.8%

Dependency changes

• Updated@vaadin/vaadin-element-mixin@^21.0.0-alpha10

• Updated@vaadin/vaadin-item@^21.0.0-alpha10

• Updated@vaadin/vaadin-list-mixin@^21.0.0-alpha10

• Updated@vaadin/vaadin-lumo-styles@^21.0.0-alpha10

• Updated@vaadin/vaadin-material-styles@^21.0.0-alpha10

• Updated@vaadin/vaadin-themable-mixin@^21.0.0-alpha10