@vaadin/button - npm Package Compare versions

package.json

		{
		"name": "@vaadin/button",
		"version": "24.5.0-alpha3",
		"version": "24.5.0-alpha4",
		"publishConfig": {
		@@ -39,7 +39,7 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/a11y-base": "24.5.0-alpha3",
		"@vaadin/component-base": "24.5.0-alpha3",
		"@vaadin/vaadin-lumo-styles": "24.5.0-alpha3",
		"@vaadin/vaadin-material-styles": "24.5.0-alpha3",
		"@vaadin/vaadin-themable-mixin": "24.5.0-alpha3",
		"@vaadin/a11y-base": "24.5.0-alpha4",
		"@vaadin/component-base": "24.5.0-alpha4",
		"@vaadin/vaadin-lumo-styles": "24.5.0-alpha4",
		"@vaadin/vaadin-material-styles": "24.5.0-alpha4",
		"@vaadin/vaadin-themable-mixin": "24.5.0-alpha4",
		"lit": "^3.0.0"
		@@ -49,3 +49,3 @@ },
		"@esm-bundle/chai": "^4.3.4",
		"@vaadin/icon": "24.5.0-alpha3",
		"@vaadin/icon": "24.5.0-alpha4",
		"@vaadin/testing-helpers": "^0.6.0",
		@@ -58,3 +58,3 @@ "sinon": "^13.0.2"
		],
		"gitHead": "9ccd96c77a1568e625fa44f6809e765c0ba91403"
		"gitHead": "a2cd3079183a097b793073eeffd3bd59dec2b664"
		}

theme/lumo/vaadin-button-styles.js

		@@ -104,7 +104,8 @@ import '@vaadin/vaadin-lumo-styles/color.js';
		: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;
		}
		@@ -172,3 +173,3 @@

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

		@@ -184,2 +185,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']) {
		@@ -186,0 +196,0 @@ color: var(--lumo-error-text-color);

web-types.json

		{
		"$schema": "https://json.schemastore.org/web-types",
		"name": "@vaadin/button",
		"version": "24.5.0-alpha3",
		"version": "24.5.0-alpha4",
		"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-alpha3",
		"version": "24.5.0-alpha4",
		"description-markup": "markdown",
		@@ -6,0 +6,0 @@ "framework": "lit",

New alerts