@moda/om 21.6.5 → 21.6.7

package/dist/index.cjs.js

@@ -7528,19 +7528,17 @@ var Checkbox = function Checkbox(_ref) {
   }, [onChange, checked]);
   return /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
-    tabIndex: 0,
     className: classNames('Checkbox', className, {
       'Checkbox--disabled': disabled
     }),
     "data-test-id": dataTestId && "".concat(dataTestId, "--label")
   }, /*#__PURE__*/React.createElement("span", {
-    tabIndex: -1,
+    "aria-hidden": "true",
     className: classNames('Checkbox__indicator', {
       'Checkbox__indicator--disabled': disabled
     })
   }, isChecked && /*#__PURE__*/React.createElement(React.Fragment, null, checkIcon === 'checkmark' && /*#__PURE__*/React.createElement(Checkmark16, CHECKED_ITEM_PROPS), checkIcon === 'circle' && /*#__PURE__*/React.createElement(Circle12, CHECKED_ITEM_PROPS))), /*#__PURE__*/React.createElement("input", _extends$1({
     id: id,
-    tabIndex: -1,
     className: "Checkbox__input",
     type: "checkbox",
     checked: isChecked,
@@ -12444,46 +12442,34 @@ var PromoBanner = function PromoBanner(_ref) {
   })));
 };
 
-var _excluded$7 = ["className", "checked", "children", "value", "tabIndex", "disabled"];
+var _excluded$7 = ["className", "checked", "children", "value", "disabled"];
 var RadioButton = function RadioButton(_ref) {
   var className = _ref.className,
     checked = _ref.checked,
     children = _ref.children,
     value = _ref.value,
-    tabIndex = _ref.tabIndex,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded$7);
-  var inputRef = React.useRef(null);
   return /*#__PURE__*/React.createElement("label", {
-    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0,
-    onKeyDown: function onKeyDown(_ref2) {
-      var _inputRef$current;
-      var key = _ref2.key;
-      return (key === 'Enter' || key === ' ') && ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click());
-    },
     className: classNames('RadioButton', className, {
       'RadioButton--checked': checked,
       'RadioButton--disabled': disabled
     })
   }, /*#__PURE__*/React.createElement("span", {
-    tabIndex: -1,
+    "aria-hidden": "true",
     className: classNames('RadioButton__indicator', {
       'RadioButton__indicator--checked': checked,
       'RadioButton__indicator--unchecked': !checked,
       'RadioButton__indicator--disabled': disabled
     })
   }), /*#__PURE__*/React.createElement("input", _extends$1({
-    ref: inputRef,
-    tabIndex: -1,
     className: "RadioButton__input",
     type: "radio",
-    role: "radio",
     checked: checked,
     value: value,
     disabled: disabled
   }, rest)), children && /*#__PURE__*/React.createElement("span", {
-    className: "RadioButton__label",
-    tabIndex: -1
+    className: "RadioButton__label"
   }, children));
 };