Merge branch 'master' into feature/tracking

components/TempDesignSystem/Form/ChoiceCard/_Card/card.ts

@@ -12,6 +12,7 @@ interface BaseCardProps
   title: React.ReactNode
   type: "checkbox" | "radio"
   value?: string
+  handleSelectedOnClick?: () => void
 }
 
 interface ListCardProps extends BaseCardProps {

components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx

@@ -25,10 +25,22 @@ export default function Card({
   title,
   type,
   value,
+  handleSelectedOnClick,
 }: CardProps) {
   const { register } = useFormContext()
+
+  function onLabelClick(event: React.MouseEvent) {
+    // Preventing click event on label elements firing twice: https://github.com/facebook/react/issues/14295
+    event.preventDefault()
+    handleSelectedOnClick?.()
+  }
   return (
-    <label className={styles.label} data-declined={declined} tabIndex={0}>
+    <label
+      className={styles.label}
+      data-declined={declined}
+      tabIndex={0}
+      onClick={handleSelectedOnClick ? onLabelClick : undefined}
+    >
       <Caption className={styles.title} color="burgundy" type="label" uppercase>
         {title}
       </Caption>