diff --git a/.changeset/three-boxes-help.md b/.changeset/three-boxes-help.md new file mode 100644 index 00000000000..1ea51af650f --- /dev/null +++ b/.changeset/three-boxes-help.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +fix(TextArea): only add class name to outermost element diff --git a/packages/react/src/Textarea/Textarea.tsx b/packages/react/src/Textarea/Textarea.tsx index 5d9c3247946..9658b4f572a 100644 --- a/packages/react/src/Textarea/Textarea.tsx +++ b/packages/react/src/Textarea/Textarea.tsx @@ -3,7 +3,6 @@ import React from 'react' import {TextInputBaseWrapper} from '../internal/components/TextInputWrapper' import type {FormValidationStatus} from '../utils/types/FormValidationStatus' import type {SxProp} from '../sx' -import {clsx} from 'clsx' import classes from './TextArea.module.css' export const DEFAULT_TEXTAREA_ROWS = 7 @@ -78,7 +77,7 @@ const Textarea = React.forwardRef( disabled={disabled} rows={rows} cols={cols} - className={clsx(classes.TextArea, className)} + className={classes.TextArea} {...rest} />