From d0bcfc08e76c8f2ddf462a0a8289af74cc85c667 Mon Sep 17 00:00:00 2001
From: Thijs Louisse <Thijs.Louisse@ing.com>
Date: Tue, 15 Mar 2022 23:28:33 +0100
Subject: [PATCH] chore: add input-tel to umbrella forms

---
 docs/docs/systems/form/features.md                          | 2 ++
 packages/form-integrations/test/dialog-integrations.test.js | 1 +
 packages/form-integrations/test/form-group-methods.test.js  | 1 +
 packages/form-integrations/test/form-integrations.test.js   | 3 +++
 packages/form-integrations/test/helpers/umbrella-form.js    | 2 ++
 5 files changed, 9 insertions(+)

diff --git a/docs/docs/systems/form/features.md b/docs/docs/systems/form/features.md
index e41422ebd..7f1fa38c1 100644
--- a/docs/docs/systems/form/features.md
+++ b/docs/docs/systems/form/features.md
@@ -14,6 +14,7 @@ import '@lion/input-amount/define';
 import '@lion/input-date/define';
 import '@lion/input-datepicker/define';
 import '@lion/input-email/define';
+import '@lion/input-tel/define';
 import '@lion/input-iban/define';
 import '@lion/input-range/define';
 import '@lion/input-stepper/define';
@@ -70,6 +71,7 @@ export const main = () => {
         <lion-input-amount name="money" label="Money"></lion-input-amount>
         <lion-input-iban name="iban" label="Iban"></lion-input-iban>
         <lion-input-email name="email" label="Email"></lion-input-email>
+        <lion-input-tel name="tel" label="Telephone number"></lion-input-tel>
         <lion-checkbox-group
           label="What do you like?"
           name="checkers"
diff --git a/packages/form-integrations/test/dialog-integrations.test.js b/packages/form-integrations/test/dialog-integrations.test.js
index 09c363b3c..47b98b3d4 100644
--- a/packages/form-integrations/test/dialog-integrations.test.js
+++ b/packages/form-integrations/test/dialog-integrations.test.js
@@ -40,6 +40,7 @@ describe('Form inside dialog Integrations', () => {
       'lion-input-amount',
       'lion-input-iban',
       'lion-input-email',
+      'lion-input-tel',
       'lion-checkbox-group',
       '  lion-checkbox',
       '  lion-checkbox',
diff --git a/packages/form-integrations/test/form-group-methods.test.js b/packages/form-integrations/test/form-group-methods.test.js
index 72ba719c5..8b42c5643 100644
--- a/packages/form-integrations/test/form-group-methods.test.js
+++ b/packages/form-integrations/test/form-group-methods.test.js
@@ -159,6 +159,7 @@ describe(`Submitting/Resetting/Clearing Form`, async () => {
       },
       range: '',
       rsvp: '',
+      tel: '',
       terms: [],
       comments: '',
     });
diff --git a/packages/form-integrations/test/form-integrations.test.js b/packages/form-integrations/test/form-integrations.test.js
index 8737532a4..de94eb44b 100644
--- a/packages/form-integrations/test/form-integrations.test.js
+++ b/packages/form-integrations/test/form-integrations.test.js
@@ -32,6 +32,7 @@ describe('Form Integrations', () => {
       terms: [],
       notifications: { value: '', checked: false },
       rsvp: '',
+      tel: '',
       comments: '',
     });
   });
@@ -59,6 +60,7 @@ describe('Form Integrations', () => {
       terms: [],
       notifications: '',
       rsvp: '',
+      tel: '',
       comments: '',
     });
   });
@@ -112,6 +114,7 @@ describe('Form Integrations', () => {
       'lion-input-amount',
       'lion-input-iban',
       'lion-input-email',
+      'lion-input-tel',
       'lion-checkbox-group',
       '  lion-checkbox',
       '  lion-checkbox',
diff --git a/packages/form-integrations/test/helpers/umbrella-form.js b/packages/form-integrations/test/helpers/umbrella-form.js
index f2629e23b..d09903c3d 100644
--- a/packages/form-integrations/test/helpers/umbrella-form.js
+++ b/packages/form-integrations/test/helpers/umbrella-form.js
@@ -8,6 +8,7 @@ import '@lion/input-datepicker/define';
 import '@lion/input-amount/define';
 import '@lion/input-iban/define';
 import '@lion/input-email/define';
+import '@lion/input-tel/define';
 import '@lion/checkbox-group/define';
 import '@lion/radio-group/define';
 import '@lion/select/define';
@@ -71,6 +72,7 @@ export class UmbrellaForm extends LitElement {
           <lion-input-amount name="money" label="Money"></lion-input-amount>
           <lion-input-iban name="iban" label="Iban"></lion-input-iban>
           <lion-input-email name="email" label="Email"></lion-input-email>
+          <lion-input-tel name="tel" label="Telephone Number"></lion-input-tel>
           <lion-checkbox-group
             label="What do you like?"
             name="checkers"