@onesy/ui-react 1.0.159 → 1.0.160
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/Button/Button.js +13 -12
- package/esm/Button/Button.js +13 -12
- package/esm/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
package/Button/Button.js
CHANGED
|
@@ -377,12 +377,13 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
|
|
|
377
377
|
} else {
|
|
378
378
|
children_ = (0, _utils.is)('array', children_) ? children_.filter(Boolean).map((item, index) => (0, _utils.is)('string', item.type) ? /*#__PURE__*/_react.default.cloneElement(item, {
|
|
379
379
|
key: index
|
|
380
|
-
}) : /*#__PURE__*/_react.default.cloneElement(item, _objectSpread({
|
|
381
|
-
key: index
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
380
|
+
}) : /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({
|
|
381
|
+
key: index
|
|
382
|
+
}, IconProps), {}, {
|
|
383
|
+
size: item.props.size !== undefined ? item.props.size : !noFontSize ? iconFontSize !== undefined ? iconFontSize : (IconProps === null || IconProps === void 0 ? void 0 : IconProps.size) || (size === 'large' ? 'medium' : size) : undefined
|
|
384
|
+
}))) : /*#__PURE__*/_react.default.cloneElement(children_, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
385
|
+
size: children_.props.size !== undefined ? children_.props.size : !noFontSize ? iconFontSize !== undefined ? iconFontSize : (IconProps === null || IconProps === void 0 ? void 0 : IconProps.size) || (size === 'large' ? 'medium' : size) : undefined
|
|
386
|
+
}));
|
|
386
387
|
if (!noFontSize) {
|
|
387
388
|
styles.root.fontSize = (0, _utils2.iconSizeToFontSize)(size === 'large' ? 'medium' : size);
|
|
388
389
|
if (!noIconRootFontSize) styles.iconRoot.fontSize = size === 'small' ? 30 : size === 'regular' ? 40 : 50;
|
|
@@ -467,9 +468,9 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
|
|
|
467
468
|
disabled: disabled
|
|
468
469
|
}, InteractionProps)), firstLevelChildren, start && /*#__PURE__*/_react.default.createElement("span", {
|
|
469
470
|
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Button', theme) && ['onesy-Button-icon', 'onesy-Button-start'], classes.Icon, classes.start, classes[`start_size_${size}`], chip && classes[`chip_start_size_${size}`]])
|
|
470
|
-
}, /*#__PURE__*/_react.default.cloneElement(start, _objectSpread({
|
|
471
|
-
size: ((_start = start) === null || _start === void 0 || (_start = _start.props) === null || _start === void 0 ? void 0 : _start.size) || size || 'regular'
|
|
472
|
-
}
|
|
471
|
+
}, /*#__PURE__*/_react.default.cloneElement(start, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
472
|
+
size: ((_start = start) === null || _start === void 0 || (_start = _start.props) === null || _start === void 0 ? void 0 : _start.size) || (IconProps === null || IconProps === void 0 ? void 0 : IconProps.size) || size || 'regular'
|
|
473
|
+
}))), icon ? /*#__PURE__*/_react.default.createElement(IconWrapperComponent, (0, _extends2.default)({}, IconWrapperProps, {
|
|
473
474
|
id: refs.ids.label,
|
|
474
475
|
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Button', theme) && ['onesy-Button-icon-root'], IconWrapperProps === null || IconWrapperProps === void 0 ? void 0 : IconWrapperProps.className, classes.iconRoot]),
|
|
475
476
|
style: _objectSpread(_objectSpread({}, styles.iconRoot), IconWrapperProps === null || IconWrapperProps === void 0 ? void 0 : IconWrapperProps.style)
|
|
@@ -490,9 +491,9 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
|
|
|
490
491
|
});
|
|
491
492
|
})), end && /*#__PURE__*/_react.default.createElement("span", {
|
|
492
493
|
className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Button', theme) && ['onesy-Button-icon', 'onesy-Button-end'], classes.Icon, classes.end, classes[`end_size_${size}`], chip && classes[`chip_end_size_${size}`]])
|
|
493
|
-
}, /*#__PURE__*/_react.default.cloneElement(end, _objectSpread({
|
|
494
|
-
size: ((_end = end) === null || _end === void 0 || (_end = _end.props) === null || _end === void 0 ? void 0 : _end.size) || size || 'regular'
|
|
495
|
-
}
|
|
494
|
+
}, /*#__PURE__*/_react.default.cloneElement(end, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
495
|
+
size: ((_end = end) === null || _end === void 0 || (_end = _end.props) === null || _end === void 0 ? void 0 : _end.size) || (IconProps === null || IconProps === void 0 ? void 0 : IconProps.size) || size || 'regular'
|
|
496
|
+
}))));
|
|
496
497
|
});
|
|
497
498
|
Button.displayName = 'onesy-Button';
|
|
498
499
|
var _default = exports.default = Button;
|
package/esm/Button/Button.js
CHANGED
|
@@ -354,12 +354,13 @@ const Button = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
354
354
|
} else {
|
|
355
355
|
children_ = is('array', children_) ? children_.filter(Boolean).map((item, index) => is('string', item.type) ? /*#__PURE__*/React.cloneElement(item, {
|
|
356
356
|
key: index
|
|
357
|
-
}) : /*#__PURE__*/React.cloneElement(item, _objectSpread({
|
|
358
|
-
key: index
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
357
|
+
}) : /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({
|
|
358
|
+
key: index
|
|
359
|
+
}, IconProps), {}, {
|
|
360
|
+
size: item.props.size !== undefined ? item.props.size : !noFontSize ? iconFontSize !== undefined ? iconFontSize : IconProps?.size || (size === 'large' ? 'medium' : size) : undefined
|
|
361
|
+
}))) : /*#__PURE__*/React.cloneElement(children_, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
362
|
+
size: children_.props.size !== undefined ? children_.props.size : !noFontSize ? iconFontSize !== undefined ? iconFontSize : IconProps?.size || (size === 'large' ? 'medium' : size) : undefined
|
|
363
|
+
}));
|
|
363
364
|
if (!noFontSize) {
|
|
364
365
|
styles.root.fontSize = iconSizeToFontSize(size === 'large' ? 'medium' : size);
|
|
365
366
|
if (!noIconRootFontSize) styles.iconRoot.fontSize = size === 'small' ? 30 : size === 'regular' ? 40 : 50;
|
|
@@ -444,9 +445,9 @@ const Button = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
444
445
|
disabled: disabled
|
|
445
446
|
}, InteractionProps)), firstLevelChildren, start && /*#__PURE__*/React.createElement("span", {
|
|
446
447
|
className: classNames([staticClassName('Button', theme) && ['onesy-Button-icon', 'onesy-Button-start'], classes.Icon, classes.start, classes[`start_size_${size}`], chip && classes[`chip_start_size_${size}`]])
|
|
447
|
-
}, /*#__PURE__*/React.cloneElement(start, _objectSpread({
|
|
448
|
-
size: start?.props?.size || size || 'regular'
|
|
449
|
-
}
|
|
448
|
+
}, /*#__PURE__*/React.cloneElement(start, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
449
|
+
size: start?.props?.size || IconProps?.size || size || 'regular'
|
|
450
|
+
}))), icon ? /*#__PURE__*/React.createElement(IconWrapperComponent, _extends({}, IconWrapperProps, {
|
|
450
451
|
id: refs.ids.label,
|
|
451
452
|
className: classNames([staticClassName('Button', theme) && ['onesy-Button-icon-root'], IconWrapperProps?.className, classes.iconRoot]),
|
|
452
453
|
style: _objectSpread(_objectSpread({}, styles.iconRoot), IconWrapperProps?.style)
|
|
@@ -466,9 +467,9 @@ const Button = /*#__PURE__*/React.forwardRef((props_, ref) => {
|
|
|
466
467
|
});
|
|
467
468
|
})), end && /*#__PURE__*/React.createElement("span", {
|
|
468
469
|
className: classNames([staticClassName('Button', theme) && ['onesy-Button-icon', 'onesy-Button-end'], classes.Icon, classes.end, classes[`end_size_${size}`], chip && classes[`chip_end_size_${size}`]])
|
|
469
|
-
}, /*#__PURE__*/React.cloneElement(end, _objectSpread({
|
|
470
|
-
size: end?.props?.size || size || 'regular'
|
|
471
|
-
}
|
|
470
|
+
}, /*#__PURE__*/React.cloneElement(end, _objectSpread(_objectSpread({}, IconProps), {}, {
|
|
471
|
+
size: end?.props?.size || IconProps?.size || size || 'regular'
|
|
472
|
+
}))));
|
|
472
473
|
});
|
|
473
474
|
Button.displayName = 'onesy-Button';
|
|
474
475
|
export default Button;
|
package/esm/index.js
CHANGED
package/index.js
CHANGED