@vaadin/email-field 24.4.0-alpha2 → 24.4.0-alpha21

package/README.md

@@ -5,7 +5,6 @@ An extension of [`<vaadin-text-field>`](https://www.npmjs.com/package/@vaadin/te
 [Documentation + Live Demo ↗](https://vaadin.com/docs/latest/components/email-field)
 
 [![npm version](https://badgen.net/npm/v/@vaadin/email-field)](https://www.npmjs.com/package/@vaadin/email-field)
-[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
 
 ```html
 <vaadin-email-field label="Email"></vaadin-email-field>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/email-field",
-  "version": "24.4.0-alpha2",
+  "version": "24.4.0-alpha21",
   "publishConfig": {
     "access": "public"
   },
@@ -37,11 +37,11 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.4.0-alpha2",
-    "@vaadin/text-field": "24.4.0-alpha2",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha2",
-    "@vaadin/vaadin-material-styles": "24.4.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha2",
+    "@vaadin/component-base": "24.4.0-alpha21",
+    "@vaadin/text-field": "24.4.0-alpha21",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha21",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha21",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha21",
     "lit": "^3.0.0"
   },
   "devDependencies": {
@@ -53,5 +53,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "f303ead58d27e15d81a55db0559611fb77c0e421"
+  "gitHead": "2efeeebbeabddfde14c845ee4098f9e62e352ffe"
 }

package/src/vaadin-email-field.js

@@ -41,7 +41,7 @@ export class EmailField extends TextField {
   constructor() {
     super();
     this._setType('email');
-    this.pattern = '^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$';
+    this.pattern = '^[a-zA-Z0-9_\\-+]+(?:\\.[a-zA-Z0-9_\\-+]+)*@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$';
   }
 
   /** @protected */

package/theme/lumo/vaadin-email-field-styles.d.ts

@@ -0,0 +1 @@
+export {};

package/theme/lumo/vaadin-email-field.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import '@vaadin/text-field/theme/lumo/vaadin-text-field.js';
+import './vaadin-email-field-styles.js';
+import '../../src/vaadin-email-field.js';

package/theme/material/vaadin-email-field-styles.d.ts

@@ -0,0 +1 @@
+export {};

package/theme/material/vaadin-email-field.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2021 - 2024 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import '@vaadin/text-field/theme/material/vaadin-text-field.js';
+import './vaadin-email-field-styles.js';
+import '../../src/vaadin-email-field.js';

package/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/email-field",
-  "version": "24.4.0-alpha2",
+  "version": "24.4.0-alpha21",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "vaadin-email-field",
-          "description": "`<vaadin-email-field>` is a Web Component for email field control in forms.\n\n```html\n<vaadin-email-field label=\"Email\"></vaadin-email-field>\n```\n\n### Styling\n\n`<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha2/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
+          "description": "`<vaadin-email-field>` is a Web Component for email field control in forms.\n\n```html\n<vaadin-email-field label=\"Email\"></vaadin-email-field>\n```\n\n### Styling\n\n`<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha21/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "attributes": [
             {
               "name": "disabled",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/email-field",
-  "version": "24.4.0-alpha2",
+  "version": "24.4.0-alpha21",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -16,7 +16,7 @@
       "elements": [
         {
           "name": "vaadin-email-field",
-          "description": "`<vaadin-email-field>` is a Web Component for email field control in forms.\n\n```html\n<vaadin-email-field label=\"Email\"></vaadin-email-field>\n```\n\n### Styling\n\n`<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha2/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
+          "description": "`<vaadin-email-field>` is a Web Component for email field control in forms.\n\n```html\n<vaadin-email-field label=\"Email\"></vaadin-email-field>\n```\n\n### Styling\n\n`<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha21/#/elements/vaadin-text-field) for the styling documentation.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
           "extension": true,
           "attributes": [
             {