@moda/om 21.6.6 → 21.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +3 -15
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -15
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/RadioButton/RadioButton.stories.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/RadioButton/RadioButton.scss +5 -0
- package/src/components/RadioButton/RadioButton.stories.tsx +18 -20
- package/src/components/RadioButton/RadioButton.tsx +3 -15
package/dist/index.esm.js
CHANGED
|
@@ -12422,46 +12422,34 @@ var PromoBanner = function PromoBanner(_ref) {
|
|
|
12422
12422
|
})));
|
|
12423
12423
|
};
|
|
12424
12424
|
|
|
12425
|
-
var _excluded$7 = ["className", "checked", "children", "value", "
|
|
12425
|
+
var _excluded$7 = ["className", "checked", "children", "value", "disabled"];
|
|
12426
12426
|
var RadioButton = function RadioButton(_ref) {
|
|
12427
12427
|
var className = _ref.className,
|
|
12428
12428
|
checked = _ref.checked,
|
|
12429
12429
|
children = _ref.children,
|
|
12430
12430
|
value = _ref.value,
|
|
12431
|
-
tabIndex = _ref.tabIndex,
|
|
12432
12431
|
disabled = _ref.disabled,
|
|
12433
12432
|
rest = _objectWithoutProperties(_ref, _excluded$7);
|
|
12434
|
-
var inputRef = useRef(null);
|
|
12435
12433
|
return /*#__PURE__*/React__default.createElement("label", {
|
|
12436
|
-
tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0,
|
|
12437
|
-
onKeyDown: function onKeyDown(_ref2) {
|
|
12438
|
-
var _inputRef$current;
|
|
12439
|
-
var key = _ref2.key;
|
|
12440
|
-
return (key === 'Enter' || key === ' ') && ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click());
|
|
12441
|
-
},
|
|
12442
12434
|
className: classNames('RadioButton', className, {
|
|
12443
12435
|
'RadioButton--checked': checked,
|
|
12444
12436
|
'RadioButton--disabled': disabled
|
|
12445
12437
|
})
|
|
12446
12438
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
12447
|
-
|
|
12439
|
+
"aria-hidden": "true",
|
|
12448
12440
|
className: classNames('RadioButton__indicator', {
|
|
12449
12441
|
'RadioButton__indicator--checked': checked,
|
|
12450
12442
|
'RadioButton__indicator--unchecked': !checked,
|
|
12451
12443
|
'RadioButton__indicator--disabled': disabled
|
|
12452
12444
|
})
|
|
12453
12445
|
}), /*#__PURE__*/React__default.createElement("input", _extends$1({
|
|
12454
|
-
ref: inputRef,
|
|
12455
|
-
tabIndex: -1,
|
|
12456
12446
|
className: "RadioButton__input",
|
|
12457
12447
|
type: "radio",
|
|
12458
|
-
role: "radio",
|
|
12459
12448
|
checked: checked,
|
|
12460
12449
|
value: value,
|
|
12461
12450
|
disabled: disabled
|
|
12462
12451
|
}, rest)), children && /*#__PURE__*/React__default.createElement("span", {
|
|
12463
|
-
className: "RadioButton__label"
|
|
12464
|
-
tabIndex: -1
|
|
12452
|
+
className: "RadioButton__label"
|
|
12465
12453
|
}, children));
|
|
12466
12454
|
};
|
|
12467
12455
|
|