@vaadin/login - npm Package Compare versions

Comparing version 24.6.0-alpha7 to 24.6.0-alpha8

package.json

 {
   "name": "@vaadin/login",
-  "version": "24.6.0-alpha7",
+  "version": "24.6.0-alpha8",
   "publishConfig": {
@@ -40,15 +40,15 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "24.6.0-alpha7",
-    "@vaadin/component-base": "24.6.0-alpha7",
-    "@vaadin/overlay": "24.6.0-alpha7",
-    "@vaadin/password-field": "24.6.0-alpha7",
-    "@vaadin/text-field": "24.6.0-alpha7",
-    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha7",
-    "@vaadin/vaadin-material-styles": "24.6.0-alpha7",
-    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha7",
+    "@vaadin/button": "24.6.0-alpha8",
+    "@vaadin/component-base": "24.6.0-alpha8",
+    "@vaadin/overlay": "24.6.0-alpha8",
+    "@vaadin/password-field": "24.6.0-alpha8",
+    "@vaadin/text-field": "24.6.0-alpha8",
+    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha8",
+    "@vaadin/vaadin-material-styles": "24.6.0-alpha8",
+    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha8",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.6.0-alpha7",
-    "@vaadin/checkbox": "24.6.0-alpha7",
+    "@vaadin/chai-plugins": "24.6.0-alpha8",
+    "@vaadin/checkbox": "24.6.0-alpha8",
     "@vaadin/testing-helpers": "^1.0.0",
@@ -61,3 +61,3 @@ "sinon": "^18.0.0"
   ],
-  "gitHead": "675d6fe0a08b8cc63ac00140c63f28fc3f52e4ea"
+  "gitHead": "a11e1510c4caa08775b202714f5fc1198c22132a"
 }

src/vaadin-lit-login-form.js

@@ -67,2 +67,3 @@ /**
             autocomplete="username"
+            manual-validation
           >
@@ -81,2 +82,3 @@ <input type="text" slot="input" @keyup="${this._handleInputKeyup}" />
             autocomplete="current-password"
+            manual-validation
           >
@@ -83,0 +85,0 @@ <input type="password" slot="input" @keyup="${this._handleInputKeyup}" />

src/vaadin-login-form-mixin.js

@@ -53,3 +53,8 @@ /**
 
-      if (this.disabled || !(userName.validate() && password.validate())) {
+      // eslint-disable-next-line no-restricted-syntax
+      userName.validate();
+      // eslint-disable-next-line no-restricted-syntax
+      password.validate();
+
+      if (this.disabled || userName.invalid || password.invalid) {
         return;
@@ -118,2 +123,3 @@ }
           inputActive.id === 'vaadinLoginUsername' ? this.$.vaadinLoginPassword : this.$.vaadinLoginUsername;
+        // eslint-disable-next-line no-restricted-syntax
         if (inputActive.validate()) {
@@ -120,0 +126,0 @@ if (nextInput.checkValidity()) {

src/vaadin-login-form.js

@@ -78,2 +78,3 @@ /**
             autocomplete="username"
+            manual-validation
           >
@@ -92,2 +93,3 @@ <input type="text" slot="input" on-keyup="_handleInputKeyup" />
             autocomplete="current-password"
+            manual-validation
           >
@@ -94,0 +96,0 @@ <input type="password" slot="input" on-keyup="_handleInputKeyup" />

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/login",
-  "version": "24.6.0-alpha7",
+  "version": "24.6.0-alpha8",
   "description-markup": "markdown",
@@ -151,3 +151,3 @@ "contributions": {
           "name": "vaadin-login-overlay",
-          "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name       | Description\n----------------|---------------------------------------------------------|\n`card`          | Container for the entire component's content\n`brand`         | Container for application title and description\n`form`          | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
+          "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name       | Description\n----------------|---------------------------------------------------------|\n`card`          | Container for the entire component's content\n`brand`         | Container for application title and description\n`form`          | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
           "attributes": [
@@ -154,0 +154,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/login",
-  "version": "24.6.0-alpha7",
+  "version": "24.6.0-alpha8",
   "description-markup": "markdown",
@@ -96,3 +96,3 @@ "framework": "lit",
           "name": "vaadin-login-overlay",
-          "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name       | Description\n----------------|---------------------------------------------------------|\n`card`          | Container for the entire component's content\n`brand`         | Container for application title and description\n`form`          | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha7/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
+          "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name       | Description\n----------------|---------------------------------------------------------|\n`card`          | Container for the entire component's content\n`brand`         | Container for application title and description\n`form`          | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.6.0-alpha8/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
           "extension": true,
@@ -99,0 +99,0 @@ "attributes": [

No alert changes

Improved metrics

Total package byte prevSize

117439

increased by0.28%

Lines of code

2780

increased by0.32%

Dependency changes

• + Added@vaadin/a11y-base@24.6.0-alpha8(transitive)

• + Added@vaadin/button@24.6.0-alpha8(transitive)

• + Added@vaadin/component-base@24.6.0-alpha8(transitive)

• + Added@vaadin/field-base@24.6.0-alpha8(transitive)

• + Added@vaadin/icon@24.6.0-alpha8(transitive)

• + Added@vaadin/input-container@24.6.0-alpha8(transitive)

• + Added@vaadin/overlay@24.6.0-alpha8(transitive)

• + Added@vaadin/password-field@24.6.0-alpha8(transitive)

• + Added@vaadin/text-field@24.6.0-alpha8(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.6.0-alpha8(transitive)

• + Added@vaadin/vaadin-material-styles@24.6.0-alpha8(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.6.0-alpha8(transitive)

• - Removed@vaadin/a11y-base@24.6.0-alpha7(transitive)

• - Removed@vaadin/button@24.6.0-alpha7(transitive)

• - Removed@vaadin/component-base@24.6.0-alpha7(transitive)

• - Removed@vaadin/field-base@24.6.0-alpha7(transitive)

• - Removed@vaadin/icon@24.6.0-alpha7(transitive)

• - Removed@vaadin/input-container@24.6.0-alpha7(transitive)

• - Removed@vaadin/overlay@24.6.0-alpha7(transitive)

• - Removed@vaadin/password-field@24.6.0-alpha7(transitive)

• - Removed@vaadin/text-field@24.6.0-alpha7(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.6.0-alpha7(transitive)

• - Removed@vaadin/vaadin-material-styles@24.6.0-alpha7(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.6.0-alpha7(transitive)

• Updated@vaadin/button@24.6.0-alpha8

• Updated@vaadin/component-base@24.6.0-alpha8

• Updated@vaadin/overlay@24.6.0-alpha8

• Updated@vaadin/password-field@24.6.0-alpha8

• Updated@vaadin/text-field@24.6.0-alpha8

• Updated@vaadin/vaadin-lumo-styles@24.6.0-alpha8

• Updated@vaadin/vaadin-material-styles@24.6.0-alpha8

• Updated@vaadin/vaadin-themable-mixin@24.6.0-alpha8