diff --git a/source/_patterns/00-atoms/15-form-fields/12-password-input.mustache b/source/_patterns/00-atoms/15-form-fields/12-password-input.mustache new file mode 100644 index 0000000000000000000000000000000000000000..d6d270a635e9f1939533bd681d942b2aed66caae --- /dev/null +++ b/source/_patterns/00-atoms/15-form-fields/12-password-input.mustache @@ -0,0 +1 @@ +<input type="password" class="text-input text-input--password form-field__control" value="" placeholder="{{ placeholder }}{{^ placeholder }}* * * * * * *{{/ placeholder }}" /> diff --git a/source/_patterns/00-atoms/15-form-fields/13-textarea.mustache b/source/_patterns/00-atoms/15-form-fields/13-textarea.mustache new file mode 100644 index 0000000000000000000000000000000000000000..0e5eb88ef6a20268b6ec8e1cefea0681b2be64a4 --- /dev/null +++ b/source/_patterns/00-atoms/15-form-fields/13-textarea.mustache @@ -0,0 +1 @@ +<textarea class="text-input form-field__control {{ classes }}" value="" rows="10" cols="40" placeholder="{{ placeholder }}{{^ placeholder }}{{ form.placeholder }}{{/ placeholder }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}></textarea> diff --git a/source/_patterns/00-atoms/15-form-fields/14-textarea-disabled.mustache b/source/_patterns/00-atoms/15-form-fields/14-textarea-disabled.mustache new file mode 100644 index 0000000000000000000000000000000000000000..f4072250c43e15ed32f7e9404ab934e97d690809 --- /dev/null +++ b/source/_patterns/00-atoms/15-form-fields/14-textarea-disabled.mustache @@ -0,0 +1 @@ +{{> atoms-textarea(disabled: true) }} diff --git a/source/_patterns/00-atoms/15-form-fields/password-input.mustache b/source/_patterns/00-atoms/15-form-fields/password-input.mustache deleted file mode 100644 index 17a64b09813a815184e4c42259d3217023629687..0000000000000000000000000000000000000000 --- a/source/_patterns/00-atoms/15-form-fields/password-input.mustache +++ /dev/null @@ -1 +0,0 @@ -<input type="password" class="text-input form-field__control" value="" placeholder="{{ placeholder }}{{^ placeholder }}{{ form.placeholder }}{{/ placeholder }}" /> diff --git a/source/_patterns/01-molecules/14-form-fields/textarea-field.mustache b/source/_patterns/01-molecules/14-form-fields/textarea-field.mustache new file mode 100644 index 0000000000000000000000000000000000000000..9363874cb32cd56c3f54a1e0d6592ebb1016d4d2 --- /dev/null +++ b/source/_patterns/01-molecules/14-form-fields/textarea-field.mustache @@ -0,0 +1,12 @@ +<div class="form-field {{# error }}form-field--error{{/ error }} {{ classes }}"> + <label class="form-field__label" for="field">{{ label }}{{^ label }}{{ form.label }}{{/ label }}</label> + <div class="form-field__wrapper form-field__wrapper--shadowed"> + {{> atoms-textarea }} + </div> + {{# error }} + <div class="form-field__error">{{ error }}</div> + {{/ error }} + {{# help }} + <div class="form-field__help-text">{{ help }}</div> + {{/ help }} +</div> diff --git a/source/_patterns/02-organisms/07-forms/form.mustache b/source/_patterns/02-organisms/07-forms/form.mustache index 470c360d6555ca3bf847f18ca79d1eec2fac933b..a5a220a1080d12cb6082009e13a0280447a876e2 100644 --- a/source/_patterns/02-organisms/07-forms/form.mustache +++ b/source/_patterns/02-organisms/07-forms/form.mustache @@ -7,5 +7,6 @@ {{> molecules-radio-field(classes: "col-span-1", wrapperClasses: "form-field__wrapper--col-items") }} {{> molecules-select-field(classes: "col-span-2") }} {{> molecules-select-field(classes: "col-span-2") }} + {{> molecules-textarea-field(classes: "col-span-4") }} {{> atoms-button(classes: "col-span-2 text-lg max-w-full btn--black-100", cta: "Odeslat") }} </div>