@micromag/core 0.3.106 → 0.3.110

package/es/components.js

@@ -16,8 +16,8 @@ import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver }
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
-import isArray from 'lodash/isArray';
 import { DashboardModal } from '@uppy/react';
+import isArray from 'lodash/isArray';
 import dayjs from 'dayjs';
 import throttle from 'lodash/throttle';
 import isObject from 'lodash/isObject';
@@ -1744,6 +1744,7 @@ var ModalDialog = function ModalDialog(_ref) {
 ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
+// import classNames from 'classnames';
 var propTypes$p = {
   type: PropTypes$1.oneOfType([PropTypes.mediaTypes, PropTypes$1.array]),
   opened: PropTypes$1.bool,
@@ -1765,7 +1766,7 @@ var UploadModal = function UploadModal(_ref) {
       sources = _ref.sources,
       onUploaded = _ref.onUploaded,
       onRequestClose = _ref.onRequestClose;
-  var onUpppyComplete = useCallback(function (response) {
+  var onUppyComplete = useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
     }
@@ -1782,7 +1783,7 @@ var UploadModal = function UploadModal(_ref) {
     return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
   }, [type]);
   var uppy = useUppy({
-    onComplete: onUpppyComplete,
+    onComplete: onUppyComplete,
     sources: sources,
     allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
   });
@@ -2571,6 +2572,11 @@ var textStyle = PropTypes$1.shape({
   lineHeight: PropTypes$1.number
 });
 var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes$1.shape({
+  shadowDistance: PropTypes$1.number,
+  shadowBlur: PropTypes$1.number,
+  shadowColor: color
+});
 PropTypes$1.shape({
   width: PropTypes$1.number,
   style: borderTypes,
@@ -2582,7 +2588,8 @@ var boxStyle = PropTypes$1.shape({
   borderRadius: PropTypes$1.number,
   borderWidth: PropTypes$1.number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 PropTypes$1.shape({
   top: PropTypes$1.number,
@@ -2621,7 +2628,7 @@ PropTypes$1.shape({
   loop: PropTypes$1.bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes$1.bool,
-  withPlayPause: PropTypes$1.bool
+  withControls: PropTypes$1.bool
 });
 var visualElement = PropTypes$1.shape({
   media: imageMedia

package/es/contexts.js

@@ -1094,6 +1094,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
 TrackingProvider.propTypes = propTypes$3;
 TrackingProvider.defaultProps = defaultProps$3;
 
+var _excluded$3 = ["Uppy"];
 /**
  * Locale loader
  */
@@ -1120,12 +1121,17 @@ var useUppyCore = function useUppyCore() {
     }
 
     import('@uppy/core').then(function (_ref) {
-      var Uppy = _ref.Uppy;
-      packageCache = Uppy;
+      var Uppy = _ref.Uppy,
+          other = _objectWithoutProperties(_ref, _excluded$3);
+
+      var _ref2 = other || {},
+          defaultPackage = _ref2["default"];
+
+      packageCache = Uppy || defaultPackage;
 
       if (!canceled) {
         setLoadedPackage({
-          "package": Uppy
+          "package": Uppy || defaultPackage
         });
       }
     });

package/es/hooks.js

@@ -978,18 +978,6 @@ var useMediaApi = function useMediaApi() {
       media.addEventListener('loadeddata', onCustomLoadedData);
     }
 
-    if (media !== null && media.readyState > 1) {
-      setDataReady(true);
-    } else {
-      setDataReady(false);
-    }
-
-    if (media !== null && media.readyState > 3) {
-      setReady(true);
-    } else {
-      setReady(false);
-    }
-
     return function () {
       if (media !== null) {
         media.removeEventListener('timeupdate', onCustomTimeUpdate);
@@ -1005,6 +993,22 @@ var useMediaApi = function useMediaApi() {
         media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
       }
     };
+  }, [url, onCustomTimeUpdate, onCustomDurationChange, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]);
+  useEffect(function () {
+    var _ref$current2 = ref.current,
+        media = _ref$current2 === void 0 ? null : _ref$current2;
+
+    if (media !== null && media.readyState > 1) {
+      setDataReady(true);
+    } else {
+      setDataReady(false);
+    }
+
+    if (media !== null && media.readyState > 3) {
+      setReady(true);
+    } else {
+      setReady(false);
+    }
   }, [url]);
   return {
     ref: ref,

package/es/index.js

@@ -231,6 +231,11 @@ var textStyle = PropTypes$1.shape({
   lineHeight: PropTypes$1.number
 });
 var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes$1.shape({
+  shadowDistance: PropTypes$1.number,
+  shadowBlur: PropTypes$1.number,
+  shadowColor: color
+});
 var borderStyle = PropTypes$1.shape({
   width: PropTypes$1.number,
   style: borderTypes,
@@ -242,7 +247,8 @@ var boxStyle = PropTypes$1.shape({
   borderRadius: PropTypes$1.number,
   borderWidth: PropTypes$1.number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 var margin = PropTypes$1.shape({
   top: PropTypes$1.number,
@@ -281,7 +287,7 @@ var videoElement = PropTypes$1.shape({
   loop: PropTypes$1.bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes$1.bool,
-  withPlayPause: PropTypes$1.bool
+  withControls: PropTypes$1.bool
 });
 var visualElement = PropTypes$1.shape({
   media: imageMedia
@@ -638,6 +644,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     color: color,
     textStyle: textStyle,
     borderTypes: borderTypes,
+    shadowType: shadowType,
     borderStyle: borderStyle,
     boxStyle: boxStyle,
     margin: margin,

package/es/utils.js

@@ -404,6 +404,15 @@ var getScreenExtraField = function getScreenExtraField(intl) {
   };
 };
 
+function getShadowCoords(angle, distance) {
+  var x = Math.cos(angle) * distance;
+  var y = Math.sin(angle) * distance;
+  return {
+    x: x,
+    y: y
+  };
+}
+
 var getStyleFromColor = function getStyleFromColor() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
@@ -430,6 +439,33 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   } : null), getStyleFromColor(color, 'borderColor'));
 };
 
+var getStyleFromShadow = function getStyleFromShadow(value) {
+  if (value == null) {
+    return null;
+  }
+
+  var _ref = value || {},
+      _ref$shadowAngle = _ref.shadowAngle,
+      shadowAngle = _ref$shadowAngle === void 0 ? 0 : _ref$shadowAngle,
+      _ref$shadowDistance = _ref.shadowDistance,
+      shadowDistance = _ref$shadowDistance === void 0 ? 5 : _ref$shadowDistance,
+      _ref$shadowBlur = _ref.shadowBlur,
+      shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
+      _ref$shadowColor = _ref.shadowColor,
+      shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
+
+  var color = getColorAsString(shadowColor);
+
+  var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
+      x = _getShadowCoords.x,
+      y = _getShadowCoords.y;
+
+  var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(shadowBlur, "px 0 ").concat(color);
+  return {
+    boxShadow: boxShadow
+  };
+};
+
 var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
@@ -454,12 +490,26 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _value$borderStyle = value.borderStyle,
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
-      borderColor = _value$borderColor === void 0 ? null : _value$borderColor;
+      borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
+      _value$shadowAngle = value.shadowAngle,
+      shadowAngle = _value$shadowAngle === void 0 ? null : _value$shadowAngle,
+      _value$shadowDistance = value.shadowDistance,
+      shadowDistance = _value$shadowDistance === void 0 ? null : _value$shadowDistance,
+      _value$shadowBlur = value.shadowBlur,
+      shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
+      _value$shadowColor = value.shadowColor,
+      shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
   var border = {
     width: borderWidth,
     style: borderStyle,
     color: borderColor
   };
+  var shadow = {
+    shadowAngle: shadowAngle,
+    shadowDistance: shadowDistance,
+    shadowBlur: shadowBlur,
+    shadowColor: shadowColor
+  };
 
   var _ref = isObject(padding) ? padding : {
     padding: padding
@@ -475,9 +525,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _ref$padding = _ref.padding,
       paddingValue = _ref$padding === void 0 ? null : _ref$padding;
 
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), shadowAngle ? getStyleFromShadow(shadow) : null), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop
@@ -800,4 +850,4 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
   return tinycolor(color).spin(30).toString();
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
+export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getShadowCoords, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };

package/lib/components.js

@@ -20,8 +20,8 @@ var hooks = require('@micromag/core/hooks');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var get = require('lodash/get');
 var ReactDOM = require('react-dom');
-var isArray = require('lodash/isArray');
 var react = require('@uppy/react');
+var isArray = require('lodash/isArray');
 var dayjs = require('dayjs');
 var throttle = require('lodash/throttle');
 var isObject = require('lodash/isObject');
@@ -1767,6 +1767,7 @@ var ModalDialog = function ModalDialog(_ref) {
 ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
+// import classNames from 'classnames';
 var propTypes$p = {
   type: PropTypes__default["default"].oneOfType([core.PropTypes.mediaTypes, PropTypes__default["default"].array]),
   opened: PropTypes__default["default"].bool,
@@ -1788,7 +1789,7 @@ var UploadModal = function UploadModal(_ref) {
       sources = _ref.sources,
       onUploaded = _ref.onUploaded,
       onRequestClose = _ref.onRequestClose;
-  var onUpppyComplete = React.useCallback(function (response) {
+  var onUppyComplete = React.useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
     }
@@ -1805,7 +1806,7 @@ var UploadModal = function UploadModal(_ref) {
     return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
   }, [type]);
   var uppy = contexts.useUppy({
-    onComplete: onUpppyComplete,
+    onComplete: onUppyComplete,
     sources: sources,
     allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
   });
@@ -2594,6 +2595,11 @@ var textStyle = PropTypes__default["default"].shape({
   lineHeight: PropTypes__default["default"].number
 });
 var borderTypes = PropTypes__default["default"].oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes__default["default"].shape({
+  shadowDistance: PropTypes__default["default"].number,
+  shadowBlur: PropTypes__default["default"].number,
+  shadowColor: color
+});
 PropTypes__default["default"].shape({
   width: PropTypes__default["default"].number,
   style: borderTypes,
@@ -2605,7 +2611,8 @@ var boxStyle = PropTypes__default["default"].shape({
   borderRadius: PropTypes__default["default"].number,
   borderWidth: PropTypes__default["default"].number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 PropTypes__default["default"].shape({
   top: PropTypes__default["default"].number,
@@ -2644,7 +2651,7 @@ PropTypes__default["default"].shape({
   loop: PropTypes__default["default"].bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes__default["default"].bool,
-  withPlayPause: PropTypes__default["default"].bool
+  withControls: PropTypes__default["default"].bool
 });
 var visualElement = PropTypes__default["default"].shape({
   media: imageMedia

package/lib/contexts.js

@@ -1129,6 +1129,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
 TrackingProvider.propTypes = propTypes$3;
 TrackingProvider.defaultProps = defaultProps$3;
 
+var _excluded$3 = ["Uppy"];
 /**
  * Locale loader
  */
@@ -1155,12 +1156,17 @@ var useUppyCore = function useUppyCore() {
     }
 
     Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/core')); }).then(function (_ref) {
-      var Uppy = _ref.Uppy;
-      packageCache = Uppy;
+      var Uppy = _ref.Uppy,
+          other = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+
+      var _ref2 = other || {},
+          defaultPackage = _ref2["default"];
+
+      packageCache = Uppy || defaultPackage;
 
       if (!canceled) {
         setLoadedPackage({
-          "package": Uppy
+          "package": Uppy || defaultPackage
         });
       }
     });

package/lib/hooks.js

@@ -1014,18 +1014,6 @@ var useMediaApi = function useMediaApi() {
       media.addEventListener('loadeddata', onCustomLoadedData);
     }
 
-    if (media !== null && media.readyState > 1) {
-      setDataReady(true);
-    } else {
-      setDataReady(false);
-    }
-
-    if (media !== null && media.readyState > 3) {
-      setReady(true);
-    } else {
-      setReady(false);
-    }
-
     return function () {
       if (media !== null) {
         media.removeEventListener('timeupdate', onCustomTimeUpdate);
@@ -1041,6 +1029,22 @@ var useMediaApi = function useMediaApi() {
         media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
       }
     };
+  }, [url, onCustomTimeUpdate, onCustomDurationChange, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]);
+  react.useEffect(function () {
+    var _ref$current2 = ref.current,
+        media = _ref$current2 === void 0 ? null : _ref$current2;
+
+    if (media !== null && media.readyState > 1) {
+      setDataReady(true);
+    } else {
+      setDataReady(false);
+    }
+
+    if (media !== null && media.readyState > 3) {
+      setReady(true);
+    } else {
+      setReady(false);
+    }
   }, [url]);
   return {
     ref: ref,

package/lib/index.js

@@ -258,6 +258,11 @@ var textStyle = PropTypes__default["default"].shape({
   lineHeight: PropTypes__default["default"].number
 });
 var borderTypes = PropTypes__default["default"].oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes__default["default"].shape({
+  shadowDistance: PropTypes__default["default"].number,
+  shadowBlur: PropTypes__default["default"].number,
+  shadowColor: color
+});
 var borderStyle = PropTypes__default["default"].shape({
   width: PropTypes__default["default"].number,
   style: borderTypes,
@@ -269,7 +274,8 @@ var boxStyle = PropTypes__default["default"].shape({
   borderRadius: PropTypes__default["default"].number,
   borderWidth: PropTypes__default["default"].number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 var margin = PropTypes__default["default"].shape({
   top: PropTypes__default["default"].number,
@@ -308,7 +314,7 @@ var videoElement = PropTypes__default["default"].shape({
   loop: PropTypes__default["default"].bool,
   closedCaptions: closedCaptionsMedia,
   withSeekBar: PropTypes__default["default"].bool,
-  withPlayPause: PropTypes__default["default"].bool
+  withControls: PropTypes__default["default"].bool
 });
 var visualElement = PropTypes__default["default"].shape({
   media: imageMedia
@@ -665,6 +671,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     color: color,
     textStyle: textStyle,
     borderTypes: borderTypes,
+    shadowType: shadowType,
     borderStyle: borderStyle,
     boxStyle: boxStyle,
     margin: margin,

package/lib/utils.js

@@ -421,6 +421,15 @@ var getScreenExtraField = function getScreenExtraField(intl) {
   };
 };
 
+function getShadowCoords(angle, distance) {
+  var x = Math.cos(angle) * distance;
+  var y = Math.sin(angle) * distance;
+  return {
+    x: x,
+    y: y
+  };
+}
+
 var getStyleFromColor = function getStyleFromColor() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var property = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'backgroundColor';
@@ -447,6 +456,33 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   } : null), getStyleFromColor(color, 'borderColor'));
 };
 
+var getStyleFromShadow = function getStyleFromShadow(value) {
+  if (value == null) {
+    return null;
+  }
+
+  var _ref = value || {},
+      _ref$shadowAngle = _ref.shadowAngle,
+      shadowAngle = _ref$shadowAngle === void 0 ? 0 : _ref$shadowAngle,
+      _ref$shadowDistance = _ref.shadowDistance,
+      shadowDistance = _ref$shadowDistance === void 0 ? 5 : _ref$shadowDistance,
+      _ref$shadowBlur = _ref.shadowBlur,
+      shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
+      _ref$shadowColor = _ref.shadowColor,
+      shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
+
+  var color = getColorAsString(shadowColor);
+
+  var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
+      x = _getShadowCoords.x,
+      y = _getShadowCoords.y;
+
+  var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(shadowBlur, "px 0 ").concat(color);
+  return {
+    boxShadow: boxShadow
+  };
+};
+
 var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
@@ -471,12 +507,26 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _value$borderStyle = value.borderStyle,
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
-      borderColor = _value$borderColor === void 0 ? null : _value$borderColor;
+      borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
+      _value$shadowAngle = value.shadowAngle,
+      shadowAngle = _value$shadowAngle === void 0 ? null : _value$shadowAngle,
+      _value$shadowDistance = value.shadowDistance,
+      shadowDistance = _value$shadowDistance === void 0 ? null : _value$shadowDistance,
+      _value$shadowBlur = value.shadowBlur,
+      shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
+      _value$shadowColor = value.shadowColor,
+      shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
   var border = {
     width: borderWidth,
     style: borderStyle,
     color: borderColor
   };
+  var shadow = {
+    shadowAngle: shadowAngle,
+    shadowDistance: shadowDistance,
+    shadowBlur: shadowBlur,
+    shadowColor: shadowColor
+  };
 
   var _ref = isObject__default["default"](padding) ? padding : {
     padding: padding
@@ -492,9 +542,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _ref$padding = _ref.padding,
       paddingValue = _ref$padding === void 0 ? null : _ref$padding;
 
-  return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+  return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), shadowAngle ? getStyleFromShadow(shadow) : null), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop
@@ -845,6 +895,7 @@ exports.getMediaFilesAsArray = getMediaFilesAsArray;
 exports.getOptimalImageUrl = getOptimalImageUrl;
 exports.getScreenExtraField = getScreenExtraField;
 exports.getSecondsFromTime = getSecondsFromTime;
+exports.getShadowCoords = getShadowCoords;
 exports.getStyleFromBorder = getStyleFromBorder;
 exports.getStyleFromBox = getStyleFromBox;
 exports.getStyleFromColor = getStyleFromColor;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.106",
+    "version": "0.3.110",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "865842ef7fbdc41f89dd0891857989ded63d44c4"
+    "gitHead": "a4a09bb4e14c7ee52330258a2e9a02b3cc8809a7"
 }