@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 CHANGED
@@ -608,6 +608,7 @@ declare type ArtworkProps = {
608
608
  onEdit?: Function | VoidFunction;
609
609
  onDelete?: Function | VoidFunction;
610
610
  onSave?: Function | VoidFunction;
611
+ onError?: Function | VoidFunction;
611
612
  onDownload?: Function | VoidFunction;
612
613
  inputProps?: InputProps;
613
614
  inputEl?: React$1.ReactNode;
package/dist/index.es.js CHANGED
@@ -2926,7 +2926,7 @@ var LabeledRadio = function (_a) {
2926
2926
  };
2927
2927
  var LabeledRadioInButton = function (_a) {
2928
2928
  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"]);
2929
- return (React__default.createElement(LabeledRadio, { label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
2929
+ return (React__default.createElement(LabeledRadio, __assign({ label: label, checked: checked, disabled: disabled, onChange: onChange, labelStyle: {
2930
2930
  padding: "13px 40px",
2931
2931
  backgroundColor: disabled ? neutrals['40'] : checked ? colors.white : teal['20'],
2932
2932
  border: disabled ? "solid 3px ".concat(neutrals['40']) : checked ? "solid 3px ".concat(teal.main) : "solid 3px ".concat(teal['20']),
@@ -2934,7 +2934,7 @@ var LabeledRadioInButton = function (_a) {
2934
2934
  color: disabled ? neutrals['70'] : teal.main,
2935
2935
  flexGrow: flexGrow ? 1 : undefined,
2936
2936
  justifyContent: 'center',
2937
- }, radioIconStyle: {} }));
2937
+ }, radioIconStyle: {} }, props)));
2938
2938
  };
2939
2939
  var LabeledRadioGroup = function (_a) {
2940
2940
  var name = _a.name, value = _a.value, radios = _a.radios, onChange = _a.onChange, props = __rest(_a, ["name", "value", "radios", "onChange"]);
@@ -3788,9 +3788,10 @@ var Img = /*#__PURE__*/function (_Component) {
3788
3788
  }, {
3789
3789
  key: "render",
3790
3790
  value: function render() {
3791
- var props = _objectSpread2(_objectSpread2({}, this.props), {}, {
3792
- src: this.state.src,
3791
+ var props = _objectSpread2(_objectSpread2({
3793
3792
  onError: this.onError
3793
+ }, this.props), {}, {
3794
+ src: this.state.src
3794
3795
  });
3795
3796
 
3796
3797
  return /*#__PURE__*/React__default.createElement("img", Object.assign({
@@ -3822,7 +3823,7 @@ var Artwork = function (_a) {
3822
3823
  return React__default.createElement(ArtworkWrapper, { cssHeight: props.cssHeight ? props.cssHeight : props.picture ? 17 : 0, onClick: !props.picture && props.onClick ? props.onClick : undefined },
3823
3824
  props.picture ?
3824
3825
  React__default.createElement(ArtworkPicture, { onClick: function (e) { return props.onClick ? props.onClick(e) : null; }, cssHeight: props.cssHeight ? props.cssHeight : 17 },
3825
- React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" } }))
3826
+ React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" }, onError: props.onError }))
3826
3827
  :
3827
3828
  React__default.createElement(IconDoc, { ext: extension(props.name), style: { width: "3vw" } }),
3828
3829
  !props.edit ?