Validation message

[viggo]

No description provided.

[changeset-bot]

🦋 Changeset detected

Latest commit: 0c2e4d7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@postenbring/hedwig-css	Minor
@postenbring/hedwig-react	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Copilot]

Pull Request Overview

This PR introduces a new ValidationMessage component to replace the deprecated ErrorMessage component, expanding validation feedback capabilities beyond just errors to include info, success, warning, and danger variants.

Key Changes

• New ValidationMessage component with support for multiple variants (info, success, warning, danger)
• Updated form components (Input, Textarea, Select, DatePicker) to accept validationMessage prop
• Deprecated ErrorMessage component now wraps ValidationMessage for backward compatibility

Reviewed Changes

Copilot reviewed 23 out of 23 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/react/src/form/validation-message/validation-message.tsx	Implements new ValidationMessage component with variant support
packages/react/src/form/validation-message/validation-message.stories.tsx	Adds Storybook stories for ValidationMessage
packages/react/src/form/validation-message/index.tsx	Exports ValidationMessage component and types
packages/react/src/form/input-group/input-group.tsx	Integrates ValidationMessage, handles both old errorMessage and new validationMessage props
packages/react/src/form/input/input.tsx	Adds validationMessage prop support
packages/react/src/form/textarea/textarea.tsx	Adds validationMessage prop support
packages/react/src/form/select/select.tsx	Adds validationMessage prop support
packages/react/src/form/date-picker/date-picker.tsx	Adds validationMessage prop support
packages/react/src/form/error-message/error-message.tsx	Refactors to use ValidationMessage, marks as deprecated
packages/react/src/form/index.tsx	Exports ValidationMessage from form module
packages/css/src/index.css	Imports validation-message CSS
packages/css/src/form/validation-message/validation-message.css	Defines styles for all validation message variants
apps/examples/app/examples/form/validation-message/demo.tsx	Demonstrates ValidationMessage variants
apps/examples/app/examples/form/error-message/demo.tsx	Adds deprecation notice to ErrorMessage example
apps/examples/app/examples/form/input/different-states.tsx	Updates to showcase all validation message variants
apps/examples/app/examples/form/input/small-different-states.tsx	Updates to showcase all validation message variants in small size
apps/examples/app/examples/form/input/form-input-errors.tsx	Migrates from errorMessage to validationMessage
apps/examples/app/examples/form/textarea/different-states.tsx	Updates to showcase all validation message variants
apps/examples/app/examples/form/textarea/small-different-states.tsx	Updates to showcase all validation message variants in small size
apps/examples/app/examples/form/select/different-states.tsx	Updates to showcase all validation message variants
apps/examples/app/examples/form/select/small-different-states.tsx	Updates to showcase all validation message variants in small size
apps/examples/app/examples/form/date-picker/different-states.tsx	Updates to showcase all validation message variants
apps/examples/app/examples/form/date-picker/small-different-states.tsx	Updates to showcase all validation message variants in small size

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}