@vaadin/vaadin-button - npm Package Compare versions

Comparing version 21.0.0-alpha1 to 21.0.0-alpha10

package.json

 {
   "name": "@vaadin/vaadin-button",
-  "version": "21.0.0-alpha1",
+  "version": "21.0.0-alpha10",
   "description": "vaadin-button",
@@ -29,12 +29,12 @@ "main": "vaadin-button.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-control-state-mixin": "^21.0.0-alpha1",
-    "@vaadin/vaadin-element-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-control-state-mixin": "^21.0.0-alpha10",
+    "@vaadin/vaadin-element-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"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.1.5",
-    "@polymer/iron-icon": "^3.0.0",
     "@vaadin/testing-helpers": "^0.2.1",
+    "@vaadin/vaadin-icon": "^21.0.0-alpha10",
     "sinon": "^9.2.4"
@@ -45,3 +45,3 @@ },
   },
-  "gitHead": "8542c7dadc4c86e454a48613f0f2d027dcb5aa86"
+  "gitHead": "9e75b3416edc041e35720c29a842423a1da66e60"
 }

src/vaadin-button.js

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

theme/lumo/vaadin-button-styles.js

@@ -16,3 +16,3 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
       height: var(--lumo-button-size);
-      padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius) / 2);
+      padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
       margin: var(--lumo-space-xs) 0;
@@ -26,3 +26,3 @@ box-sizing: border-box;
       background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
-      border-radius: var(--lumo-border-radius);
+      border-radius: var(--lumo-border-radius-m);
       cursor: default;
@@ -238,2 +238,3 @@ -webkit-tap-highlight-color: transparent;
 
+    [part] ::slotted(vaadin-icon),
     [part] ::slotted(iron-icon) {
@@ -246,2 +247,3 @@ display: inline-block;
     /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
+    [part] ::slotted(vaadin-icon[icon^='vaadin:']),
     [part] ::slotted(iron-icon[icon^='vaadin:']) {
@@ -248,0 +250,0 @@ padding: 0.25em;

theme/material/vaadin-button-styles.js

@@ -127,2 +127,3 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';
 
+    [part] ::slotted(vaadin-icon),
     [part] ::slotted(iron-icon) {
@@ -134,2 +135,3 @@ display: block;
 
+    [part='prefix'] ::slotted(vaadin-icon),
     [part='prefix'] ::slotted(iron-icon) {
@@ -140,2 +142,3 @@ margin-right: 8px;
 
+    [part='suffix'] ::slotted(vaadin-icon),
     [part='suffix'] ::slotted(iron-icon) {
@@ -167,2 +170,3 @@ margin-left: 8px;
 
+    :host([dir='rtl']) [part='prefix'] ::slotted(vaadin-icon),
     :host([dir='rtl']) [part='prefix'] ::slotted(iron-icon) {
@@ -173,2 +177,3 @@ margin-right: -4px;
 
+    :host([dir='rtl']) [part='suffix'] ::slotted(vaadin-icon),
     :host([dir='rtl']) [part='suffix'] ::slotted(iron-icon) {
@@ -175,0 +180,0 @@ margin-left: -4px;

No alert changes

Improved metrics

Total package byte prevSize

34756

increased by1.04%

Lines of code

609

increased by1.16%

Dependency changes

• Updated@vaadin/vaadin-control-state-mixin@^21.0.0-alpha10

• Updated@vaadin/vaadin-element-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