@vaadin/button - npm Package Compare versions

package.json

		{
		"name": "@vaadin/button",
		"version": "22.0.0-alpha2",
		"version": "22.0.0-alpha3",
		"description": "vaadin-button",
		@@ -28,8 +28,8 @@ "main": "vaadin-button.js",
		"@polymer/polymer": "^3.0.0",
		"@vaadin/field-base": "^22.0.0-alpha2",
		"@vaadin/vaadin-control-state-mixin": "^22.0.0-alpha2",
		"@vaadin/vaadin-element-mixin": "^22.0.0-alpha2",
		"@vaadin/vaadin-lumo-styles": "^22.0.0-alpha2",
		"@vaadin/vaadin-material-styles": "^22.0.0-alpha2",
		"@vaadin/vaadin-themable-mixin": "^22.0.0-alpha2"
		"@vaadin/field-base": "^22.0.0-alpha3",
		"@vaadin/vaadin-control-state-mixin": "^22.0.0-alpha3",
		"@vaadin/vaadin-element-mixin": "^22.0.0-alpha3",
		"@vaadin/vaadin-lumo-styles": "^22.0.0-alpha3",
		"@vaadin/vaadin-material-styles": "^22.0.0-alpha3",
		"@vaadin/vaadin-themable-mixin": "^22.0.0-alpha3"
		},
		@@ -44,3 +44,3 @@ "devDependencies": {
		},
		"gitHead": "179d38f5146be752853ea4b7997b1446a2ab1fd4"
		"gitHead": "efd855b1c0a7c4998f43670a17b0c7fdfe14ff9d"
		}

README.md

		# @vaadin/button

		> ⚠️ Work in progress, please do not use this component yet.

		The new version of `vaadin-button` component.

src/vaadin-button.js

		@@ -9,6 +9,7 @@ /**
		import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
		import { TabindexMixin } from '@vaadin/field-base/src/tabindex-mixin.js';
		import { ActiveMixin } from '@vaadin/field-base/src/active-mixin.js';
		import { ControlStateMixin } from '@vaadin/vaadin-control-state-mixin/vaadin-control-state-mixin.js';
		import { FocusMixin } from '@vaadin/field-base/src/focus-mixin.js';

		class Button extends ControlStateMixin(ActiveMixin(ElementMixin(ThemableMixin(PolymerElement)))) {
		class Button extends ActiveMixin(TabindexMixin(FocusMixin(ElementMixin(ThemableMixin(PolymerElement))))) {
		static get is() {
		@@ -65,3 +66,3 @@ return 'vaadin-button';
		</style>
		<button id="button" type="button" part="button">
		<div part="button">
		<span part="prefix">
		@@ -76,15 +77,15 @@ <slot name="prefix"></slot>
		</span>
		</button>
		</div>
		`;
		}

		/**
		* A getter that returns the native button as a focusable element for ControlStateMixin.
		*
		* @protected
		* @override
		* @return {HTMLButtonElement}
		*/
		get focusElement() {
		return this.$.button;
		/** @protected */
		ready() {
		super.ready();

		// By default, if the user hasn't provided a custom role,
		// the role attribute is set to "button".
		if (!this.hasAttribute('role')) {
		this.setAttribute('role', 'button');
		}
		}
		@@ -91,0 +92,0 @@ }

New alerts