@moda/om 16.1.0 → 16.1.1
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/CHANGELOG.md +7 -0
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/index.cjs.js +5 -6
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -6
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.stories.tsx +2 -2
- package/src/components/Checkbox/Checkbox.tsx +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [16.1.1](https://github.com/ModaOperandi/om/compare/v16.1.0...v16.1.1) (2022-05-26)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **checkbox:** renames prop to `checkIcon` instead of `showCheckUsing` ([c2bb15e](https://github.com/ModaOperandi/om/commit/c2bb15e9da1bd8b427a1c9ccfa48e7d231cb5046))
|
|
12
|
+
|
|
6
13
|
# [16.1.0](https://github.com/ModaOperandi/om/compare/v16.0.0...v16.1.0) (2022-05-24)
|
|
7
14
|
|
|
8
15
|
|
|
@@ -3,6 +3,6 @@ import './Checkbox.scss';
|
|
|
3
3
|
export declare type ShowCheckedUsing = 'checkmark' | 'circle';
|
|
4
4
|
export declare type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
5
5
|
children?: JSX.Element | string;
|
|
6
|
-
|
|
6
|
+
checkIcon?: ShowCheckedUsing;
|
|
7
7
|
};
|
|
8
8
|
export declare const Checkbox: React.FC<CheckboxProps>;
|
package/dist/index.cjs.js
CHANGED
|
@@ -1147,7 +1147,7 @@ function _defineProperty$1(obj, key, value) {
|
|
|
1147
1147
|
}
|
|
1148
1148
|
|
|
1149
1149
|
function _extends$1() {
|
|
1150
|
-
_extends$1 = Object.assign
|
|
1150
|
+
_extends$1 = Object.assign ? Object.assign.bind() : function (target) {
|
|
1151
1151
|
for (var i = 1; i < arguments.length; i++) {
|
|
1152
1152
|
var source = arguments[i];
|
|
1153
1153
|
|
|
@@ -1160,7 +1160,6 @@ function _extends$1() {
|
|
|
1160
1160
|
|
|
1161
1161
|
return target;
|
|
1162
1162
|
};
|
|
1163
|
-
|
|
1164
1163
|
return _extends$1.apply(this, arguments);
|
|
1165
1164
|
}
|
|
1166
1165
|
|
|
@@ -5737,7 +5736,7 @@ var Circle12 = function Circle12(_a) {
|
|
|
5737
5736
|
|
|
5738
5737
|
Circle12.displayName = 'Circle12';
|
|
5739
5738
|
|
|
5740
|
-
var _excluded$w = ["className", "defaultChecked", "checked", "children", "value", "onChange", "disabled", "
|
|
5739
|
+
var _excluded$w = ["className", "defaultChecked", "checked", "children", "value", "onChange", "disabled", "checkIcon"];
|
|
5741
5740
|
var CHECKED_ITEM_PROPS = {
|
|
5742
5741
|
className: 'Checkbox__check-mark',
|
|
5743
5742
|
height: '85%',
|
|
@@ -5753,8 +5752,8 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
5753
5752
|
value = _ref.value,
|
|
5754
5753
|
onChange = _ref.onChange,
|
|
5755
5754
|
disabled = _ref.disabled,
|
|
5756
|
-
_ref$
|
|
5757
|
-
|
|
5755
|
+
_ref$checkIcon = _ref.checkIcon,
|
|
5756
|
+
checkIcon = _ref$checkIcon === void 0 ? 'checkmark' : _ref$checkIcon,
|
|
5758
5757
|
rest = _objectWithoutProperties(_ref, _excluded$w);
|
|
5759
5758
|
|
|
5760
5759
|
var _useState = React.useState((_ref2 = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
|
|
@@ -5780,7 +5779,7 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
5780
5779
|
className: classNames('Checkbox__indicator', {
|
|
5781
5780
|
'Checkbox__indicator--disabled': disabled
|
|
5782
5781
|
})
|
|
5783
|
-
}, isChecked && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
5782
|
+
}, isChecked && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, checkIcon === 'checkmark' && /*#__PURE__*/React__default["default"].createElement(Checkmark16, CHECKED_ITEM_PROPS), checkIcon === 'circle' && /*#__PURE__*/React__default["default"].createElement(Circle12, CHECKED_ITEM_PROPS))), /*#__PURE__*/React__default["default"].createElement("input", _extends$1({
|
|
5784
5783
|
tabIndex: -1,
|
|
5785
5784
|
className: "Checkbox__input",
|
|
5786
5785
|
type: "checkbox",
|