fix: Do not render RadioGroupLabel as label. It should be a div

NDLANO · Dec 6, 2024 · d3116fc · d3116fc
1 parent 966b9fb
commit d3116fc
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/primitives/src/RadioGroup.tsx b/packages/primitives/src/RadioGroup.tsx
@@ -11,7 +11,6 @@ import { RadioGroup, radioGroupAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import type { JsxStyleProps } from "@ndla/styled-system/types";
 import { createStyleContext } from "./createStyleContext";
-import { Label } from "./Label";
 import { Text, type TextProps } from "./Text";
 
 const radioGroupRecipe = sva({
@@ -142,9 +141,11 @@ export const InternalRadioGroupLabel = withContext<HTMLLabelElement, RadioGroup.
 );
 
 export const RadioGroupLabel = forwardRef<HTMLLabelElement, RadioGroup.LabelProps & TextProps & JsxStyleProps>(
-  ({ textStyle = "label.large", children, ...props }, ref) => (
-    <InternalRadioGroupLabel ref={ref} {...props} asChild>
-      <Label textStyle={textStyle}>{children}</Label>
+  ({ textStyle = "label.large", fontWeight = "bold", children, ...props }, ref) => (
+    <InternalRadioGroupLabel {...props} asChild ref={ref}>
+      <Text textStyle={textStyle} fontWeight={fontWeight}>
+        {children}
+      </Text>
     </InternalRadioGroupLabel>
   ),
 );