@codeleap/web 3.18.0 → 3.18.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.18.0",
+  "version": "3.18.1",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/Checkbox/index.tsx

@@ -113,9 +113,9 @@ export const Checkbox = (props: CheckboxProps) => {
 
   const _checkboxOnLeft = checkboxOnLeft ?? variantStyles.__props?.checkboxOnLeft
 
-  const handleChange = () => {
+  const handleChange = (e) => {
     if (disabled) return
-    if (onValueChange) onValueChange?.(!value)
+    if (onValueChange && (e?.type === 'click' || e?.keyCode === 13 || e?.key === 'Enter')) onValueChange?.(!value)
   }
 
   return <InputBase
@@ -142,6 +142,8 @@ export const Checkbox = (props: CheckboxProps) => {
       animate={boxAnimation}
       transition={variantStyles['box:transition']}
       onClick={handleChange}
+      onKeyDown={handleChange}
+      tabIndex={0}
     >
       <motion.div
         css={[
@@ -151,6 +153,7 @@ export const Checkbox = (props: CheckboxProps) => {
         initial={false}
         animate={checkmarkWrapperAnimation}
         transition={variantStyles['checkmarkWrapper:transition']}
+
       >
         <Icon
           debugName={debugName}

package/src/components/Touchable/index.tsx

@@ -106,7 +106,7 @@ export const TouchableCP = <T extends NativeHTMLElement = 'button'>(
     }
 
     const _onPress = () => {
-      if (!!event && event?.keyCode !== 13 || event?.key !== 'Enter') return null
+      if (event && (event?.type !== 'click' && event?.keyCode !== 13 && event?.key !== 'Enter')) return null
 
       logger.log(
         `<${debugComponent || 'Touchable'}/> pressed`,