feat: configurable infotext sizes for DBInput component (#4788)

* Initial plan

* Add configurable infotext sizes to DBInput component

Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>

* refactor: codestyle

* auto update snapshots (#4793)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Apply suggestions from code review

* auto update snapshots (#4795)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Forward new messageSize props to framework showcases and simplify input.json example

Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>

* auto update snapshots (#4826)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* docs: we don't want to document these properties

* docs: we don't want to document these properties

* Apply suggestions from code review

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>
Co-authored-by: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Michael Kraus <michael.m.kraus@deutschebahn.com>

Author: 4 people

__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png

@@ -279,7 +279,7 @@ export default function DBInput(props: DBInputProps) {
 			{props.children}
 			<Show when={stringPropVisible(props.message, props.showMessage)}>
 				<DBInfotext
-					size="small"
+					size={props.messageSize || 'small'}
 					icon={props.messageIcon}
 					id={state._messageId}>
 					{props.message}
@@ -289,15 +289,15 @@ export default function DBInput(props: DBInputProps) {
 			<Show when={state.hasValidState()}>
 				<DBInfotext
 					id={state._validMessageId}
-					size="small"
+					size={props.validMessageSize || 'small'}
 					semantic="successful">
 					{props.validMessage || DEFAULT_VALID_MESSAGE}
 				</DBInfotext>
 			</Show>
 
 			<DBInfotext
 				id={state._invalidMessageId}
-				size="small"
+				size={props.invalidMessageSize || 'small'}
 				semantic="critical">
 				{state._invalidMessage}
 			</DBInfotext>

__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png

@@ -19,6 +19,7 @@ import {
 	ShowIconLeadingProps,
 	ShowIconProps,
 	ShowIconTrailingProps,
+	SizeType,
 	ValueLabelType
 } from '../../shared/model';
 
@@ -76,6 +77,18 @@ export type DBInputDefaultProps = {
 	 * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).
 	 */
 	step?: number | string;
+	/**
+	 * The size of the message infotext. Defaults to "small".
+	 */
+	messageSize?: SizeType;
+	/**
+	 * The size of the valid message infotext. Defaults to "small".
+	 */
+	validMessageSize?: SizeType;
+	/**
+	 * The size of the invalid message infotext. Defaults to "small".
+	 */
+	invalidMessageSize?: SizeType;
 };
 
 export type DBInputProps = DBInputDefaultProps &