@commonsku/styles 1.14.5 → 1.14.6
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.d.ts +1 -0
- package/dist/index.es.js +6 -5
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/dist/styles/Artwork.d.ts +1 -0
- package/dist/styles/Artwork.d.ts.map +1 -1
- package/dist/styles/Img.d.ts.map +1 -1
- package/dist/styles/Input.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2935,7 +2935,7 @@ var LabeledRadio = function (_a) {
|
|
|
2935
2935
|
};
|
|
2936
2936
|
var LabeledRadioInButton = function (_a) {
|
|
2937
2937
|
var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, labelStyle = _a.labelStyle, radioIconStyle = _a.radioIconStyle, flexGrow = _a.flexGrow, onChange = _a.onChange, props = __rest(_a, ["label", "name", "checked", "disabled", "labelStyle", "radioIconStyle", "flexGrow", "onChange"]);
|
|
2938
|
-
return (React__default.createElement(LabeledRadio, { label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
|
|
2938
|
+
return (React__default.createElement(LabeledRadio, __assign({ label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
|
|
2939
2939
|
padding: "13px 40px",
|
|
2940
2940
|
backgroundColor: disabled ? neutrals['40'] : checked ? colors.white : teal['20'],
|
|
2941
2941
|
border: disabled ? "solid 3px ".concat(neutrals['40']) : checked ? "solid 3px ".concat(teal.main) : "solid 3px ".concat(teal['20']),
|
|
@@ -2943,7 +2943,7 @@ var LabeledRadioInButton = function (_a) {
|
|
|
2943
2943
|
color: disabled ? neutrals['70'] : teal.main,
|
|
2944
2944
|
flexGrow: flexGrow ? 1 : undefined,
|
|
2945
2945
|
justifyContent: 'center',
|
|
2946
|
-
}, radioIconStyle: {} }));
|
|
2946
|
+
}, radioIconStyle: {} }, props)));
|
|
2947
2947
|
};
|
|
2948
2948
|
var LabeledRadioGroup = function (_a) {
|
|
2949
2949
|
var name = _a.name, value = _a.value, radios = _a.radios, onChange = _a.onChange, props = __rest(_a, ["name", "value", "radios", "onChange"]);
|
|
@@ -3797,9 +3797,10 @@ var Img = /*#__PURE__*/function (_Component) {
|
|
|
3797
3797
|
}, {
|
|
3798
3798
|
key: "render",
|
|
3799
3799
|
value: function render() {
|
|
3800
|
-
var props = _objectSpread2(_objectSpread2({
|
|
3801
|
-
src: this.state.src,
|
|
3800
|
+
var props = _objectSpread2(_objectSpread2({
|
|
3802
3801
|
onError: this.onError
|
|
3802
|
+
}, this.props), {}, {
|
|
3803
|
+
src: this.state.src
|
|
3803
3804
|
});
|
|
3804
3805
|
|
|
3805
3806
|
return /*#__PURE__*/React__default.createElement("img", Object.assign({
|
|
@@ -3831,7 +3832,7 @@ var Artwork = function (_a) {
|
|
|
3831
3832
|
return React__default.createElement(ArtworkWrapper, { cssHeight: props.cssHeight ? props.cssHeight : props.picture ? 17 : 0, onClick: !props.picture && props.onClick ? props.onClick : undefined },
|
|
3832
3833
|
props.picture ?
|
|
3833
3834
|
React__default.createElement(ArtworkPicture, { onClick: function (e) { return props.onClick ? props.onClick(e) : null; }, cssHeight: props.cssHeight ? props.cssHeight : 17 },
|
|
3834
|
-
React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" } }))
|
|
3835
|
+
React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" }, onError: props.onError }))
|
|
3835
3836
|
:
|
|
3836
3837
|
React__default.createElement(IconDoc, { ext: extension(props.name), style: { width: "3vw" } }),
|
|
3837
3838
|
!props.edit ?
|