@thecb/components 12.1.0-beta.13 → 12.1.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "12.1.0-beta.13",
+  "version": "12.1.0-beta.14",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/checkbox/Checkbox.js

@@ -2,7 +2,7 @@ import React, { useState, forwardRef } from "react";
 import styled, { css } from "styled-components";
 import { fallbackValues } from "./Checkbox.theme";
 import { noop } from "../../../util/general";
-import { ENTER } from "../../../constants/keyboard";
+import { ENTER_KEY, SPACE_KEY } from "../../../constants/keyboard";
 import Box from "../layouts/Box";
 import Text from "../text";
 import { themeComponent } from "../../../util/themeUtils";
@@ -118,7 +118,8 @@ const Checkbox = forwardRef(
     const [focused, setFocused] = useState(false);
 
     const handleClick = (e, func) => {
-      if (e.keyCode === ENTER) {
+      if (e.key === SPACE_KEY) {
+        e.preventDefault();
         func();
       }
     };

package/src/constants/keyboard.js

@@ -3,5 +3,7 @@ export const ARROW_UP = 38;
 export const ARROW_RIGHT = 39;
 export const ARROW_DOWN = 40;
 export const ENTER = 13;
+export const ENTER_KEY = "Enter";
 export const ESCAPE = 27;
 export const SPACEBAR = 32;
+export const SPACE_KEY = " ";