## Background
At the moment, Combobox, Lookup, and Radio doesn't provide `error` state. Since any component contained within [[ https://doc.wikimedia.org/codex/latest/components/demos/field.html#types | Field ]] could contain errors, we will need to include the error state in:
- **Radio**: there is an option where the [[ https://doc.wikimedia.org/codex/latest/components/demos/radio.html#with-no-initial-selection | Radio group with no initial selection ]]. In this case, the radios could contain errors in case the form Field is mandatory and the user doesn't select one of the radios.
- **Combobox**: If the form Field is mandatory and the user leaves the Combobox empty with no selection, would the Combobox contain an error?
- **Lookup**: same, in case the form Field is mandatory and the user leaves the Lookup empty with no selection from the menu, would the Lookup contain an error?
{F48421110}
We need to include the error states in these components.
### User stories
- As a user, I need to be informed when a Combobox, Lookup, or Radio contains errors in a form.
### Known use cases
//Describe known use cases for this component, including the project, team, and timeline//
### Design spec
| [[ https://www.figma.com/design/KoDuJMadWBXtsOtzGS4134/branch/bpf0QJDefRR28COiZhNeSl/%E2%9D%96-Codex-components?node-id=16234-148439&t=q2m8mllxBde7kxMP-11 | Combobox spec sheet ]] |
| [[ https://www.figma.com/design/KoDuJMadWBXtsOtzGS4134/branch/bpf0QJDefRR28COiZhNeSl/%E2%9D%96-Codex-components?node-id=16245-173286&t=q2m8mllxBde7kxMP-11 | Lookup spec sheet ]] |
| [[ https://www.figma.com/design/KoDuJMadWBXtsOtzGS4134/branch/bpf0QJDefRR28COiZhNeSl/%E2%9D%96-Codex-components?node-id=16269-82452&t=q2m8mllxBde7kxMP-11 | Radio spec sheet ]] |
### Acceptance criteria (or Done)
**Design**
[x] Design the Figma spec sheets:
[x] Combobox
[x] Lookup
[x] Radio
[] Update the components in the [[ https://www.figma.com/file/KoDuJMadWBXtsOtzGS4134/❖-Codex-components?node-id=1891%3A4420&viewport=287%2C338%2C0.28 | Codex Figma library ]]. //This step will be done by a DST member.//
[x] Update the image and list of states in the Guidelines > Interaction states, including the `error` and `error-hover` states:
[x] Combobox
[x] Lookup
[x] Radio
[] Update the Interaction States images in the Guidelines
**Code**
[x] Include the error states in the Codex components:
[x] Combobox - `error` and `error-hover`
[x] Lookup - `error` and `error-hover`
[x] Radio - `error-default`, `error-hover`, `error-active`, and `error focus`
[x] Add configurable demos that display the error states