@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.cjs.js
CHANGED
|
@@ -12442,46 +12442,34 @@ var PromoBanner = function PromoBanner(_ref) {
|
|
|
12442
12442
|
})));
|
|
12443
12443
|
};
|
|
12444
12444
|
|
|
12445
|
-
var _excluded$7 = ["className", "checked", "children", "value", "
|
|
12445
|
+
var _excluded$7 = ["className", "checked", "children", "value", "disabled"];
|
|
12446
12446
|
var RadioButton = function RadioButton(_ref) {
|
|
12447
12447
|
var className = _ref.className,
|
|
12448
12448
|
checked = _ref.checked,
|
|
12449
12449
|
children = _ref.children,
|
|
12450
12450
|
value = _ref.value,
|
|
12451
|
-
tabIndex = _ref.tabIndex,
|
|
12452
12451
|
disabled = _ref.disabled,
|
|
12453
12452
|
rest = _objectWithoutProperties(_ref, _excluded$7);
|
|
12454
|
-
var inputRef = React.useRef(null);
|
|
12455
12453
|
return /*#__PURE__*/React.createElement("label", {
|
|
12456
|
-
tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0,
|
|
12457
|
-
onKeyDown: function onKeyDown(_ref2) {
|
|
12458
|
-
var _inputRef$current;
|
|
12459
|
-
var key = _ref2.key;
|
|
12460
|
-
return (key === 'Enter' || key === ' ') && ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click());
|
|
12461
|
-
},
|
|
12462
12454
|
className: classNames('RadioButton', className, {
|
|
12463
12455
|
'RadioButton--checked': checked,
|
|
12464
12456
|
'RadioButton--disabled': disabled
|
|
12465
12457
|
})
|
|
12466
12458
|
}, /*#__PURE__*/React.createElement("span", {
|
|
12467
|
-
|
|
12459
|
+
"aria-hidden": "true",
|
|
12468
12460
|
className: classNames('RadioButton__indicator', {
|
|
12469
12461
|
'RadioButton__indicator--checked': checked,
|
|
12470
12462
|
'RadioButton__indicator--unchecked': !checked,
|
|
12471
12463
|
'RadioButton__indicator--disabled': disabled
|
|
12472
12464
|
})
|
|
12473
12465
|
}), /*#__PURE__*/React.createElement("input", _extends$1({
|
|
12474
|
-
ref: inputRef,
|
|
12475
|
-
tabIndex: -1,
|
|
12476
12466
|
className: "RadioButton__input",
|
|
12477
12467
|
type: "radio",
|
|
12478
|
-
role: "radio",
|
|
12479
12468
|
checked: checked,
|
|
12480
12469
|
value: value,
|
|
12481
12470
|
disabled: disabled
|
|
12482
12471
|
}, rest)), children && /*#__PURE__*/React.createElement("span", {
|
|
12483
|
-
className: "RadioButton__label"
|
|
12484
|
-
tabIndex: -1
|
|
12472
|
+
className: "RadioButton__label"
|
|
12485
12473
|
}, children));
|
|
12486
12474
|
};
|
|
12487
12475
|
|