fix: input as simple label instead of Label component

RocketChat · Dec 8, 2023 · ed91a08 · ed91a08
1 parent 2c484ef
commit ed91a08
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/packages/fuselage/src/components/CheckBox/CheckBox.tsx b/packages/fuselage/src/components/CheckBox/CheckBox.tsx
@@ -3,7 +3,6 @@ import type { ComponentProps, Ref, FormEvent, AllHTMLAttributes } from 'react';
 import React, { forwardRef, useLayoutEffect, useRef, useCallback } from 'react';
 
 import Box from '../Box';
-import { Label } from '../Label';
 
 type CheckBoxProps = ComponentProps<typeof Box> & {
   indeterminate?: boolean;
@@ -33,7 +32,7 @@ export const CheckBox = forwardRef(function CheckBox(
   );
 
   return (
-    <Box is={Label} className={className} rcx-check-box>
+    <Box is='label' className={className} rcx-check-box>
       <Box
         is='input'
         type='checkbox'

diff --git a/packages/fuselage/src/components/RadioButton/RadioButton.tsx b/packages/fuselage/src/components/RadioButton/RadioButton.tsx
@@ -2,7 +2,6 @@ import type { AllHTMLAttributes, ComponentProps, Ref } from 'react';
 import React, { forwardRef } from 'react';
 
 import Box from '../Box';
-import { Label } from '../Label';
 
 type RadioButtonProps = ComponentProps<typeof Box> &
   AllHTMLAttributes<HTMLInputElement>;
@@ -12,7 +11,7 @@ export const RadioButton = forwardRef(function RadioButton(
   ref: Ref<HTMLInputElement>
 ) {
   return (
-    <Box is={Label} className={className} rcx-radio-button>
+    <Box is='label' className={className} rcx-radio-button>
       <Box
         is='input'
         rcx-radio-button__input

diff --git a/packages/fuselage/src/components/ToggleSwitch/ToggleSwitch.tsx b/packages/fuselage/src/components/ToggleSwitch/ToggleSwitch.tsx
@@ -2,7 +2,6 @@ import type { AllHTMLAttributes, ComponentProps, Ref } from 'react';
 import React, { forwardRef } from 'react';
 
 import Box from '../Box';
-import { Label } from '../Label';
 
 export const ToggleSwitch = forwardRef(function ToggleSwitch(
   {
@@ -12,7 +11,7 @@ export const ToggleSwitch = forwardRef(function ToggleSwitch(
   ref: Ref<HTMLInputElement>
 ) {
   return (
-    <Box is={Label} className={className} rcx-toggle-switch>
+    <Box is='label' className={className} rcx-toggle-switch>
       <Box
         is='input'
         ref={ref}