ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: add input-tel to umbrella forms

Browse source
This commit is contained in:
Thijs Louisse 2022-03-15 23:28:33 +01:00
parent 32b322c37e
commit d0bcfc08e7
5 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/docs/systems/form/features.md
View file

@ -14,6 +14,7 @@ import '@lion/input-amount/define';
import '@lion/input-date/define'; import '@lion/input-date/define';
import '@lion/input-datepicker/define'; import '@lion/input-datepicker/define';
import '@lion/input-email/define'; import '@lion/input-email/define';
import '@lion/input-tel/define';
import '@lion/input-iban/define'; import '@lion/input-iban/define';
import '@lion/input-range/define'; import '@lion/input-range/define';
import '@lion/input-stepper/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-amount name="money" label="Money"></lion-input-amount>
<lion-input-iban name="iban" label="Iban"></lion-input-iban> <lion-input-iban name="iban" label="Iban"></lion-input-iban>
<lion-input-email name="email" label="Email"></lion-input-email> <lion-input-email name="email" label="Email"></lion-input-email>
<lion-input-tel name="tel" label="Telephone number"></lion-input-tel>
<lion-checkbox-group <lion-checkbox-group
label="What do you like?" label="What do you like?"
name="checkers" name="checkers"

1
packages/form-integrations/test/dialog-integrations.test.js
View file

@ -40,6 +40,7 @@ describe('Form inside dialog Integrations', () => {
'lion-input-amount', 'lion-input-amount',
'lion-input-iban', 'lion-input-iban',
'lion-input-email', 'lion-input-email',
'lion-input-tel',
'lion-checkbox-group', 'lion-checkbox-group',
' lion-checkbox', ' lion-checkbox',
' lion-checkbox', ' lion-checkbox',

1
packages/form-integrations/test/form-group-methods.test.js
View file

@ -159,6 +159,7 @@ describe(`Submitting/Resetting/Clearing Form`, async () => {
}, },
range: '', range: '',
rsvp: '', rsvp: '',
tel: '',
terms: [], terms: [],
comments: '', comments: '',
}); });

3
packages/form-integrations/test/form-integrations.test.js
View file

@ -32,6 +32,7 @@ describe('Form Integrations', () => {
terms: [], terms: [],
notifications: { value: '', checked: false }, notifications: { value: '', checked: false },
rsvp: '', rsvp: '',
tel: '',
comments: '', comments: '',
}); });
}); });
@ -59,6 +60,7 @@ describe('Form Integrations', () => {
terms: [], terms: [],
notifications: '', notifications: '',
rsvp: '', rsvp: '',
tel: '',
comments: '', comments: '',
}); });
}); });
@ -112,6 +114,7 @@ describe('Form Integrations', () => {
'lion-input-amount', 'lion-input-amount',
'lion-input-iban', 'lion-input-iban',
'lion-input-email', 'lion-input-email',
'lion-input-tel',
'lion-checkbox-group', 'lion-checkbox-group',
' lion-checkbox', ' lion-checkbox',
' lion-checkbox', ' lion-checkbox',

2
packages/form-integrations/test/helpers/umbrella-form.js
View file

@ -8,6 +8,7 @@ import '@lion/input-datepicker/define';
import '@lion/input-amount/define'; import '@lion/input-amount/define';
import '@lion/input-iban/define'; import '@lion/input-iban/define';
import '@lion/input-email/define'; import '@lion/input-email/define';
import '@lion/input-tel/define';
import '@lion/checkbox-group/define'; import '@lion/checkbox-group/define';
import '@lion/radio-group/define'; import '@lion/radio-group/define';
import '@lion/select/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-amount name="money" label="Money"></lion-input-amount>
<lion-input-iban name="iban" label="Iban"></lion-input-iban> <lion-input-iban name="iban" label="Iban"></lion-input-iban>
<lion-input-email name="email" label="Email"></lion-input-email> <lion-input-email name="email" label="Email"></lion-input-email>
<lion-input-tel name="tel" label="Telephone Number"></lion-input-tel>
<lion-checkbox-group <lion-checkbox-group
label="What do you like?" label="What do you like?"
name="checkers" name="checkers"