Add className prop support to <Textarea> (#5130)

* Add className prop support

* Fix Textarea component className prop formatting

* patch -> minor

Co-authored-by: Josh Black <[email protected]>

* Update prop description

Co-authored-by: Josh Black <[email protected]>

* Remove defaultValue from className in Textarea docs

---------

Co-authored-by: Josh Black <[email protected]>

Author: randall-krauskopf

.changeset/wicked-ties-walk.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add `className` prop support to `Textarea` component

packages/react/src/Textarea/Textarea.docs.json

@@ -60,7 +60,12 @@
     {
       "name": "sx",
       "type": "SystemStyleObject"
+    },
+    {
+      "name": "className",
+      "type": "string | undefined",
+      "description": "The className to apply to the wrapper element"
     }
   ],
   "subcomponents": []
-}
+}

packages/react/src/Textarea/Textarea.tsx

@@ -31,6 +31,10 @@ export type TextareaProps = {
    * apply a high contrast color to background
    */
   contrast?: boolean
+  /**
+   * The className to apply to the wrapper element
+   */
+  className?: string
 } & TextareaHTMLAttributes<HTMLTextAreaElement> &
   SxProp
 
@@ -79,6 +83,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       resize = DEFAULT_TEXTAREA_RESIZE,
       block,
       contrast,
+      className,
       ...rest
     }: TextareaProps,
     ref,
@@ -90,6 +95,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         disabled={disabled}
         block={block}
         contrast={contrast}
+        className={className}
       >
         <StyledTextarea
           value={value}