diff --git a/.yarn/versions/c9eaa193.yml b/.yarn/versions/c9eaa193.yml new file mode 100644 index 0000000000..a9be245c85 --- /dev/null +++ b/.yarn/versions/c9eaa193.yml @@ -0,0 +1,36 @@ +releases: + "@interop-ui/react-checkbox": prerelease + "@interop-ui/react-label": prerelease + "@interop-ui/react-radio-group": prerelease + "@interop-ui/react-switch": prerelease + "@interop-ui/react-utils": prerelease + +declined: + - interop-ui + - "@interop-ui/popper" + - "@interop-ui/react-accessible-icon" + - "@interop-ui/react-accordion" + - "@interop-ui/react-alert-dialog" + - "@interop-ui/react-announce" + - "@interop-ui/react-arrow" + - "@interop-ui/react-aspect-ratio" + - "@interop-ui/react-avatar" + - "@interop-ui/react-collapsible" + - "@interop-ui/react-collection" + - "@interop-ui/react-debug-context" + - "@interop-ui/react-dialog" + - "@interop-ui/react-lock" + - "@interop-ui/react-lock-modular-temp" + - "@interop-ui/react-popover" + - "@interop-ui/react-popper" + - "@interop-ui/react-portal" + - "@interop-ui/react-progress-bar" + - "@interop-ui/react-separator" + - "@interop-ui/react-sheet" + - "@interop-ui/react-slider" + - "@interop-ui/react-tabs" + - "@interop-ui/react-toggle-button" + - "@interop-ui/react-tooltip" + - "@interop-ui/react-use-size" + - "@interop-ui/react-visually-hidden" + - "@interop-ui/docs" diff --git a/packages/react/checkbox/src/Checkbox.tsx b/packages/react/checkbox/src/Checkbox.tsx index 9fbee3f0d6..78379394b4 100644 --- a/packages/react/checkbox/src/Checkbox.tsx +++ b/packages/react/checkbox/src/Checkbox.tsx @@ -50,11 +50,11 @@ const Checkbox = forwardRef(null); const buttonRef = React.useRef(null); const ref = useComposedRefs(forwardedRef, buttonRef); + const labelId = useLabelContext(buttonRef); + const labelledBy = ariaLabelledby || labelId; const [checked = false, setChecked] = useControlledState({ prop: checkedProp, defaultProp: defaultChecked, @@ -84,14 +84,6 @@ const Checkbox = forwardRef