Update TextField.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-06-14 08:32:51 +01:00
parent c49e335823
commit 6b8ad02c4d
@@ -56,32 +56,37 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
style={style}
ref={ref}
>
<div
className="canon-TextFieldLabelWrapper"
data-hidden={hideLabelAndDescription}
>
{label && (
<Field.Label className="canon-TextFieldLabel" data-size={labelSize}>
{label}
{secondaryLabelText && (
<span
aria-hidden="true"
className="canon-TextFieldSecondaryLabel"
>
({secondaryLabelText})
</span>
)}
</Field.Label>
)}
{description && (
<Field.Description
className="canon-TextFieldDescription"
data-size={labelSize}
>
{description}
</Field.Description>
)}
</div>
{label && (
<div
className="canon-TextFieldLabelWrapper"
data-hidden={hideLabelAndDescription}
>
{label && (
<Field.Label
className="canon-TextFieldLabel"
data-size={labelSize}
>
{label}
{secondaryLabelText && (
<span
aria-hidden="true"
className="canon-TextFieldSecondaryLabel"
>
({secondaryLabelText})
</span>
)}
</Field.Label>
)}
{description && (
<Field.Description
className="canon-TextFieldDescription"
data-size={labelSize}
>
{description}
</Field.Description>
)}
</div>
)}
<div className="canon-TextFieldInputWrapper" data-size={responsiveSize}>
{icon && (
<div