From 10fa83e39975ebb15b645fd87efd38f87345a4fd Mon Sep 17 00:00:00 2001
From: Randall Krauskopf <randall-krauskopf@github.com>
Date: Fri, 11 Oct 2024 10:54:01 -0500
Subject: [PATCH 1/2] add className to FormControl.Label

---
 packages/react/src/FormControl/_FormControlLabel.tsx  | 5 ++++-
 packages/react/src/internal/components/InputLabel.tsx | 3 +++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/FormControl/_FormControlLabel.tsx b/packages/react/src/FormControl/_FormControlLabel.tsx
index 8c52c909c52..4d62b19e114 100644
--- a/packages/react/src/FormControl/_FormControlLabel.tsx
+++ b/packages/react/src/FormControl/_FormControlLabel.tsx
@@ -11,11 +11,12 @@ export type Props = {
   requiredText?: string
   requiredIndicator?: boolean
   id?: string
+  className?: string
 } & SxProp
 
 const FormControlLabel: React.FC<
   React.PropsWithChildren<{htmlFor?: string} & React.ComponentProps<typeof InputLabel> & Props>
-> = ({as, children, htmlFor, id, visuallyHidden, requiredIndicator = true, requiredText, sx, ...props}) => {
+> = ({as, children, htmlFor, id, visuallyHidden, requiredIndicator = true, requiredText, sx, className, ...props}) => {
   const {disabled, id: formControlId, required} = useFormControlContext()
 
   /**
@@ -26,6 +27,7 @@ const FormControlLabel: React.FC<
       ? {
           as,
           id,
+          className,
           visuallyHidden,
           required,
           requiredText,
@@ -37,6 +39,7 @@ const FormControlLabel: React.FC<
       : {
           as,
           id,
+          className,
           visuallyHidden,
           htmlFor: htmlFor || formControlId,
           required,
diff --git a/packages/react/src/internal/components/InputLabel.tsx b/packages/react/src/internal/components/InputLabel.tsx
index e932a4d5418..b4d2fa43aed 100644
--- a/packages/react/src/internal/components/InputLabel.tsx
+++ b/packages/react/src/internal/components/InputLabel.tsx
@@ -10,6 +10,7 @@ type BaseProps = SxProp & {
   requiredIndicator?: boolean
   visuallyHidden?: boolean
   id?: string
+  className?: string
 }
 
 export type LabelProps = BaseProps & {
@@ -35,6 +36,7 @@ const InputLabel: React.FC<React.PropsWithChildren<Props>> = ({
   visuallyHidden,
   sx,
   as = 'label',
+  className,
   ...props
 }) => {
   return (
@@ -45,6 +47,7 @@ const InputLabel: React.FC<React.PropsWithChildren<Props>> = ({
       }
       htmlFor={htmlFor}
       id={id}
+      className={className}
       sx={{
         fontWeight: 'bold',
         fontSize: 1,

From 21ba25f54d0686d73236606e879f1ab4b3dee5c3 Mon Sep 17 00:00:00 2001
From: Randall Krauskopf <randall-krauskopf@github.com>
Date: Fri, 11 Oct 2024 11:12:34 -0500
Subject: [PATCH 2/2] add changeset

---
 .changeset/angry-pants-brush.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/angry-pants-brush.md

diff --git a/.changeset/angry-pants-brush.md b/.changeset/angry-pants-brush.md
new file mode 100644
index 00000000000..827fda8ac54
--- /dev/null
+++ b/.changeset/angry-pants-brush.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add `className` prop to `FormControl.Label` component