lmc-eu / spirit-design-system / 5376444282

push

github

BREAKING CHANGE(web-twig): Rename `message` prop to `validationText` in Form Fields #DS-676

And also make it depend on `validationState` and introduce ValidationText component.

Improve demos or related components.

Instead of `message` prop use `validationText`. Use `helperText` instead of
`validationText` to show permanent helper. If `validationState` is not set
`validationText` won't render.
This applies to Checkbox, TextField, TextArea and TextFieldBase.

- `<Checkbox validationState="danger" message="error" …>` → `<Checkbox
validationState="danger" validationText="error" …>`
- `<Checkbox message="Check this field" …>` → `<Checkbox helperText="Check this field"
 …>`
- `<TextField validationState="danger" message="error" …>` → `<TextField
validationState="danger" validationText="error" …>`
- `<TextField message="Fill full name" …>` → `<TextField helperText="Fill full name"
 …>`
- `<TextArea validationState="danger" message="error" …>` → `<TextArea
validationState="danger" validationText="error" …>`
- `<TextArea message="Introduce yourself" …>` → `<TextArea helperText="Introduce
 yourself" …>`
- `<TextFieldBase validationState="danger" message="error" …>` → `<TextFieldBase
validationState="danger" validationText="error" …>`
- `<TextFieldBase message="State your address" …>` → `<TextFieldBase helperText="State
 your address" …>`

Please refer back to these instructions or reach out to our team
if you encounter any issues during migration.

175 of 318 branches covered (55.03%)

Branch coverage included in aggregate %.

796 of 1113 relevant lines covered (71.52%)

9.92 hits per line