@moda/om 21.6.6 → 21.6.8

package/dist/index.esm.js

@@ -10355,11 +10355,13 @@ var SearchInput = function SearchInput(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames('SearchInput', className)
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "SearchInput__icon"
+    className: "SearchInput__icon",
+    "aria-hidden": "true"
   }, /*#__PURE__*/React__default.createElement(Search20, {
     height: "".concat(searchIconSize, "px"),
     width: "".concat(searchIconSize, "px")
   })), /*#__PURE__*/React__default.createElement(TextInput, _extends$1({
+    type: "search",
     className: classNames('SearchInput__input', {
       'SearchInput__input--round-borders': roundBorders,
       'SearchInput__input--no-borders': noBorders
@@ -10370,8 +10372,11 @@ var SearchInput = function SearchInput(_ref) {
   }, rest)), controlledValue && /*#__PURE__*/React__default.createElement(Clickable, {
     className: "SearchInput__clear",
     onClick: handleClear,
-    type: "reset"
-  }, /*#__PURE__*/React__default.createElement(Exit20, null)));
+    type: "reset",
+    "aria-label": "Clear search"
+  }, /*#__PURE__*/React__default.createElement(Exit20, {
+    "aria-hidden": "true"
+  })));
 };
 
 var t = function t(_t) {
@@ -12422,46 +12427,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 = useRef(null);
   return /*#__PURE__*/React__default.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__default.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__default.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__default.createElement("span", {
-    className: "RadioButton__label",
-    tabIndex: -1
+    className: "RadioButton__label"
   }, children));
 };