From d07b23be922d9a6e7c14b0826110b9e3b3d6e31c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Kry=C5=A1p=C3=ADn?= <crishpeen@gmail.com>
Date: Fri, 9 Jun 2023 23:14:22 +0200
Subject: [PATCH] BREAKING CHANGE(web-react): Remove `error` Validation State
 in favor of `danger` #DS-677
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 ## Migration Guide

Instead of the `error` value of the validationState prop, use `danger`.
This applies to Checkbox, Radio, TextField, TextArea, and TextFieldBase.

- `<TextField validationState="error" …>` → `<TextField validationState="danger" …>`

Please refer back to these instructions or reach out to our team
if you encounter any issues during migration.
---
 .../CheckboxField/CheckboxField.tsx           | 10 -----
 .../src/components/CheckboxField/README.md    | 31 +++++++-------
 .../Field/__tests__/useValidationText.test.ts |  2 +-
 .../stories/FileUploaderValidationState.tsx   |  2 +-
 .../stories/FormWithFileUploader.tsx          |  2 +-
 .../FormWithUncontrolledFileUploader.tsx      |  2 +-
 .../src/components/RadioField/README.md       |  2 +-
 .../src/components/RadioField/RadioField.tsx  | 13 +-----
 .../src/components/TextArea/README.md         | 39 +++++++++---------
 .../src/components/TextField/README.md        | 41 +++++++++----------
 .../src/components/TextFieldBase/README.md    | 39 +++++++++---------
 .../TextFieldBase/TextFieldBase.tsx           | 10 -----
 packages/web-react/src/types/shared/inputs.ts |  3 +-
 13 files changed, 80 insertions(+), 116 deletions(-)

diff --git a/packages/web-react/src/components/CheckboxField/CheckboxField.tsx b/packages/web-react/src/components/CheckboxField/CheckboxField.tsx
index 0350b8b4e6..e1ca522637 100644
--- a/packages/web-react/src/components/CheckboxField/CheckboxField.tsx
+++ b/packages/web-react/src/components/CheckboxField/CheckboxField.tsx
@@ -13,16 +13,6 @@ const _CheckboxField = (props: SpiritCheckboxFieldProps, ref: ForwardedRef<HTMLI
     modifiedProps;
   const { styleProps, props: otherProps } = useStyleProps(restProps);
 
-  useDeprecationMessage({
-    method: 'property',
-    trigger: validationState === 'error',
-    componentName: 'CheckboxField',
-    propertyProps: {
-      deprecatedValue: 'error',
-      newValue: 'danger',
-      propertyName: 'validationState',
-    },
-  });
   useDeprecationMessage({
     method: 'custom',
     trigger: !!(props?.message && !validationState),
diff --git a/packages/web-react/src/components/CheckboxField/README.md b/packages/web-react/src/components/CheckboxField/README.md
index 8514fa5635..816d3b72f7 100644
--- a/packages/web-react/src/components/CheckboxField/README.md
+++ b/packages/web-react/src/components/CheckboxField/README.md
@@ -1,7 +1,7 @@
 # CheckboxField
 
 CheckboxField enables the user to check/uncheck choice. It has input, a label,
-and an optional message. It could be disabled or have an error state. The label could be hidden
+and an optional message. It could be disabled or have a validation state. The label could be hidden
 and show if the input is required.
 
 ```jsx
@@ -10,20 +10,20 @@ and show if the input is required.
 
 ## Available props
 
-| Prop name         | Type                                                                 | Default | Required | Description                                                                                                                        |
-| ----------------- | -------------------------------------------------------------------- | ------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| `id`              | `string`                                                             | -       | yes      | Input and label identification                                                                                                     |
-| `name`            | `string`                                                             | -       | no       | Input name                                                                                                                         |
-| `label`           | `string`                                                             | -       | no       | Label text                                                                                                                         |
-| `value`           | `string`                                                             | -       | no       | Input value                                                                                                                        |
-| `message`         | `string`, `string[]`                                                 | -       | no       | Validation or help message                                                                                                         |
-| `validationState` | [Validation dictionary][dictionary-validation], `error` (deprecated) | -       | no       | Type of validation state. [**DEPRECATED**][deprecated] The value "error" in the dictionary will be replaced by the value "danger". |
-| `isDisabled`      | `boolean`                                                            | -       | no       | Whether is field disabled                                                                                                          |
-| `isItem`          | `boolean`                                                            | -       | no       | To render in [Item][item] mode                                                                                                     |
-| `isRequired`      | `boolean`                                                            | -       | no       | Whether is field required                                                                                                          |
-| `isChecked`       | `boolean`                                                            | -       | no       | Whether is field checked                                                                                                           |
-| `isLabelHidden`   | `boolean`                                                            | -       | no       | Whether is label hidden                                                                                                            |
-| `ref`             | `ForwardedRef<HTMLInputElement>`                                     | -       | no       | Input element reference                                                                                                            |
+| Prop name         | Type                                           | Default | Required | Description                    |
+| ----------------- | ---------------------------------------------- | ------- | -------- | ------------------------------ |
+| `id`              | `string`                                       | -       | yes      | Input and label identification |
+| `name`            | `string`                                       | -       | no       | Input name                     |
+| `label`           | `string`                                       | -       | no       | Label text                     |
+| `value`           | `string`                                       | -       | no       | Input value                    |
+| `message`         | `string`, `string[]`                           | -       | no       | Validation or help message     |
+| `validationState` | [Validation dictionary][dictionary-validation] | -       | no       | Type of validation state.      |
+| `isDisabled`      | `boolean`                                      | -       | no       | Whether is field disabled      |
+| `isItem`          | `boolean`                                      | -       | no       | To render in [Item][item] mode |
+| `isRequired`      | `boolean`                                      | -       | no       | Whether is field required      |
+| `isChecked`       | `boolean`                                      | -       | no       | Whether is field checked       |
+| `isLabelHidden`   | `boolean`                                      | -       | no       | Whether is label hidden        |
+| `ref`             | `ForwardedRef<HTMLInputElement>`               | -       | no       | Input element reference        |
 
 ## Custom component
 
@@ -50,4 +50,3 @@ For detailed information see [CheckboxField](https://github.com/lmc-eu/spirit-de
 
 [item]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web-react/src/components/Item/README.md
 [dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
-[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/README.md#deprecations
diff --git a/packages/web-react/src/components/Field/__tests__/useValidationText.test.ts b/packages/web-react/src/components/Field/__tests__/useValidationText.test.ts
index 9ac41300e2..1ebe6da07d 100644
--- a/packages/web-react/src/components/Field/__tests__/useValidationText.test.ts
+++ b/packages/web-react/src/components/Field/__tests__/useValidationText.test.ts
@@ -12,7 +12,7 @@ describe('useValidationText', () => {
     const { result } = renderHook(() =>
       useValidationText({
         validationTextClassName: 'TextField__message',
-        validationState: 'error',
+        validationState: 'danger',
         validationText: 'required',
       }),
     );
diff --git a/packages/web-react/src/components/FileUploader/stories/FileUploaderValidationState.tsx b/packages/web-react/src/components/FileUploader/stories/FileUploaderValidationState.tsx
index 52f8d12737..109d1f179e 100644
--- a/packages/web-react/src/components/FileUploader/stories/FileUploaderValidationState.tsx
+++ b/packages/web-react/src/components/FileUploader/stories/FileUploaderValidationState.tsx
@@ -66,7 +66,7 @@ const Story: ComponentStory<typeof FileUploader> = ({ id, ...args }: SpiritFileU
             labelText="or drag and drop here"
             helperText="Max file size is 10 MB"
             isRequired
-            validationState="error"
+            validationState="danger"
             validationText={['First validation message', 'Second validation message']}
           />
           {/* FileUploaderList */}
diff --git a/packages/web-react/src/components/FileUploader/stories/FormWithFileUploader.tsx b/packages/web-react/src/components/FileUploader/stories/FormWithFileUploader.tsx
index 63d3b0e23b..76df769e5d 100644
--- a/packages/web-react/src/components/FileUploader/stories/FormWithFileUploader.tsx
+++ b/packages/web-react/src/components/FileUploader/stories/FormWithFileUploader.tsx
@@ -41,7 +41,7 @@ const Story = () => {
 
   const errorHandler = (error: string | Error) => {
     console.error(error);
-    setValidationState('error');
+    setValidationState('danger');
     setValidationText(String(error));
 
     setTimeout(() => {
diff --git a/packages/web-react/src/components/FileUploader/stories/FormWithUncontrolledFileUploader.tsx b/packages/web-react/src/components/FileUploader/stories/FormWithUncontrolledFileUploader.tsx
index d49275f74d..569ecad2ca 100644
--- a/packages/web-react/src/components/FileUploader/stories/FormWithUncontrolledFileUploader.tsx
+++ b/packages/web-react/src/components/FileUploader/stories/FormWithUncontrolledFileUploader.tsx
@@ -44,7 +44,7 @@ const Story = () => {
 
   const errorHandler = (error: string | Error) => {
     console.error(error);
-    setValidationState('error');
+    setValidationState('danger');
     setValidationText(String(error));
 
     setTimeout(() => {
diff --git a/packages/web-react/src/components/RadioField/README.md b/packages/web-react/src/components/RadioField/README.md
index a9d981db6b..c628cc7ff0 100644
--- a/packages/web-react/src/components/RadioField/README.md
+++ b/packages/web-react/src/components/RadioField/README.md
@@ -1,6 +1,6 @@
 # RadioField
 
-Use RadioField when you have a group of mutually exclusive choices and only one selection from the group is allowed. It has input and label. It can be disabled or have an error state. The label can be hidden.
+Use RadioField when you have a group of mutually exclusive choices and only one selection from the group is allowed. It has input and label. It can be disabled or have a validation state. The label can be hidden.
 
 ```jsx
 <RadioField id="example" name="example" label="Label text" isChecked />
diff --git a/packages/web-react/src/components/RadioField/RadioField.tsx b/packages/web-react/src/components/RadioField/RadioField.tsx
index 83a9d29050..4e6812c111 100644
--- a/packages/web-react/src/components/RadioField/RadioField.tsx
+++ b/packages/web-react/src/components/RadioField/RadioField.tsx
@@ -1,6 +1,6 @@
 import React, { forwardRef, ForwardedRef } from 'react';
 import classNames from 'classnames';
-import { useDeprecationMessage, useStyleProps } from '../../hooks';
+import { useStyleProps } from '../../hooks';
 import { SpiritRadioFieldProps } from '../../types';
 import { useRadioFieldStyleProps } from './useRadioFieldStyleProps';
 
@@ -11,17 +11,6 @@ const _RadioField = (props: SpiritRadioFieldProps, ref: ForwardedRef<HTMLInputEl
   const { id, label, helperText, value, isDisabled, isChecked, onChange, ...restProps } = modifiedProps;
   const { styleProps, props: otherProps } = useStyleProps(restProps);
 
-  useDeprecationMessage({
-    method: 'property',
-    trigger: props?.validationState === 'error',
-    componentName: 'RadioField',
-    propertyProps: {
-      deprecatedValue: 'error',
-      newValue: 'danger',
-      propertyName: 'validationState',
-    },
-  });
-
   return (
     <label htmlFor={id} {...styleProps} className={classNames(classProps.root, styleProps.className)}>
       <input
diff --git a/packages/web-react/src/components/TextArea/README.md b/packages/web-react/src/components/TextArea/README.md
index 7cca80013d..7734551d49 100644
--- a/packages/web-react/src/components/TextArea/README.md
+++ b/packages/web-react/src/components/TextArea/README.md
@@ -1,7 +1,7 @@
 # TextArea
 
 TextArea enables the user to add longer text to a form. It has textarea, label,
-and an optional message. It could be disabled or have an error state. The label could be hidden
+and an optional message. It could be disabled or have a validation state. The label could be hidden
 and show if the textarea is required.
 
 ```jsx
@@ -16,24 +16,24 @@ and show if the textarea is required.
 
 ## Available props
 
-| Prop name               | Type                                                                 | Default | Required | Description                                                                                                                        |
-| ----------------------- | -------------------------------------------------------------------- | ------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| `id`                    | `string`                                                             | -       | yes      | Textarea and label identification                                                                                                  |
-| `name`                  | `string`                                                             | -       | no       | Textarea name                                                                                                                      |
-| `label`                 | `string`                                                             | -       | no       | Label text                                                                                                                         |
-| `placeholder`           | `string`                                                             | -       | no       | Textarea placeholder                                                                                                               |
-| `value`                 | `string`                                                             | -       | no       | Textarea value                                                                                                                     |
-| `maxLength`             | `number`                                                             | -       | no       | Maximum number of characters                                                                                                       |
-| `message`               | `string`, `string[]`                                                 | -       | no       | Validation message                                                                                                                 |
-| `rows`                  | `number`                                                             | -       | no       | Number of visible rows                                                                                                             |
-| `ref`                   | `ForwardedRef<HTMLTextAreaElement>`                                  | -       | no       | Textarea element reference                                                                                                         |
-| `validationState`       | [Validation dictionary][dictionary-validation], `error` (deprecated) | -       | no       | Type of validation state. [**DEPRECATED**][deprecated] The value "error" in the dictionary will be replaced by the value "danger". |
-| `isAutoResizing`        | `boolean`                                                            | -       | no       | Whether is field auto resizing which adjusts its height while typing                                                               |
-| `isDisabled`            | `boolean`                                                            | -       | no       | Whether is field disabled                                                                                                          |
-| `isRequired`            | `boolean`                                                            | -       | no       | Whether is field required                                                                                                          |
-| `isLabelHidden`         | `boolean`                                                            | -       | no       | Whether is label hidden                                                                                                            |
-| `helperText`            | `string`                                                             | -       | no       | Custom helper text                                                                                                                 |
-| `autoResizingMaxHeight` | `number`                                                             | `400`   | no       | Maximum field height with automatic height control                                                                                 |
+| Prop name               | Type                                           | Default | Required | Description                                                          |
+| ----------------------- | ---------------------------------------------- | ------- | -------- | -------------------------------------------------------------------- |
+| `id`                    | `string`                                       | -       | yes      | Textarea and label identification                                    |
+| `name`                  | `string`                                       | -       | no       | Textarea name                                                        |
+| `label`                 | `string`                                       | -       | no       | Label text                                                           |
+| `placeholder`           | `string`                                       | -       | no       | Textarea placeholder                                                 |
+| `value`                 | `string`                                       | -       | no       | Textarea value                                                       |
+| `maxLength`             | `number`                                       | -       | no       | Maximum number of characters                                         |
+| `message`               | `string`, `string[]`                           | -       | no       | Validation message                                                   |
+| `rows`                  | `number`                                       | -       | no       | Number of visible rows                                               |
+| `ref`                   | `ForwardedRef<HTMLTextAreaElement>`            | -       | no       | Textarea element reference                                           |
+| `validationState`       | [Validation dictionary][dictionary-validation] | -       | no       | Type of validation state.                                            |
+| `isAutoResizing`        | `boolean`                                      | -       | no       | Whether is field auto resizing which adjusts its height while typing |
+| `isDisabled`            | `boolean`                                      | -       | no       | Whether is field disabled                                            |
+| `isRequired`            | `boolean`                                      | -       | no       | Whether is field required                                            |
+| `isLabelHidden`         | `boolean`                                      | -       | no       | Whether is label hidden                                              |
+| `helperText`            | `string`                                       | -       | no       | Custom helper text                                                   |
+| `autoResizingMaxHeight` | `number`                                       | `400`   | no       | Maximum field height with automatic height control                   |
 
 ## Custom component
 
@@ -57,4 +57,3 @@ const CustomTextArea = (props: SpiritTextAreaProps): JSX.Element => {
 For detailed information see [TextArea](https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/TextArea/README.md) component.
 
 [dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
-[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/README.md#deprecations
diff --git a/packages/web-react/src/components/TextField/README.md b/packages/web-react/src/components/TextField/README.md
index 4e22779b1f..4467cf9947 100644
--- a/packages/web-react/src/components/TextField/README.md
+++ b/packages/web-react/src/components/TextField/README.md
@@ -2,7 +2,7 @@
 
 TextField enables the user to type in text information. It has an input, a
 label, and an optional message. It supports several input types like `text` or
-`password` etc. It can be disabled or have an error state. The label can be
+`password` etc. It can be disabled or have a validation state. The label can be
 hidden or show if the input is required.
 
 ```jsx
@@ -13,25 +13,25 @@ hidden or show if the input is required.
 
 ## Available props
 
-| Prop name           | Type                                                                 | Default | Required | Description                                                                                                                        |
-| ------------------- | -------------------------------------------------------------------- | ------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| `autocomplete`      | `boolean`                                                            | -       | no       | If the field should have autocomplete enabled                                                                                      |
-| `hasPasswordToggle` | `boolean`                                                            | -       | yes      | If true, the `type` is set to `password` and a password toggle is shown                                                            |
-| `helperText`        | `string`                                                             | -       | no       | Custom helper text                                                                                                                 |
-| `id`                | `string`                                                             | -       | no       | Input and label identification                                                                                                     |
-| `inputWidth`        | `number`                                                             | -       | no       | Input width                                                                                                                        |
-| `isDisabled`        | `boolean`                                                            | -       | no       | Whether is field disabled                                                                                                          |
-| `isLabelHidden`     | `boolean`                                                            | -       | no       | Whether is label hidden                                                                                                            |
-| `isRequired`        | `boolean`                                                            | -       | no       | Whether is field required                                                                                                          |
-| `label`             | `string`                                                             | -       | no       | Label text                                                                                                                         |
-| `message`           | `string`, `string[]`                                                 | -       | no       | Validation message                                                                                                                 |
-| `name`              | `string`                                                             | -       | no       | Input name                                                                                                                         |
-| `pattern`           | `string`                                                             | -       | no       | Defines regular expressions for allowed value types                                                                                |
-| `placeholder`       | `string`                                                             | -       | no       | Input placeholder                                                                                                                  |
-| `ref`               | `ForwardedRef<HTMLInputElement>`                                     | -       | no       | Input element reference                                                                                                            |
-| `type`              | `email`, `number`, `password`, `search`, `tel`, `text`, `url`        | -       | no       | Input type                                                                                                                         |
-| `validationState`   | [Validation dictionary][dictionary-validation], `error` (deprecated) | -       | no       | Type of validation state. [**DEPRECATED**][deprecated] The value "error" in the dictionary will be replaced by the value "danger". |
-| `value`             | `string`                                                             | -       | no       | Input value                                                                                                                        |
+| Prop name           | Type                                                          | Default | Required | Description                                                             |
+| ------------------- | ------------------------------------------------------------- | ------- | -------- | ----------------------------------------------------------------------- |
+| `autocomplete`      | `boolean`                                                     | -       | no       | If the field should have autocomplete enabled                           |
+| `hasPasswordToggle` | `boolean`                                                     | -       | yes      | If true, the `type` is set to `password` and a password toggle is shown |
+| `helperText`        | `string`                                                      | -       | no       | Custom helper text                                                      |
+| `id`                | `string`                                                      | -       | no       | Input and label identification                                          |
+| `inputWidth`        | `number`                                                      | -       | no       | Input width                                                             |
+| `isDisabled`        | `boolean`                                                     | -       | no       | Whether is field disabled                                               |
+| `isLabelHidden`     | `boolean`                                                     | -       | no       | Whether is label hidden                                                 |
+| `isRequired`        | `boolean`                                                     | -       | no       | Whether is field required                                               |
+| `label`             | `string`                                                      | -       | no       | Label text                                                              |
+| `message`           | `string`, `string[]`                                          | -       | no       | Validation message                                                      |
+| `name`              | `string`                                                      | -       | no       | Input name                                                              |
+| `pattern`           | `string`                                                      | -       | no       | Defines regular expressions for allowed value types                     |
+| `placeholder`       | `string`                                                      | -       | no       | Input placeholder                                                       |
+| `ref`               | `ForwardedRef<HTMLInputElement>`                              | -       | no       | Input element reference                                                 |
+| `type`              | `email`, `number`, `password`, `search`, `tel`, `text`, `url` | -       | no       | Input type                                                              |
+| `validationState`   | [Validation dictionary][dictionary-validation]                | -       | no       | Type of validation state.                                               |
+| `value`             | `string`                                                      | -       | no       | Input value                                                             |
 
 ## Custom component
 
@@ -55,4 +55,3 @@ const CustomTextField = (props: SpiritTextFieldProps): JSX.Element => {
 For detailed information see [TextField](https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/TextField/README.md) component.
 
 [dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
-[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/README.md#deprecations
diff --git a/packages/web-react/src/components/TextFieldBase/README.md b/packages/web-react/src/components/TextFieldBase/README.md
index eec563dffd..5c5d45dc8b 100644
--- a/packages/web-react/src/components/TextFieldBase/README.md
+++ b/packages/web-react/src/components/TextFieldBase/README.md
@@ -9,27 +9,26 @@ This is React implementation of the abstract component TextFieldBase for the pur
 
 ## Available props
 
-| Prop name           | Type                                                                 | Default | Required | Description                                                                                                                        |
-| ------------------- | -------------------------------------------------------------------- | ------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| `autocomplete`      | `boolean`                                                            | -       | no       | If the field should have autocomplete enabled                                                                                      |
-| `hasPasswordToggle` | `boolean`                                                            | -       | no       | If true, the `type` is set to `password` and a password toggle is shown                                                            |
-| `helperText`        | `string`                                                             | -       | no       | Custom helper text                                                                                                                 |
-| `id`                | `string`                                                             | -       | yes      | Input and label identification                                                                                                     |
-| `isDisabled`        | `boolean`                                                            | -       | no       | Whether is field disabled                                                                                                          |
-| `isLabelHidden`     | `boolean`                                                            | -       | no       | Whether is label hidden                                                                                                            |
-| `isMultiline`       | `boolean`                                                            | -       | no       | Whether is DOM element `textarea`                                                                                                  |
-| `isRequired`        | `boolean`                                                            | -       | no       | Whether is field required                                                                                                          |
-| `label`             | `string`                                                             | -       | no       | Label text                                                                                                                         |
-| `message`           | `string`, `string[]`                                                 | -       | no       | Validation message                                                                                                                 |
-| `name`              | `string`                                                             | -       | no       | Input name                                                                                                                         |
-| `pattern`           | `string`                                                             | -       | no       | Defines regular expressions for allowed value types                                                                                |
-| `placeholder`       | `string`                                                             | -       | no       | Input placeholder                                                                                                                  |
-| `ref`               | `ForwardedRef<HTMLInputElement or HTMLTextAreaElement>`              | -       | no       | Field element reference                                                                                                            |
-| `type`              | `email`, `number`, `password`, `search`, `tel`, `text`, `url`        | -       | no       | Input type                                                                                                                         |
-| `validationState`   | [Validation dictionary][dictionary-validation], `error` (deprecated) | -       | no       | Type of validation state. [**DEPRECATED**][deprecated] The value "error" in the dictionary will be replaced by the value "danger". |
-| `value`             | `string`                                                             | -       | no       | Input value                                                                                                                        |
+| Prop name           | Type                                                          | Default | Required | Description                                                             |
+| ------------------- | ------------------------------------------------------------- | ------- | -------- | ----------------------------------------------------------------------- |
+| `autocomplete`      | `boolean`                                                     | -       | no       | If the field should have autocomplete enabled                           |
+| `hasPasswordToggle` | `boolean`                                                     | -       | no       | If true, the `type` is set to `password` and a password toggle is shown |
+| `helperText`        | `string`                                                      | -       | no       | Custom helper text                                                      |
+| `id`                | `string`                                                      | -       | yes      | Input and label identification                                          |
+| `isDisabled`        | `boolean`                                                     | -       | no       | Whether is field disabled                                               |
+| `isLabelHidden`     | `boolean`                                                     | -       | no       | Whether is label hidden                                                 |
+| `isMultiline`       | `boolean`                                                     | -       | no       | Whether is DOM element `textarea`                                       |
+| `isRequired`        | `boolean`                                                     | -       | no       | Whether is field required                                               |
+| `label`             | `string`                                                      | -       | no       | Label text                                                              |
+| `message`           | `string`, `string[]`                                          | -       | no       | Validation message                                                      |
+| `name`              | `string`                                                      | -       | no       | Input name                                                              |
+| `pattern`           | `string`                                                      | -       | no       | Defines regular expressions for allowed value types                     |
+| `placeholder`       | `string`                                                      | -       | no       | Input placeholder                                                       |
+| `ref`               | `ForwardedRef<HTMLInputElement or HTMLTextAreaElement>`       | -       | no       | Field element reference                                                 |
+| `type`              | `email`, `number`, `password`, `search`, `tel`, `text`, `url` | -       | no       | Input type                                                              |
+| `validationState`   | [Validation dictionary][dictionary-validation]                | -       | no       | Type of validation state.                                               |
+| `value`             | `string`                                                      | -       | no       | Input value                                                             |
 
 [dictionary-validation]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#validation
-[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/README.md#deprecations
 [textfield]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/TextField/README.md
 [textarea]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/src/scss/components/TextArea/README.md
diff --git a/packages/web-react/src/components/TextFieldBase/TextFieldBase.tsx b/packages/web-react/src/components/TextFieldBase/TextFieldBase.tsx
index da2c31c823..a979be67ee 100644
--- a/packages/web-react/src/components/TextFieldBase/TextFieldBase.tsx
+++ b/packages/web-react/src/components/TextFieldBase/TextFieldBase.tsx
@@ -18,16 +18,6 @@ const _TextFieldBase = (props: SpiritTextFieldBaseProps, ref: ForwardedRef<HTMLI
   const { id, label, message, helperText, validationState, ...restProps } = modifiedProps;
   const { styleProps, props: otherProps } = useStyleProps(restProps);
 
-  useDeprecationMessage({
-    method: 'property',
-    trigger: validationState === 'error',
-    componentName: props?.isMultiline ? 'TextArea' : 'TextField',
-    propertyProps: {
-      deprecatedValue: 'error',
-      newValue: 'danger',
-      propertyName: 'validationState',
-    },
-  });
   useDeprecationMessage({
     method: 'custom',
     trigger: !!(props?.message && !validationState),
diff --git a/packages/web-react/src/types/shared/inputs.ts b/packages/web-react/src/types/shared/inputs.ts
index 12389b5a96..66a6e99b6d 100644
--- a/packages/web-react/src/types/shared/inputs.ts
+++ b/packages/web-react/src/types/shared/inputs.ts
@@ -1,7 +1,6 @@
 import { ValidationStatesDictionaryType } from './dictionaries';
 
-/* @deprecated: 'error' value will be removed in the next major version. */
-export type ValidationState = ValidationStatesDictionaryType<'error'>;
+export type ValidationState = ValidationStatesDictionaryType;
 
 export type ValidationTextType = string | string[];