lmc-eu / spirit-design-system / 5378269149

79%

main: 79%

push

github

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

And also make it depend on `validationState`.

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.

401 of 672 branches covered (59.67%)

Branch coverage included in aggregate %.

2731 of 3289 relevant lines covered (83.03%)

22.82 hits per line