feat(Toggle and ToggleSmall): on Enter key press toggle action is bei…

…ng triggered. (#2219)

* fix(Toggle): adds event for key.wich===13

* fix(ToggleSmall): adds event for key.wich===13

* fix(Toggle): adds helpers for keypress

* fix: adds helpers for keypress

* fix: adds actions

src/components/Toggle/Toggle.js

@@ -10,6 +10,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { settings } from 'carbon-components';
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
+import { keys, match } from '../../tools/key';
 
 const { prefix } = settings;
 const getInstanceId = setupGetInstanceId();
@@ -113,6 +114,13 @@ class Toggle extends React.Component {
             ref={el => {
               input = el;
             }}
+            onKeyUp={evt => {
+              if (match(evt, keys.ENTER)) {
+                input.checked = !input.checked;
+                onChange(evt);
+                onToggle(input.checked, id, evt);
+              }
+            }}
           />
 
           <label className={`${prefix}--toggle__label`} htmlFor={id}>

src/components/ToggleSmall/ToggleSmall.js

@@ -9,6 +9,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';
 import { settings } from 'carbon-components';
+import { keys, match } from '../../tools/key';
 
 const { prefix } = settings;
 
@@ -52,6 +53,13 @@ const ToggleSmall = ({
           input = el;
         }}
         aria-label={ariaLabel}
+        onKeyUp={evt => {
+          if (match(evt, keys.ENTER)) {
+            input.checked = !input.checked;
+            onChange(evt);
+            onToggle(input.checked, id, evt);
+          }
+        }}
       />
 
       <label className={`${prefix}--toggle__label`} htmlFor={id}>