Fix Checkbox

Author: kraenhansen

packages/checkbox/src/Checkbox/Checkbox.tsx

@@ -137,8 +137,8 @@ const Checkbox = React.forwardRef(
             className={cx(labelStyle, labelHoverStyle[theme], {
               [disabledLabelStyle]: disabled,
             })}
-            data-lgid={lgIds.root}
-            data-testid={lgIds.root}
+            data-lgid={lgIds.label}
+            data-testid={lgIds.label}
           >
             <input
               {...rest}
@@ -186,8 +186,8 @@ const Checkbox = React.forwardRef(
             <Description
               className={descriptionStyle}
               disabled={disabled}
-              data-lgid={lgIds.root}
-              data-testid={lgIds.root}
+              data-lgid={lgIds.description}
+              data-testid={lgIds.description}
             >
               {description}
             </Description>

packages/checkbox/src/utils/getLgIds.ts

@@ -3,10 +3,11 @@ import { LgIdString } from '@leafygreen-ui/lib';
 export const DEFAULT_LGID_ROOT = 'lg-checkbox';
 
 export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
-  const ids = {
+  return {
     root,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
-  return ids;
 };
 
 export type GetLgIdsReturnType = ReturnType<typeof getLgIds>;