@micromag/core 0.4.51 → 0.4.54

package/es/hooks.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import * as _use_gesture_react_dist_declarations_src_types from '@use-gesture/react/dist/declarations/src/types';
 import * as _react_spring_core from '@react-spring/core';
+import * as _use_gesture_react_dist_declarations_src_types from '@use-gesture/react/dist/declarations/src/types';
 
 declare function useActivityDetector({ element: providedElement, disabled, timeout: timeoutDelay }?: {
     element?: any;
@@ -29,23 +29,24 @@ declare const useDebounced: (handler: any, watchedValue: any, delay?: number) =>
 
 declare const useDocumentEvent: (event: any, callback: any, enabled?: boolean) => void;
 
-declare function useDragProgress({ progress: wantedProgress, onTap, disabled, dragDisabled, computeProgress, onProgress, onPointerDown, onScroll, springParams, dragOptions, }?: {
-    onTap?: any;
+interface UseDragProgressProps {
+    progress: number;
+    onTap?: (gestureState: any) => void;
     disabled?: boolean;
     dragDisabled?: boolean;
-    computeProgress?: any;
-    onProgress?: any;
-    onPointerDown?: any;
-    onScroll?: any;
-    springParams?: any;
-    dragOptions?: {
-        filterTaps: boolean;
-    };
-}): {
-    transitioning: any;
+    computeProgress?: (gestureState: any) => number | null;
+    onProgress?: (progress: number, gestureState: any) => void | null;
+    onPointerDown?: (gestureState: any) => void | null;
+    onResolve?: (event: any) => void | null;
+    onScroll?: (gestureState: any) => void | null;
+    springParams?: object;
+    dragOptions?: object;
+}
+declare function useDragProgress({ progress: wantedProgress, onTap, disabled, dragDisabled, computeProgress, onProgress, onPointerDown, onResolve, onScroll, springParams, dragOptions, }: UseDragProgressProps): {
+    transitioning: boolean;
     bind: (...args: any[]) => _use_gesture_react_dist_declarations_src_types.ReactDOMAttributes;
     dragging: boolean;
-    progress: any;
+    progress: _react_spring_core.SpringValue<number>;
     direction: number;
 };
 

package/es/hooks.js

@@ -190,9 +190,8 @@ var useDebounced = function useDebounced(handler, watchedValue) {
 var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
 var useDocumentEvent = createUseEvent(eventsManager$1);
 
-function useDragProgress() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    wantedProgress = _ref.progress,
+function useDragProgress(_ref) {
+  var wantedProgress = _ref.progress,
     _ref$onTap = _ref.onTap,
     onTap = _ref$onTap === void 0 ? null : _ref$onTap,
     _ref$disabled = _ref.disabled,
@@ -205,6 +204,8 @@ function useDragProgress() {
     onProgress = _ref$onProgress === void 0 ? null : _ref$onProgress,
     _ref$onPointerDown = _ref.onPointerDown,
     onPointerDown = _ref$onPointerDown === void 0 ? null : _ref$onPointerDown,
+    _ref$onResolve = _ref.onResolve,
+    _onResolve = _ref$onResolve === void 0 ? null : _ref$onResolve,
     _ref$onScroll = _ref.onScroll,
     onScroll = _ref$onScroll === void 0 ? null : _ref$onScroll,
     _ref$springParams = _ref.springParams,
@@ -213,8 +214,8 @@ function useDragProgress() {
     dragOptions = _ref$dragOptions === void 0 ? {
       filterTaps: true
     } : _ref$dragOptions;
-  var refDragging = useRef(false);
-  var refProgress = useRef(wantedProgress);
+  var draggingRef = useRef(false);
+  var progressRef = useRef(wantedProgress);
   var wantedProgressRef = useRef(wantedProgress);
   if (wantedProgress !== wantedProgressRef.current) {
     wantedProgressRef.current = wantedProgress;
@@ -249,36 +250,39 @@ function useDragProgress() {
     var active = gestureState.active,
       tap = gestureState.tap;
     if (disabled) {
-      refDragging.current = false;
+      draggingRef.current = false;
       return;
     }
     if (tap) {
-      refDragging.current = false;
+      draggingRef.current = false;
       if (onTap !== null) onTap(gestureState);
       return;
     }
     if (dragDisabled) {
-      refDragging.current = false;
+      draggingRef.current = false;
       return;
     }
     var newProgress = computeProgress(gestureState);
-    refDragging.current = active;
+    draggingRef.current = active;
     setDirection(newProgress < wantedProgressRef.current ? -1 : 1);
-    refProgress.current = newProgress;
+    progressRef.current = newProgress;
     if (active !== dragging) {
       setDragging(active);
     }
     api.start(_objectSpread({
       progress: newProgress,
       immediate: active,
-      onResolve: !active ? function () {
+      onResolve: !active ? function (e) {
         setDirection(0);
-      } : function () {}
+        if (_onResolve !== null) _onResolve(e);
+      } : function (e) {
+        if (_onResolve !== null) _onResolve(e);
+      }
     }, springParams));
     if (onProgress !== null) {
       onProgress(newProgress, gestureState);
     }
-  }, [setDragging, disabled, onTap, computeProgress, dragging, onProgress]);
+  }, [setDragging, disabled, onTap, computeProgress, dragging, onProgress, _onResolve]);
   var bind = useGesture({
     onDrag: onDrag,
     onPointerDown: onPointerDown !== null ? onPointerDown : function () {},
@@ -287,14 +291,15 @@ function useDragProgress() {
     drag: dragOptions
   });
   useEffect(function () {
-    if (!refDragging.current && wantedProgress !== refProgress.current) {
-      setDirection(wantedProgress < refProgress.current ? -1 : 1);
-      refProgress.current = wantedProgress;
+    if (!draggingRef.current && wantedProgress !== progressRef.current) {
+      setDirection(wantedProgress < progressRef.current ? -1 : 1);
+      progressRef.current = wantedProgress;
       api.start(_objectSpread({
         progress: wantedProgress,
         immediate: disabled,
-        onResolve: function onResolve() {
+        onResolve: function onResolve(e) {
           setDirection(0);
+          if (_onResolve !== null) _onResolve(e);
         }
       }, springParams));
     }
@@ -544,7 +549,17 @@ var useObserver = function useObserver(Observer) {
   useEffect(function () {
     var nodeElement = nodeRef.current;
     var callback = function callback(newEntry) {
-      return setEntry(newEntry);
+      return setEntry(function (prev) {
+        // Avoid re-renders when ResizeObserver fires with unchanged dimensions
+        if (prev !== null && prev !== void 0 && prev.contentRect && newEntry !== null && newEntry !== void 0 && newEntry.contentRect) {
+          var p = prev.contentRect;
+          var n = newEntry.contentRect;
+          if (p.width === n.width && p.height === n.height) {
+            return prev;
+          }
+        }
+        return newEntry;
+      });
     };
     var unsubscribe = null;
     if (nodeElement !== null) {

package/es/styles.css

@@ -16,20 +16,20 @@
 .micromag-core-panels-panel-container{position:static}
 .micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid #ccc;border-bottom:1px solid var(--mm-border-color,#ccc)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:1.25px 0;padding:calc(var(--mm-spacer, 5px)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:5px;padding-top:var(--mm-spacer,5px);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
 .micromag-core-partials-placeholder-block-container{padding:2px}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-block-box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.micromag-core-partials-placeholder-block-withInvertedColors .micromag-core-partials-placeholder-block-box{background-color:hsla(0,0%,100%,.6)}.micromag-core-partials-placeholder-block-outline .micromag-core-partials-placeholder-block-box{background-color:transparent}
-.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #ccc;border:2px dashed var(--mm-gray-800,#ccc);color:#ccc;color:var(--mm-gray-800,#ccc)}
+.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed #6c6c6c;border:2px dashed var(--mm-gray-600,#6c6c6c);color:#6c6c6c;color:var(--mm-gray-600,#6c6c6c);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #343434;border:2px dashed var(--mm-gray-800,#343434);color:#343434;color:var(--mm-gray-800,#343434)}
 
 .micromag-core-partials-slideshow-container{overflow:hidden;position:relative}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-items{height:100%;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item{height:100%;position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
-.micromag-core-placeholders-icon{color:var(--mm-black)}
+.micromag-core-placeholders-icon{color:#000;color:var(--mm-black,#000)}
 .micromag-core-partials-placeholder-text-container{padding:2px;width:100%}.micromag-core-partials-placeholder-text-container.micromag-core-partials-placeholder-text-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-text-line{background-color:currentcolor;height:16px}.micromag-core-partials-placeholder-text-withInvertedColors .micromag-core-partials-placeholder-text-line{background-color:hsla(0,0%,100%,.6)}
-.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{color:var(--mm-black);height:15%;position:absolute;width:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{left:40%;top:10%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){left:60%;top:35%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){left:15%;top:50%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){left:60%;top:70%}.micromag-core-placeholders-map-container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
-.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{color:var(--mm-black);margin-bottom:5px}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:var(--mm-black);font-size:.75em}
+.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{color:#000;color:var(--mm-black,#000);height:15%;position:absolute;width:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{left:40%;top:10%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){left:60%;top:35%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){left:15%;top:50%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){left:60%;top:70%}.micromag-core-placeholders-map-container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1BchpJFoZTCl2ACPkCtepZs/WSvXtDX0ARHEH4CDKcQI5oDiCtxLa1pVfDfliMToDMETzkdOWomhGigMp872V+XwRht6MNRenzX68yX2Zd/NziAIxwySkAhAVAWACEBYQFQFgAhAWEBUBYAIQFhAVAWACEBYQFQFgAhAWEBUBYAIQFhAVIxfqKcwAWRN2+5tvXE8KCdlH/9KJuXzP/BwgLWlnUr3HzDxEWtF7+Z7WwDmEhtYCe6/r313v+v9X2NQmX/n0gLKRkn6yzWtbVoTe4YKsiSJy21zv+emYN2AcFqQSdnGsrJQEIMWnRm17FCQspC4JfjlVVhIWUvLZvTNMhbCgMVX/cU6qMkoAKbno8s2oYSEW865lRViIWQZMYrwxwkLXLLq6wUJYSCHrjWsxxYqwkL2sCAtd4SUdx5YVYaErWW9i1awIC13LOkklK8LCubLO3IGGa4QFDazdW9O1Q1jQLutUQlaEhVOYScnqoVsLji0DppIHQbcWtMU3s3yRPghKAmhbBtxqOBCEhTay+q2CVhoOhpIAPiJJfwAJC12QrD8AYaGLEYGkU64IC+fIOnaJp1zbwjgs7JYBM62ykrCwy5MTnMUiYeGYMmCqXVYSFgJzC7IirM0kXHf8njMrsiIshGRdWTlgalhbXJcsKwlLsi6sHTjClsfCqqwIWx4ry7J66NYqBz+68KtlWUnYsmSdWpcVYcvBxCwWwoJHbecVNSzs4kW9yekLkbB5yzrO7UshbJ6EiYE1woJ2wsTAKscvRw2bF17SL7nKSsLml6w3OcuKsHklq+kpV4QtT9Z5CV8WYfOQdVbKF0ZYu4TtL2clfWmEtStrNv0BCJs/8xJlRVibZNcfgLB5yzop+QQw02WHIiYGDsEyb1s166r0E0FJoB8v6e+ugFkshM1D1ltXyCwWJYH9mnWGrCSsBda1qDNOBaMEFrhBVkoCK8k6pQxAWCsUPzFADWuHiRN+8DA1LLRlXteta04FCYusCAsdynqLrAhrgTDluuJUIKwFWZlyRVgzsk6QFWEtycosFsKqZ42s58NMVzpZNSzJ9ttvDurfb478u73G3wm//w1h80TDkuy77WtUy9YFG4kvgbBlJGvXsnqWCJufrCsnvwv2fV0G9Dp+X4TNcETgs5JkdRFkfWSUIB9Cf4AUVZ2sw0jv/0jC5pWs0kuyR5GSVTRdSdjuCZtdSC7Jvo8o66aW9UXqy5Gw3Y8ISMnaq0UdRrjBCjxvX98kTzLCdier9BMHxwlGJJ6lTzTCdlOzPimQdRT5M8RutBC2WyZOR7L2In7Gpk5XhM2gZpWU1afqXYLP8en6XcNJR9jTmTvZWaw7F2+cdTddl1pOOsKeLqtkM0uoWXsJPmupJV0R9nRZb53cxMBdQlnDuKsamDiwJevYxR1n3eVZU7oi7HEsFMjqk7VK9HkvTsG4K8KeLuukIFlVpivCtiMMX0mtcg3TrSllXWpMV2662sl6Iyjr2KUZZ30vXR81/kBI2I9lnQrLOhD43BenaNwVYdsjuVdrqFklhNWarr4s+kFJsD9ZZ8KyVgKfrbZ2rf/x9hBWZ7JWQp+vOV37lATvyyq1C/ZIWNal4tp1EIQlYd8I/QESe7VKJ+tGcboOmrU8CfsXkrNYQ5d+nPW9kYGvitP1f+eGhP1L1rGgrA8KzsF3xbL+bSXFFbL+V1aJhYMxl2IfW7u+KP35+Lr1b40+l4XLOhGSdVjL2ldwHh6dzqGsgXunQb3UhJXsDxgpkvXZ6R53/b9zdFmorFJLsjXJGoTVOJTVd3tm+UoUVmoWa6hQVlPpWmJJ4OvVJ6FkHSqSNSx9WSqVde/iytISduXSD1+FH8BA0XnwowJah7L6H/3DvipQ2NTJ6vtZe8rOwzfFP6MPl66XlrDrxCd+qFBWrTdarr4ZrhA2vbDhBmug7PuLb5fZonz68B94aSXBayJZx4pusHbTVWvt2uqclZSw6wQJq23oajddtQ5jVa7lg0NKEvY18k3XaKcM2Cj7/prTtfUoSknCriInxO5J13SztXG6h7Fab2pXWkkQ+5KmFc1rtfrHlFAlCRuzK6un+Hv7dP2mWNajtiylJMgfzT0DfXfkSguEzRvNU7DulDKKGpZ0lWKMsKSrlRutkK49hEXYprCPSo/t5FbLUoRdIKsqTt7yvgRhfe36L8oB++laUsLOC5L1xUi6bhAWwhSs5nQN466UBHt4LUhYXwpoX01w1pZMpdSwpaTrUrmsZ/dblNDAXULChpusr8qF7SHsYXIeIWhuk6n5RmvgOmpqL0HYXMdgw7TrN+XHWbkO976lJLB5+Q8buC0NHG/PdfjU8dyF9emay7TspnHpfzZ03OMu3yx3YV8zGSUI67EejR13Z7VrKcJavuHyifpS16iqH/Z2QNgKYfOvX8P06lfD537YZe1KwlKnmkvX3IVdG0tYK8NUbdi7ITHCflwOWBiDDbNUWvdrPbUcqBA2L14aoj5n9L2O2hgDYd9Ima7H9nZ6Sb9nJmog6hMdc69hU9G2qWPZEPUlw3Pe+bhraTWspsv/o9O97BphhdEypPXd6X3wcNeyDmN/SM7Cpuwh2OypU58zvvwnrV1zFzb1GGxvp07NbZiqTbom2b0xV2FTN72E5SnhpqoUUcM/1pP3GTiWi59bMjyJfkjrs4NUwv5I9WG5LkKc41HS2tUh7Pk1LKQrBxD2TFlXuJTsZqtK+YE51rBe2E+4FD1ZvawPqT84R2F9uv6CU9ER8SbXkgDiIvbgvByFfcWn6OXAHwhLwlqRdeMEH/N0maGsC7yKxkaqds31posRgvgJ+0PyAHJLWOrXuNw1kpaE7QB6COIi7kpuCcsMV7xSYCSZrIHc2gsZIYh3s3Wv4UAuM5OVEYI4jLQcSC41rJfVtxTe4FaUcuDfTnDsNceEnSJrVGF7Wg7Geg27rmV9wqtoDDUdjOWSwI8IzLavCU5FxZcDlZaDuTIs66QWFuKma6XpgCwKu6hFRdb4so61HdQlssIHwva1HdSVMVl9GcCK2Pj4cdeBxgOzIOy6UbMia3yqOll7CHsaf25fX/AoqbAjrQenvYadO4atJGpXtVwpl/XW0YGVWlbVwmpN2BmyijDQWrtqFjbMXiFr+nQdaD9IbSWBF3Xq6GuVStcKYduxrpMVWald1QsbZB3jjRhqx1130dCtdeOYapWW9Q8rwkombGgPZPaKkQH1wtIeKM+4vskaWDroKyFZb0lWkRuryr31ClSWklVKWDqu0l7qq8avJgWVvOla1TdYLMWOx6iRnv0cBJVKWJ+ovyNrlBQd1mJmk6LSwoYyAFnPp2pc5gclCJpaWC/pr47Zq3Po13ImeZZrycKG9kBkPUyv8Wu/8RpwatIIG6ZakfWwqA+53iDF4BJZk+PPjd/F+mf96wBZ0yesl/O6/mGwpOVNwI17W9/f57ToKgmQ9W14aeQUL+QrXdh1LeuscFHHjhZJE8JOC5S1eTc/pga1IWxJTSxhj9QwHko9akzYknZieXBvc/NgUNickzVsgLbbPMIl36iwoYklB1n7jVq0chl3OJUqbA5NLM30HHCZz1dYy9sGDXYEJUEzFzZsyLYyJmjzUo+kmXBoxYGX1D+7dW1E1GbHPRSWsGGPKwuyelHHiFqusGEJ9sqIrENkLVdYS3tcDUnWcoW1tiHb2LFspFhhrW3INkLWcoUNz2u10st6R81aLhfGHjWLrCSsCZpd/EwCkLDquXcsOQGn/zldftbqwRnZzhzKLgnC8hNkBfXChr4AZAX1JQGygpmEHTrFjz4HhN2VlR1SwERJgKxgJmHDhACygnphabwGM8LSHghmhL1z9AWAAWFpYgFTwoaaFUC1sH3H7BUYEpYdqcGMsP9kJAC6IuZMl+8HCHurcoMFqhN2UN9c0cQC6oWlLwDMCBtGApAV1AtLXwCYEZa+ADAzSsC2QWAmYX2y3nEawULC0hcAJhKWjiswI6wfrhqSrGBB2MqxEwsYEZb2QDAjbL8eCaAvAMQ5tN2mLwPukRW08NGwlr/8PyArWBA27HFFEwuor2FpDwQzwrJtEJgRlvZAMCMs7YFgRliefQVm8OOwPxxNLGBI2J+cBrDCJacAEBYAYQEQFhAWAGEBEBYQFgBhARAWEBYAYQEQFhAWAGEBEBYQFgBhARAWEBYAYQEQFhAWAGEBEBZy4D8CDACfbQUc6LQcNAAAAABJRU5ErkJggg==");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
+.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{color:#000;color:var(--mm-black,#000);margin-bottom:5px}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:#000;color:var(--mm-black,#000);font-size:.75em}
 .micromag-core-screens-screen-sizer-container,.micromag-core-screens-screen-sizer-frame{position:relative}.micromag-core-screens-screen-sizer-screen{left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
-.micromag-core-screens-screen-container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:inherit}.micromag-core-screens-screen-container .micromag-core-screens-screen-mark,.micromag-core-screens-screen-container mark{color:inherit}
+.micromag-core-screens-screen-container{background-color:#000;background-color:var(--mm-black,#000);color:#fff;color:var(--mm-white,#fff);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:inherit}.micromag-core-screens-screen-container .micromag-core-screens-screen-mark,.micromag-core-screens-screen-container mark{color:inherit}
 .micromag-core-screens-screen-placeholder-screen{background-color:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.micromag-core-screens-preview-stack{overflow:hidden;position:relative}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackScreen{position:relative;z-index:10}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem{background-color:var(--mm-gray-700);border:1px solid var(--mm-gray-500);left:0;position:absolute;top:0}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:first-child{z-index:3}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(2){z-index:2}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(3){z-index:1}.micromag-core-screens-preview-screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.micromag-core-placeholders-conversation-container{mix-blend-mode:difference;padding:10px;text-align:center}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-message{background-color:rgb(var(--mm-white),.6);height:23px;margin:3px 1px 0;width:80%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage0{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage1{margin-left:auto}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage2{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage3{margin-left:auto;width:50%}
-.micromag-core-placeholders-quiz-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answerIcon{color:rgb(var(--mm-white),.6);display:block;height:100%;width:100%}.micromag-core-placeholders-quiz-answer-container.micromag-core-placeholders-quiz-answer-good .micromag-core-placeholders-quiz-answer-answer{padding:0}
-.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-box{background-color:transparent;display:block}.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-icon{color:var(--mm-black);height:auto;width:10px}.micromag-core-placeholders-share-options-item{background-color:var(--mm-gray-300);display:-ms-flexbox;display:flex;padding:3px;width:100%}.micromag-core-placeholders-share-options-item+.micromag-core-placeholders-share-options-item{margin-top:5px}.micromag-core-placeholders-share-options-button{font-size:1rem}
-.micromag-core-placeholders-survey-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percent{margin-left:4px}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percentIcon{color:rgb(var(--mm-white),.6);padding:1px}
+.micromag-core-screens-preview-stack{overflow:hidden;position:relative}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackScreen{position:relative;z-index:10}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem{background-color:#494949;background-color:var(--mm-gray-700,#494949);border:1px solid #adadad;border:1px solid var(--mm-gray-500,#adadad);left:0;position:absolute;top:0}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:first-child{z-index:3}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(2){z-index:2}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(3){z-index:1}.micromag-core-screens-preview-screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.micromag-core-placeholders-conversation-container{mix-blend-mode:difference;padding:10px;text-align:center}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-message{background-color:rgb(#fff,.6);background-color:rgb(var(--mm-white,#fff),.6);height:23px;margin:3px 1px 0;width:80%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage0{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage1{margin-left:auto}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage2{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage3{margin-left:auto;width:50%}
+.micromag-core-placeholders-quiz-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answerIcon{color:rgb(#fff,.6);color:rgb(var(--mm-white,#fff),.6);display:block;height:100%;width:100%}.micromag-core-placeholders-quiz-answer-container.micromag-core-placeholders-quiz-answer-good .micromag-core-placeholders-quiz-answer-answer{padding:0}
+.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-box{background-color:transparent;display:block}.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-icon{color:#000;color:var(--mm-black,#000);height:auto;width:10px}.micromag-core-placeholders-share-options-item{background-color:#dedede;background-color:var(--mm-gray-300,#dedede);display:-ms-flexbox;display:flex;padding:3px;width:100%}.micromag-core-placeholders-share-options-item+.micromag-core-placeholders-share-options-item{margin-top:5px}.micromag-core-placeholders-share-options-button{font-size:1rem}
+.micromag-core-placeholders-survey-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percent{margin-left:4px}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percentIcon{color:rgb(#fff,.6);color:rgb(var(--mm-white,#fff),.6);padding:1px}
 .micromag-core-screens-container .micromag-core-screens-screen{height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.micromag-core-screens-container .micromag-core-screens-screen.micromag-core-screens-visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
 .micromag-core-transitions-transition-container.micromag-core-transitions-transition-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}

package/es/utils.d.ts

@@ -118,6 +118,15 @@ declare const getStyleFromAlignment: (value: any, invertAxis?: boolean, defaultA
 };
 
 declare const getStyleFromBox: (value: any) => {
+    paddingTop: any;
+    paddingRight: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    boxShadow: string;
+    borderStyle: any;
+    borderWidth: any;
+    borderRadius: any;
+} | {
     paddingLeft: any;
     paddingBottom: any;
     paddingRight: any;

package/es/utils.js

@@ -822,19 +822,34 @@ var getStyleFromBox = function getStyleFromBox(value) {
     paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
     _ref$padding = _ref.padding,
     paddingValue = _ref$padding === void 0 ? null : _ref$padding;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
-    borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
-    padding: padding || paddingValue
-  } : null), paddingTop !== null || paddingValueTop !== null ? {
-    paddingTop: paddingTop || paddingValueTop
-  } : null), paddingRight !== null || paddingValueRight != null ? {
-    paddingRight: paddingRight || paddingValueRight
-  } : null), paddingBottom !== null || paddingValueBottom !== null ? {
-    paddingBottom: paddingBottom || paddingValueBottom
-  } : null), paddingLeft !== null || paddingValueLeft !== null ? {
-    paddingLeft: paddingLeft || paddingValueLeft
+  var basePadding = padding || paddingValue;
+  var hasBasePadding = basePadding !== null;
+  var topVal = paddingTop || paddingValueTop;
+  var rightVal = paddingRight || paddingValueRight;
+  var bottomVal = paddingBottom || paddingValueBottom;
+  var leftVal = paddingLeft || paddingValueLeft;
+  var hasAnyIndividual = topVal !== null || rightVal !== null || bottomVal !== null || leftVal !== null;
+
+  // Avoid mixing shorthand `padding` with longhand `paddingTop`/etc — React warns about this
+  var paddingStyles = hasBasePadding && hasAnyIndividual ? {
+    paddingTop: topVal !== null && topVal !== void 0 ? topVal : basePadding,
+    paddingRight: rightVal !== null && rightVal !== void 0 ? rightVal : basePadding,
+    paddingBottom: bottomVal !== null && bottomVal !== void 0 ? bottomVal : basePadding,
+    paddingLeft: leftVal !== null && leftVal !== void 0 ? leftVal : basePadding
+  } : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, hasBasePadding ? {
+    padding: basePadding
+  } : null), topVal !== null ? {
+    paddingTop: topVal
+  } : null), rightVal !== null ? {
+    paddingRight: rightVal
+  } : null), bottomVal !== null ? {
+    paddingBottom: bottomVal
+  } : null), leftVal !== null ? {
+    paddingLeft: leftVal
   } : null);
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+    borderRadius: borderRadius
+  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), paddingStyles);
 };
 
 var getStyleFromContainer = function getStyleFromContainer(value) {

package/lib/hooks.js

@@ -192,9 +192,8 @@ var useDebounced = function useDebounced(handler, watchedValue) {
 var eventsManager$1 = typeof document !== 'undefined' ? new core.EventsManager(document) : null;
 var useDocumentEvent = utils.createUseEvent(eventsManager$1);
 
-function useDragProgress() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    wantedProgress = _ref.progress,
+function useDragProgress(_ref) {
+  var wantedProgress = _ref.progress,
     _ref$onTap = _ref.onTap,
     onTap = _ref$onTap === void 0 ? null : _ref$onTap,
     _ref$disabled = _ref.disabled,
@@ -207,6 +206,8 @@ function useDragProgress() {
     onProgress = _ref$onProgress === void 0 ? null : _ref$onProgress,
     _ref$onPointerDown = _ref.onPointerDown,
     onPointerDown = _ref$onPointerDown === void 0 ? null : _ref$onPointerDown,
+    _ref$onResolve = _ref.onResolve,
+    _onResolve = _ref$onResolve === void 0 ? null : _ref$onResolve,
     _ref$onScroll = _ref.onScroll,
     onScroll = _ref$onScroll === void 0 ? null : _ref$onScroll,
     _ref$springParams = _ref.springParams,
@@ -215,8 +216,8 @@ function useDragProgress() {
     dragOptions = _ref$dragOptions === void 0 ? {
       filterTaps: true
     } : _ref$dragOptions;
-  var refDragging = react.useRef(false);
-  var refProgress = react.useRef(wantedProgress);
+  var draggingRef = react.useRef(false);
+  var progressRef = react.useRef(wantedProgress);
   var wantedProgressRef = react.useRef(wantedProgress);
   if (wantedProgress !== wantedProgressRef.current) {
     wantedProgressRef.current = wantedProgress;
@@ -251,36 +252,39 @@ function useDragProgress() {
     var active = gestureState.active,
       tap = gestureState.tap;
     if (disabled) {
-      refDragging.current = false;
+      draggingRef.current = false;
       return;
     }
     if (tap) {
-      refDragging.current = false;
+      draggingRef.current = false;
       if (onTap !== null) onTap(gestureState);
       return;
     }
     if (dragDisabled) {
-      refDragging.current = false;
+      draggingRef.current = false;
       return;
     }
     var newProgress = computeProgress(gestureState);
-    refDragging.current = active;
+    draggingRef.current = active;
     setDirection(newProgress < wantedProgressRef.current ? -1 : 1);
-    refProgress.current = newProgress;
+    progressRef.current = newProgress;
     if (active !== dragging) {
       setDragging(active);
     }
     api.start(_objectSpread({
       progress: newProgress,
       immediate: active,
-      onResolve: !active ? function () {
+      onResolve: !active ? function (e) {
         setDirection(0);
-      } : function () {}
+        if (_onResolve !== null) _onResolve(e);
+      } : function (e) {
+        if (_onResolve !== null) _onResolve(e);
+      }
     }, springParams));
     if (onProgress !== null) {
       onProgress(newProgress, gestureState);
     }
-  }, [setDragging, disabled, onTap, computeProgress, dragging, onProgress]);
+  }, [setDragging, disabled, onTap, computeProgress, dragging, onProgress, _onResolve]);
   var bind = react$1.useGesture({
     onDrag: onDrag,
     onPointerDown: onPointerDown !== null ? onPointerDown : function () {},
@@ -289,14 +293,15 @@ function useDragProgress() {
     drag: dragOptions
   });
   react.useEffect(function () {
-    if (!refDragging.current && wantedProgress !== refProgress.current) {
-      setDirection(wantedProgress < refProgress.current ? -1 : 1);
-      refProgress.current = wantedProgress;
+    if (!draggingRef.current && wantedProgress !== progressRef.current) {
+      setDirection(wantedProgress < progressRef.current ? -1 : 1);
+      progressRef.current = wantedProgress;
       api.start(_objectSpread({
         progress: wantedProgress,
         immediate: disabled,
-        onResolve: function onResolve() {
+        onResolve: function onResolve(e) {
           setDirection(0);
+          if (_onResolve !== null) _onResolve(e);
         }
       }, springParams));
     }
@@ -546,7 +551,17 @@ var useObserver = function useObserver(Observer) {
   react.useEffect(function () {
     var nodeElement = nodeRef.current;
     var callback = function callback(newEntry) {
-      return setEntry(newEntry);
+      return setEntry(function (prev) {
+        // Avoid re-renders when ResizeObserver fires with unchanged dimensions
+        if (prev !== null && prev !== void 0 && prev.contentRect && newEntry !== null && newEntry !== void 0 && newEntry.contentRect) {
+          var p = prev.contentRect;
+          var n = newEntry.contentRect;
+          if (p.width === n.width && p.height === n.height) {
+            return prev;
+          }
+        }
+        return newEntry;
+      });
     };
     var unsubscribe = null;
     if (nodeElement !== null) {

package/lib/styles.css

@@ -16,20 +16,20 @@
 .micromag-core-panels-panel-container{position:static}
 .micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid #ccc;border-bottom:1px solid var(--mm-border-color,#ccc)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:1.25px 0;padding:calc(var(--mm-spacer, 5px)/4) 0;text-align:left;width:100%}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-label{-ms-flex-positive:1;flex-grow:1}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-content{max-height:0;overflow:hidden;padding-top:5px;padding-top:var(--mm-spacer,5px);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.micromag-core-partials-collapsable-panel-container.micromag-core-partials-collapsable-panel-isOpened .micromag-core-partials-collapsable-panel-content{max-height:500px}
 .micromag-core-partials-placeholder-block-container{padding:2px}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.micromag-core-partials-placeholder-block-container.micromag-core-partials-placeholder-block-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-block-box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.micromag-core-partials-placeholder-block-withInvertedColors .micromag-core-partials-placeholder-block-box{background-color:hsla(0,0%,100%,.6)}.micromag-core-partials-placeholder-block-outline .micromag-core-partials-placeholder-block-box{background-color:transparent}
-.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #ccc;border:2px dashed var(--mm-gray-800,#ccc);color:#ccc;color:var(--mm-gray-800,#ccc)}
+.micromag-core-partials-empty-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed #6c6c6c;border:2px dashed var(--mm-gray-600,#6c6c6c);color:#6c6c6c;color:var(--mm-gray-600,#6c6c6c);justify-content:center}.micromag-core-partials-empty-container .micromag-core-partials-empty-middle{text-align:center}.micromag-core-partials-empty-container.micromag-core-partials-empty-withoutBorder{border:0}.micromag-core-partials-empty-container.micromag-core-partials-empty-invertColor{border:2px dashed #343434;border:2px dashed var(--mm-gray-800,#343434);color:#343434;color:var(--mm-gray-800,#343434)}
 
 .micromag-core-partials-slideshow-container{overflow:hidden;position:relative}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-items{height:100%;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item{height:100%;position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-core-partials-slideshow-container .micromag-core-partials-slideshow-item.micromag-core-partials-slideshow-next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
-.micromag-core-placeholders-icon{color:var(--mm-black)}
+.micromag-core-placeholders-icon{color:#000;color:var(--mm-black,#000)}
 .micromag-core-partials-placeholder-text-container{padding:2px;width:100%}.micromag-core-partials-placeholder-text-container.micromag-core-partials-placeholder-text-withInvertedColors{mix-blend-mode:difference}.micromag-core-partials-placeholder-text-line{background-color:currentcolor;height:16px}.micromag-core-partials-placeholder-text-withInvertedColors .micromag-core-partials-placeholder-text-line{background-color:hsla(0,0%,100%,.6)}
-.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{color:var(--mm-black);height:15%;position:absolute;width:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{left:40%;top:10%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){left:60%;top:35%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){left:15%;top:50%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){left:60%;top:70%}.micromag-core-placeholders-map-container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
-.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{color:var(--mm-black);margin-bottom:5px}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:var(--mm-black);font-size:.75em}
+.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{color:#000;color:var(--mm-black,#000);height:15%;position:absolute;width:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{left:40%;top:10%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){left:60%;top:35%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){left:15%;top:50%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){left:60%;top:70%}.micromag-core-placeholders-map-container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
+.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{color:#000;color:var(--mm-black,#000);margin-bottom:5px}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:#000;color:var(--mm-black,#000);font-size:.75em}
 .micromag-core-screens-screen-sizer-container,.micromag-core-screens-screen-sizer-frame{position:relative}.micromag-core-screens-screen-sizer-screen{left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
-.micromag-core-screens-screen-container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:inherit}.micromag-core-screens-screen-container .micromag-core-screens-screen-mark,.micromag-core-screens-screen-container mark{color:inherit}
+.micromag-core-screens-screen-container{background-color:#000;background-color:var(--mm-black,#000);color:#fff;color:var(--mm-white,#fff);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:inherit}.micromag-core-screens-screen-container .micromag-core-screens-screen-mark,.micromag-core-screens-screen-container mark{color:inherit}
 .micromag-core-screens-screen-placeholder-screen{background-color:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.micromag-core-screens-preview-stack{overflow:hidden;position:relative}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackScreen{position:relative;z-index:10}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem{background-color:var(--mm-gray-700);border:1px solid var(--mm-gray-500);left:0;position:absolute;top:0}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:first-child{z-index:3}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(2){z-index:2}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(3){z-index:1}.micromag-core-screens-preview-screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.micromag-core-placeholders-conversation-container{mix-blend-mode:difference;padding:10px;text-align:center}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-message{background-color:rgb(var(--mm-white),.6);height:23px;margin:3px 1px 0;width:80%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage0{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage1{margin-left:auto}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage2{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage3{margin-left:auto;width:50%}
-.micromag-core-placeholders-quiz-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answerIcon{color:rgb(var(--mm-white),.6);display:block;height:100%;width:100%}.micromag-core-placeholders-quiz-answer-container.micromag-core-placeholders-quiz-answer-good .micromag-core-placeholders-quiz-answer-answer{padding:0}
-.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-box{background-color:transparent;display:block}.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-icon{color:var(--mm-black);height:auto;width:10px}.micromag-core-placeholders-share-options-item{background-color:var(--mm-gray-300);display:-ms-flexbox;display:flex;padding:3px;width:100%}.micromag-core-placeholders-share-options-item+.micromag-core-placeholders-share-options-item{margin-top:5px}.micromag-core-placeholders-share-options-button{font-size:1rem}
-.micromag-core-placeholders-survey-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percent{margin-left:4px}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percentIcon{color:rgb(var(--mm-white),.6);padding:1px}
+.micromag-core-screens-preview-stack{overflow:hidden;position:relative}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackScreen{position:relative;z-index:10}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem{background-color:#494949;background-color:var(--mm-gray-700,#494949);border:1px solid #adadad;border:1px solid var(--mm-gray-500,#adadad);left:0;position:absolute;top:0}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:first-child{z-index:3}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(2){z-index:2}.micromag-core-screens-preview-stack .micromag-core-screens-preview-stackItem:nth-child(3){z-index:1}.micromag-core-screens-preview-screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.micromag-core-placeholders-conversation-container{mix-blend-mode:difference;padding:10px;text-align:center}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-message{background-color:rgb(#fff,.6);background-color:rgb(var(--mm-white,#fff),.6);height:23px;margin:3px 1px 0;width:80%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage0{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage1{margin-left:auto}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage2{width:65%}.micromag-core-placeholders-conversation-container .micromag-core-placeholders-conversation-placeholderMessage3{margin-left:auto;width:50%}
+.micromag-core-placeholders-quiz-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.micromag-core-placeholders-quiz-answer-container .micromag-core-placeholders-quiz-answer-answerIcon{color:rgb(#fff,.6);color:rgb(var(--mm-white,#fff),.6);display:block;height:100%;width:100%}.micromag-core-placeholders-quiz-answer-container.micromag-core-placeholders-quiz-answer-good .micromag-core-placeholders-quiz-answer-answer{padding:0}
+.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-box{background-color:transparent;display:block}.micromag-core-placeholders-share-options-container .micromag-core-placeholders-share-options-icon{color:#000;color:var(--mm-black,#000);height:auto;width:10px}.micromag-core-placeholders-share-options-item{background-color:#dedede;background-color:var(--mm-gray-300,#dedede);display:-ms-flexbox;display:flex;padding:3px;width:100%}.micromag-core-placeholders-share-options-item+.micromag-core-placeholders-share-options-item{margin-top:5px}.micromag-core-placeholders-share-options-button{font-size:1rem}
+.micromag-core-placeholders-survey-answer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-block{-ms-flex-positive:1;flex-grow:1}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percent{margin-left:4px}.micromag-core-placeholders-survey-answer-container .micromag-core-placeholders-survey-answer-percentIcon{color:rgb(#fff,.6);color:rgb(var(--mm-white,#fff),.6);padding:1px}
 .micromag-core-screens-container .micromag-core-screens-screen{height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.micromag-core-screens-container .micromag-core-screens-screen.micromag-core-screens-visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
 .micromag-core-transitions-transition-container.micromag-core-transitions-transition-fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}

package/lib/utils.js

@@ -823,19 +823,34 @@ var getStyleFromBox = function getStyleFromBox(value) {
     paddingValueLeft = _ref$left === void 0 ? null : _ref$left,
     _ref$padding = _ref.padding,
     paddingValue = _ref$padding === void 0 ? null : _ref$padding;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
-    borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
-    padding: padding || paddingValue
-  } : null), paddingTop !== null || paddingValueTop !== null ? {
-    paddingTop: paddingTop || paddingValueTop
-  } : null), paddingRight !== null || paddingValueRight != null ? {
-    paddingRight: paddingRight || paddingValueRight
-  } : null), paddingBottom !== null || paddingValueBottom !== null ? {
-    paddingBottom: paddingBottom || paddingValueBottom
-  } : null), paddingLeft !== null || paddingValueLeft !== null ? {
-    paddingLeft: paddingLeft || paddingValueLeft
+  var basePadding = padding || paddingValue;
+  var hasBasePadding = basePadding !== null;
+  var topVal = paddingTop || paddingValueTop;
+  var rightVal = paddingRight || paddingValueRight;
+  var bottomVal = paddingBottom || paddingValueBottom;
+  var leftVal = paddingLeft || paddingValueLeft;
+  var hasAnyIndividual = topVal !== null || rightVal !== null || bottomVal !== null || leftVal !== null;
+
+  // Avoid mixing shorthand `padding` with longhand `paddingTop`/etc — React warns about this
+  var paddingStyles = hasBasePadding && hasAnyIndividual ? {
+    paddingTop: topVal !== null && topVal !== void 0 ? topVal : basePadding,
+    paddingRight: rightVal !== null && rightVal !== void 0 ? rightVal : basePadding,
+    paddingBottom: bottomVal !== null && bottomVal !== void 0 ? bottomVal : basePadding,
+    paddingLeft: leftVal !== null && leftVal !== void 0 ? leftVal : basePadding
+  } : _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, hasBasePadding ? {
+    padding: basePadding
+  } : null), topVal !== null ? {
+    paddingTop: topVal
+  } : null), rightVal !== null ? {
+    paddingRight: rightVal
+  } : null), bottomVal !== null ? {
+    paddingBottom: bottomVal
+  } : null), leftVal !== null ? {
+    paddingLeft: leftVal
   } : null);
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+    borderRadius: borderRadius
+  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), paddingStyles);
 };
 
 var getStyleFromContainer = function getStyleFromContainer(value) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.51",
+    "version": "0.4.54",
     "private": false,
     "description": "",
     "keywords": [
@@ -87,7 +87,7 @@
         "utils.js"
     ],
     "scripts": {
-        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf styles",
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf styles && rm -rf styles",
         "vendor": "../../scripts/build-css.js ./src/styles/vendor.css ./assets/css/vendor.css",
         "theme": "../../scripts/build-css.js ./src/styles/theme.css ./assets/css/theme.css",
         "prepublishOnly": "npm run build",
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439",
+    "gitHead": "b7aacdebb4a5c2179a58d21ab2aaea5bcdc43d69",
     "types": "es/index.d.ts"
 }