@vaadin/button 24.0.0-alpha1 → 24.0.0-alpha11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/button",
-  "version": "24.0.0-alpha1",
+  "version": "24.0.0-alpha11",
   "publishConfig": {
     "access": "public"
   },
@@ -36,14 +36,14 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "24.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "24.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "24.0.0-alpha1"
+    "@vaadin/component-base": "24.0.0-alpha11",
+    "@vaadin/vaadin-lumo-styles": "24.0.0-alpha11",
+    "@vaadin/vaadin-material-styles": "24.0.0-alpha11",
+    "@vaadin/vaadin-themable-mixin": "24.0.0-alpha11"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/icon": "24.0.0-alpha1",
+    "@vaadin/icon": "24.0.0-alpha11",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
@@ -51,5 +51,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "427527c27c4b27822d61fd41d38d7b170134770b"
+  "gitHead": "641b3d96ceeb3e503a093682ebe686afdd8c3a68"
 }

package/src/vaadin-button-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import type { Constructor } from '@open-wc/dedupe-mixin';

package/src/vaadin-button-mixin.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ActiveMixin } from '@vaadin/component-base/src/active-mixin.js';

package/src/vaadin-button.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';

package/src/vaadin-button.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
@@ -98,13 +98,13 @@ class Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(Poly
         }
       </style>
       <div class="vaadin-button-container">
-        <span part="prefix">
+        <span part="prefix" aria-hidden="true">
           <slot name="prefix"></slot>
         </span>
         <span part="label">
           <slot></slot>
         </span>
-        <span part="suffix">
+        <span part="suffix" aria-hidden="true">
           <slot name="suffix"></slot>
         </span>
       </div>

package/theme/lumo/vaadin-button-styles.js

@@ -25,6 +25,7 @@ const button = css`
     -webkit-tap-highlight-color: transparent;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    flex-shrink: 0;
   }
 
   /* Set only for the internal parts so we don’t affect the host vertical alignment */
@@ -203,16 +204,14 @@ const button = css`
 
   /* Icons */
 
-  [part] ::slotted(vaadin-icon),
-  [part] ::slotted(iron-icon) {
+  [part] ::slotted(vaadin-icon) {
     display: inline-block;
     width: var(--lumo-icon-size-m);
     height: var(--lumo-icon-size-m);
   }
 
   /* 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:']) {
+  [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
     padding: 0.25em;
     box-sizing: border-box !important;
   }

package/theme/material/vaadin-button-styles.js

@@ -25,6 +25,7 @@ const button = css`
     -webkit-tap-highlight-color: transparent;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    flex-shrink: 0;
   }
 
   :host::before,
@@ -116,21 +117,18 @@ const button = css`
 
   /* Icon alignment */
 
-  [part] ::slotted(vaadin-icon),
-  [part] ::slotted(iron-icon) {
+  [part] ::slotted(vaadin-icon) {
     display: block;
     width: 18px;
     height: 18px;
   }
 
-  [part='prefix'] ::slotted(vaadin-icon),
-  [part='prefix'] ::slotted(iron-icon) {
+  [part='prefix'] ::slotted(vaadin-icon) {
     margin-right: 8px;
     margin-left: -4px;
   }
 
-  [part='suffix'] ::slotted(vaadin-icon),
-  [part='suffix'] ::slotted(iron-icon) {
+  [part='suffix'] ::slotted(vaadin-icon) {
     margin-left: 8px;
     margin-right: -4px;
   }
@@ -156,14 +154,12 @@ const button = css`
     transform: translate(50%, -50%) scale(1);
   }
 
-  :host([dir='rtl']) [part='prefix'] ::slotted(vaadin-icon),
-  :host([dir='rtl']) [part='prefix'] ::slotted(iron-icon) {
+  :host([dir='rtl']) [part='prefix'] ::slotted(vaadin-icon) {
     margin-right: -4px;
     margin-left: 8px;
   }
 
-  :host([dir='rtl']) [part='suffix'] ::slotted(vaadin-icon),
-  :host([dir='rtl']) [part='suffix'] ::slotted(iron-icon) {
+  :host([dir='rtl']) [part='suffix'] ::slotted(vaadin-icon) {
     margin-left: -4px;
     margin-right: 8px;
   }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/button",
-  "version": "24.0.0-alpha1",
+  "version": "24.0.0-alpha11",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/button",
-  "version": "24.0.0-alpha1",
+  "version": "24.0.0-alpha11",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {