@vaadin/button
Advanced tools
Comparing version
{ | ||
"name": "@vaadin/button", | ||
"version": "24.8.0-alpha9", | ||
"version": "24.8.0-beta1", | ||
"publishConfig": { | ||
@@ -24,2 +24,4 @@ "access": "public" | ||
"src", | ||
"!src/vaadin-button-base-styles.d.ts", | ||
"!src/vaadin-button-base-styles.js", | ||
"theme", | ||
@@ -40,13 +42,13 @@ "vaadin-*.d.ts", | ||
"@polymer/polymer": "^3.0.0", | ||
"@vaadin/a11y-base": "24.8.0-alpha9", | ||
"@vaadin/component-base": "24.8.0-alpha9", | ||
"@vaadin/vaadin-lumo-styles": "24.8.0-alpha9", | ||
"@vaadin/vaadin-material-styles": "24.8.0-alpha9", | ||
"@vaadin/vaadin-themable-mixin": "24.8.0-alpha9", | ||
"@vaadin/a11y-base": "24.8.0-beta1", | ||
"@vaadin/component-base": "24.8.0-beta1", | ||
"@vaadin/vaadin-lumo-styles": "24.8.0-beta1", | ||
"@vaadin/vaadin-material-styles": "24.8.0-beta1", | ||
"@vaadin/vaadin-themable-mixin": "24.8.0-beta1", | ||
"lit": "^3.0.0" | ||
}, | ||
"devDependencies": { | ||
"@vaadin/chai-plugins": "24.8.0-alpha9", | ||
"@vaadin/icon": "24.8.0-alpha9", | ||
"@vaadin/test-runner-commands": "24.8.0-alpha9", | ||
"@vaadin/chai-plugins": "24.8.0-beta1", | ||
"@vaadin/icon": "24.8.0-beta1", | ||
"@vaadin/test-runner-commands": "24.8.0-beta1", | ||
"@vaadin/testing-helpers": "^1.1.0", | ||
@@ -59,3 +61,3 @@ "sinon": "^18.0.0" | ||
], | ||
"gitHead": "4de3809275ddfd733b0d13fd02af8faf73eb6770" | ||
"gitHead": "57ce3a90de99e49049312b0ba4041d3e7542e9d8" | ||
} |
@@ -12,3 +12,3 @@ /** | ||
import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
import { buttonStyles, buttonTemplate } from './vaadin-button-base.js'; | ||
import { buttonStyles } from './vaadin-button-core-styles.js'; | ||
import { ButtonMixin } from './vaadin-button-mixin.js'; | ||
@@ -85,3 +85,16 @@ | ||
static get template() { | ||
return buttonTemplate(html); | ||
return html` | ||
<div class="vaadin-button-container"> | ||
<span part="prefix" aria-hidden="true"> | ||
<slot name="prefix"></slot> | ||
</span> | ||
<span part="label"> | ||
<slot></slot> | ||
</span> | ||
<span part="suffix" aria-hidden="true"> | ||
<slot name="suffix"></slot> | ||
</span> | ||
</div> | ||
<slot name="tooltip"></slot> | ||
`; | ||
} | ||
@@ -88,0 +101,0 @@ |
@@ -12,3 +12,3 @@ /** | ||
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js'; | ||
import { buttonStyles, buttonTemplate } from './vaadin-button-base.js'; | ||
import { buttonStyles } from './vaadin-button-core-styles.js'; | ||
import { ButtonMixin } from './vaadin-button-mixin.js'; | ||
@@ -36,3 +36,16 @@ | ||
render() { | ||
return buttonTemplate(html); | ||
return html` | ||
<div class="vaadin-button-container"> | ||
<span part="prefix" aria-hidden="true"> | ||
<slot name="prefix"></slot> | ||
</span> | ||
<span part="label"> | ||
<slot></slot> | ||
</span> | ||
<span part="suffix" aria-hidden="true"> | ||
<slot name="suffix"></slot> | ||
</span> | ||
</div> | ||
<slot name="tooltip"></slot> | ||
`; | ||
} | ||
@@ -39,0 +52,0 @@ |
{ | ||
"$schema": "https://json.schemastore.org/web-types", | ||
"name": "@vaadin/button", | ||
"version": "24.8.0-alpha9", | ||
"version": "24.8.0-beta1", | ||
"description-markup": "markdown", | ||
@@ -6,0 +6,0 @@ "contributions": { |
{ | ||
"$schema": "https://json.schemastore.org/web-types", | ||
"name": "@vaadin/button", | ||
"version": "24.8.0-alpha9", | ||
"version": "24.8.0-beta1", | ||
"description-markup": "markdown", | ||
@@ -6,0 +6,0 @@ "framework": "lit", |
47672
0.04%922
0.22%28
-3.45%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed