reduce font-weight on FormControl labels within a ControlGroup

primer · Nov 27, 2024 · 4b9b5f4 · 4b9b5f4
1 parent d65b102
commit 4b9b5f4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/react/src/forms/ControlGroup/ControlGroup.tsx b/packages/react/src/forms/ControlGroup/ControlGroup.tsx
@@ -44,7 +44,7 @@ const _ControlGroup = forwardRef<HTMLFieldSetElement, ControlGroupProps>(({class
     <ControlGroupContext.Provider value={{id: uniqueId}}>
       <fieldset
         ref={ref}
-        className={clsx(styles.ControlGroup__container, className)}
+        className={clsx('ControlGroup', styles.ControlGroup__container, className)}
         aria-describedby={describedBy}
         {...props}
       />

diff --git a/packages/react/src/forms/FormControl/FormControl.module.css b/packages/react/src/forms/FormControl/FormControl.module.css
@@ -60,6 +60,10 @@
   width: 100%;
 }
 
+:global(.ControlGroup) .FormControl-label {
+  font-weight: var(--base-text-weight-medium);
+}
+
 .FormControl-control--radio {
   margin: 2px 0 0;
 }