@vaadin/button
Advanced tools
@vaadin/button - npm Package Compare versions
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", |
Improved metrics
- Total package byte prevSize
47672
0.04%- Lines of code
922
0.22%Worsened metrics
- Number of package files
28
-3.45%Dependency changes
+ Added
@vaadin/a11y-base@24.8.0-beta1(transitive)+ Added
@vaadin/component-base@24.8.0-beta1(transitive)+ Added
@vaadin/icon@24.8.0-beta1(transitive)+ Added
@vaadin/vaadin-lumo-styles@24.8.0-beta1(transitive)+ Added
@vaadin/vaadin-material-styles@24.8.0-beta1(transitive)+ Added
@vaadin/vaadin-themable-mixin@24.8.0-beta1(transitive)+ Added
style-observer@0.0.8(transitive)- Removed
@vaadin/a11y-base@24.8.0-alpha9(transitive)- Removed
@vaadin/component-base@24.8.0-alpha9(transitive)- Removed
@vaadin/icon@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-lumo-styles@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-material-styles@24.8.0-alpha9(transitive)- Removed
@vaadin/vaadin-themable-mixin@24.8.0-alpha9(transitive)