@vaadin/button - npm Package Compare versions

package.json

		{
		"name": "@vaadin/button",
		"version": "24.5.0-alpha1",
		"version": "24.5.0-alpha10",
		"publishConfig": {
		@@ -39,14 +39,14 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/a11y-base": "24.5.0-alpha1",
		"@vaadin/component-base": "24.5.0-alpha1",
		"@vaadin/vaadin-lumo-styles": "24.5.0-alpha1",
		"@vaadin/vaadin-material-styles": "24.5.0-alpha1",
		"@vaadin/vaadin-themable-mixin": "24.5.0-alpha1",
		"@vaadin/a11y-base": "24.5.0-alpha10",
		"@vaadin/component-base": "24.5.0-alpha10",
		"@vaadin/vaadin-lumo-styles": "24.5.0-alpha10",
		"@vaadin/vaadin-material-styles": "24.5.0-alpha10",
		"@vaadin/vaadin-themable-mixin": "24.5.0-alpha10",
		"lit": "^3.0.0"
		},
		"devDependencies": {
		"@esm-bundle/chai": "^4.3.4",
		"@vaadin/icon": "24.5.0-alpha1",
		"@vaadin/testing-helpers": "^0.6.0",
		"sinon": "^13.0.2"
		"@vaadin/chai-plugins": "24.5.0-alpha10",
		"@vaadin/icon": "24.5.0-alpha10",
		"@vaadin/testing-helpers": "^1.0.0",
		"sinon": "^18.0.0"
		},
		@@ -57,3 +57,3 @@ "web-types": [
		],
		"gitHead": "57806caac5468532a3b4e3dbdda730cd0fca193a"
		"gitHead": "6f9c37308031af872a98017bfab4de89aeacda51"
		}

README.md

		@@ -56,3 +56,3 @@ # @vaadin/button

		Read the [contributing guide](https://vaadin.com/docs/latest/contributing/overview) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
		Read the [contributing guide](https://vaadin.com/docs/latest/contributing) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.

		@@ -59,0 +59,0 @@ ## License

theme/lumo/vaadin-button-styles.js

		@@ -86,3 +86,5 @@ import '@vaadin/vaadin-lumo-styles/color.js';
		:host::after {
		transition: opacity 1.4s, transform 0.1s;
		transition:
		opacity 1.4s,
		transform 0.1s;
		filter: blur(8px);
		@@ -105,7 +107,9 @@ }
		:host([focus-ring]) {
		box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
		box-shadow:
		0 0 0 calc(1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color, var(--lumo-base-color)),
		0 0 0 calc(var(--_focus-ring-width) + 1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color);
		}

		:host([theme~='primary'][focus-ring]) {
		box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
		--_focus-ring-gap-on: 1;
		}
		@@ -173,3 +177,3 @@

		/* Colors (success, error, contrast) */
		/* Colors (success, warning, error, contrast) */

		@@ -185,2 +189,11 @@ :host([theme~='success']) {

		:host([theme~='warning']) {
		color: var(--lumo-warning-text-color);
		}

		:host([theme~='warning'][theme~='primary']) {
		background-color: var(--lumo-warning-color);
		color: var(--lumo-warning-contrast-color);
		}

		:host([theme~='error']) {
		@@ -187,0 +200,0 @@ color: var(--lumo-error-text-color);

web-types.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/button",
		"version": "24.5.0-alpha1",
		"version": "24.5.0-alpha10",
		"description-markup": "markdown",
		@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/button",
		"version": "24.5.0-alpha1",
		"version": "24.5.0-alpha10",
		"description-markup": "markdown",
		@@ -6,0 +6,0 @@ "framework": "lit",

New alerts