@micromag/core 0.4.48 → 0.4.50

package/es/contexts.js

@@ -1,7 +1,8 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import isString from 'lodash/isString';
-import React$1, { useContext, useMemo, useState, useCallback, useEffect, createContext, useRef } from 'react';
+import React, { useContext, useMemo, useState, useCallback, useEffect, createContext, useRef } from 'react';
 import { ComponentsManager, FieldsManager, ScreensManager, ColorsParser, Tracking } from '@micromag/core';
+import { jsx } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import JSCookie from 'js-cookie';
 import { defineMessages, useIntl } from 'react-intl';
@@ -24,7 +25,7 @@ var FIELDS_NAMESPACE = 'fields';
 var FORMS_NAMESPACE = 'forms';
 var SCREENS_NAMESPACE = 'screens';
 var ELEMENTS_NAMESPACE = 'elements';
-var ComponentsContext = /*#__PURE__*/React$1.createContext(null);
+var ComponentsContext = /*#__PURE__*/React.createContext(null);
 var emptyComponents = {};
 
 /**
@@ -147,9 +148,10 @@ function ComponentsProvider(_ref) {
   var finalManager = useMemo(function () {
     return new ComponentsManager(_objectSpread(_objectSpread(_objectSpread({}, previousManager !== null ? previousManager.getComponents() : null), manager !== null ? manager.getComponents() : null), new ComponentsManager(components).addNamespace(namespace).getComponents()));
   }, [previousManager, manager, components, namespace]);
-  return /*#__PURE__*/React$1.createElement(ComponentsContext.Provider, {
-    value: finalManager
-  }, children);
+  return /*#__PURE__*/jsx(ComponentsContext.Provider, {
+    value: finalManager,
+    children: children
+  });
 }
 
 var messages = defineMessages({
@@ -289,7 +291,7 @@ var consentStates = [{
   description: messages.ad_user_data_description,
   value: false
 }];
-var ConsentContext = /*#__PURE__*/React$1.createContext({
+var ConsentContext = /*#__PURE__*/React.createContext({
   consent: null,
   setConsent: function setConsent() {}
 });
@@ -392,12 +394,13 @@ function ConsentProvider(_ref) {
       setConsented: setConsented
     };
   }, [consent, setConsent, consented, setConsented]);
-  return /*#__PURE__*/React$1.createElement(ConsentContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ConsentContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var FieldsContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsContext = /*#__PURE__*/React.createContext(null);
 var useFieldsManager = function useFieldsManager() {
   return useContext(FieldsContext);
 };
@@ -426,15 +429,17 @@ function FieldsProvider(_ref) {
       return isString(component) ? map : _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, id, component));
     }, {});
   }, [finalManager]);
-  return /*#__PURE__*/React$1.createElement(FieldsContext.Provider, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: FIELDS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsx(FieldsContext.Provider, {
+    value: finalManager,
+    children: /*#__PURE__*/jsx(ComponentsProvider, {
+      namespace: FIELDS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
-var ScreensContext = /*#__PURE__*/React$1.createContext(new ScreensManager());
+var ScreensContext = /*#__PURE__*/React.createContext(new ScreensManager());
 var useScreensManager = function useScreensManager() {
   return useContext(ScreensContext);
 };
@@ -481,12 +486,14 @@ function ScreensProvider(_ref) {
       finalManager.off('change', onChange);
     };
   }, [finalManager, setComponents]);
-  return /*#__PURE__*/React$1.createElement(ScreensContext.Provider, {
-    value: finalManager
-  }, /*#__PURE__*/React$1.createElement(ComponentsProvider, {
-    namespace: SCREENS_NAMESPACE,
-    components: components
-  }, children));
+  return /*#__PURE__*/jsx(ScreensContext.Provider, {
+    value: finalManager,
+    children: /*#__PURE__*/jsx(ComponentsProvider, {
+      namespace: SCREENS_NAMESPACE,
+      components: components,
+      children: children
+    })
+  });
 }
 
 var StoryContext = /*#__PURE__*/createContext(null);
@@ -501,12 +508,13 @@ function StoryProvider(_ref) {
   var _ref$story = _ref.story,
     story = _ref$story === void 0 ? null : _ref$story,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(StoryContext.Provider, {
-    value: story
-  }, children);
+  return /*#__PURE__*/jsx(StoryContext.Provider, {
+    value: story,
+    children: children
+  });
 }
 
-var EditorContext = /*#__PURE__*/React$1.createContext(null);
+var EditorContext = /*#__PURE__*/React.createContext(null);
 var useEditor = function useEditor() {
   return useContext(EditorContext);
 };
@@ -537,15 +545,16 @@ function EditorProvider(_ref2) {
   }, [parse, story]);
 
   // eslint-disable-next-line react/jsx-no-constructed-context-values
-  return /*#__PURE__*/React$1.createElement(EditorContext.Provider, {
+  return /*#__PURE__*/jsx(EditorContext.Provider, {
     value: {
       getColors: getColors
-    }
-  }, children);
+    },
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldsValueContext = /*#__PURE__*/React$1.createContext(null);
+var FieldsValueContext = /*#__PURE__*/React.createContext(null);
 var useFieldsValue = function useFieldsValue() {
   return useContext(FieldsValueContext);
 };
@@ -553,13 +562,14 @@ function FieldsValueContextProvider(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(FieldsValueContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(FieldsValueContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var FieldContext = /*#__PURE__*/React$1.createContext(null);
+var FieldContext = /*#__PURE__*/React.createContext(null);
 var useFieldContext = function useFieldContext() {
   return useContext(FieldContext);
 };
@@ -567,12 +577,13 @@ function FieldContextProvider(_ref) {
   var _ref$context = _ref.context,
     context = _ref$context === void 0 ? null : _ref$context,
     children = _ref.children;
-  return /*#__PURE__*/React$1.createElement(FieldContext.Provider, {
-    value: context
-  }, children);
+  return /*#__PURE__*/jsx(FieldContext.Provider, {
+    value: context,
+    children: children
+  });
 }
 
-var SettingsContext = /*#__PURE__*/React$1.createContext({});
+var SettingsContext = /*#__PURE__*/React.createContext({});
 var useSettings = function useSettings() {
   return useContext(SettingsContext);
 };
@@ -592,13 +603,14 @@ function SettingsProvider(_ref2) {
   var value = useMemo(function () {
     return _objectSpread(_objectSpread({}, previousSettings), settings);
   }, [settings, previousSettings]);
-  return /*#__PURE__*/React$1.createElement(SettingsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(SettingsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var GoogleKeysContext = /*#__PURE__*/React$1.createContext({
+var GoogleKeysContext = /*#__PURE__*/React.createContext({
   apiKey: null
 });
 var useGoogleKeys = function useGoogleKeys() {
@@ -616,12 +628,13 @@ function GoogleKeysProvider(_ref) {
       apiKey: apiKey || previousApiKey || settingApiKey
     };
   }, [apiKey, previousApiKey, settingApiKey]);
-  return /*#__PURE__*/React$1.createElement(GoogleKeysContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(GoogleKeysContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var FontsContext = /*#__PURE__*/React$1.createContext({
+var FontsContext = /*#__PURE__*/React.createContext({
   systemFonts: null,
   googleFonts: null,
   customFonts: null
@@ -722,12 +735,13 @@ function FontsProvider(_ref4) {
       setGoogleFonts: setGoogleFonts
     };
   }, [previousSystemFonts, previousGoogleFonts, previousCustomFonts, customFonts, systemFonts, googleFonts, setGoogleFonts]);
-  return /*#__PURE__*/React$1.createElement(FontsContext.Provider, {
-    value: fonts
-  }, children);
+  return /*#__PURE__*/jsx(FontsContext.Provider, {
+    value: fonts,
+    children: children
+  });
 }
 
-var GoogleApiClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleApiClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleApiClient = function useGoogleApiClient() {
   return useContext(GoogleApiClientContext);
 };
@@ -740,10 +754,12 @@ var withGoogleApiClient = function withGoogleApiClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   function WithGoogleApiClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsx(GoogleApiClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   }
   WithGoogleApiClientComponent.displayName = "WithGoogleApiClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -768,12 +784,13 @@ function GoogleApiClientProvider(_ref2) {
       return setClient(gapi);
     });
   }, [apiKey, setClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleApiClientContext.Provider, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleApiClientContext.Provider, {
+    value: client,
+    children: children
+  });
 }
 
-var GoogleMapsClientContext = /*#__PURE__*/React$1.createContext(null);
+var GoogleMapsClientContext = /*#__PURE__*/React.createContext(null);
 var useGoogleMapsClient = function useGoogleMapsClient() {
   return useContext(GoogleMapsClientContext);
 };
@@ -786,10 +803,12 @@ var withGoogleMapsClient = function withGoogleMapsClient(WrappedComponent) {
     return displayName || name || 'Component';
   };
   function WithGoogleMapsClientComponent(props) {
-    return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Consumer, null, function (client) {
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        googleApiClient: client
-      }, props));
+    return /*#__PURE__*/jsx(GoogleMapsClientContext.Consumer, {
+      children: function children(client) {
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          googleApiClient: client
+        }, props));
+      }
     });
   }
   WithGoogleMapsClientComponent.displayName = "WithGoogleMapsClient(".concat(getDisplayName(WrappedComponent), ")");
@@ -819,12 +838,13 @@ function GoogleMapsClientProvider(_ref2) {
       });
     }
   }, [apiKey, locale, libraries, setClient, exisitingClient]);
-  return /*#__PURE__*/React$1.createElement(GoogleMapsClientContext.Provider, {
-    value: client
-  }, children);
+  return /*#__PURE__*/jsx(GoogleMapsClientContext.Provider, {
+    value: client,
+    children: children
+  });
 }
 
-var ModalsContext = /*#__PURE__*/React$1.createContext({
+var ModalsContext = /*#__PURE__*/React.createContext({
   container: null
 });
 var useModals = function useModals() {
@@ -832,19 +852,21 @@ var useModals = function useModals() {
 };
 var withModals = function withModals(WrappedComponent) {
   function WithModalsComponent(props) {
-    return /*#__PURE__*/React$1.createElement(ModalsContext.Consumer, null, function (_ref) {
-      var modals = _ref.modals,
-        container = _ref.container,
-        setContainer = _ref.setContainer,
-        register = _ref.register,
-        unregister = _ref.unregister;
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        modalsContainer: container,
-        setModalsContainer: setContainer,
-        modals: modals,
-        registerModal: register,
-        unregisterModal: unregister
-      }, props));
+    return /*#__PURE__*/jsx(ModalsContext.Consumer, {
+      children: function children(_ref) {
+        var modals = _ref.modals,
+          container = _ref.container,
+          setContainer = _ref.setContainer,
+          register = _ref.register,
+          unregister = _ref.unregister;
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          modalsContainer: container,
+          setModalsContainer: setContainer,
+          modals: modals,
+          registerModal: register,
+          unregisterModal: unregister
+        }, props));
+      }
     });
   }
   WithModalsComponent.displayName = "WithModals(".concat(getDisplayName(WrappedComponent), ")");
@@ -896,12 +918,13 @@ function ModalsProvider(_ref2) {
       unregister: unregister
     };
   }, [modals, container, setContainer, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(ModalsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ModalsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
-var PanelsContext = /*#__PURE__*/React$1.createContext({
+var PanelsContext = /*#__PURE__*/React.createContext({
   container: null
 });
 var usePanels = function usePanels() {
@@ -909,19 +932,21 @@ var usePanels = function usePanels() {
 };
 var withPanels = function withPanels(WrappedComponent) {
   function WithPanelsComponent(props) {
-    return /*#__PURE__*/React$1.createElement(PanelsContext.Consumer, null, function (_ref) {
-      var panels = _ref.panels,
-        setContainer = _ref.setContainer,
-        container = _ref.container,
-        register = _ref.register,
-        unregister = _ref.unregister;
-      return /*#__PURE__*/React$1.createElement(WrappedComponent, Object.assign({
-        panelsContainer: container,
-        setPanelsContainer: setContainer,
-        panels: panels,
-        registerPanel: register,
-        unregisterPanel: unregister
-      }, props));
+    return /*#__PURE__*/jsx(PanelsContext.Consumer, {
+      children: function children(_ref) {
+        var panels = _ref.panels,
+          setContainer = _ref.setContainer,
+          container = _ref.container,
+          register = _ref.register,
+          unregister = _ref.unregister;
+        return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({
+          panelsContainer: container,
+          setPanelsContainer: setContainer,
+          panels: panels,
+          registerPanel: register,
+          unregisterPanel: unregister
+        }, props));
+      }
     });
   }
   WithPanelsComponent.displayName = "WithPanels(".concat(getDisplayName(WrappedComponent), ")");
@@ -973,9 +998,10 @@ function PanelsProvider(_ref2) {
       unregister: unregister
     };
   }, [panels, setContainer, container, register, unregister]);
-  return /*#__PURE__*/React$1.createElement(PanelsContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(PanelsContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var defaultControlsThemeValue = {
@@ -995,7 +1021,7 @@ var defaultValue$1 = {
   controlsTheme: defaultControlsThemeValue,
   currentQualityLevel: null
 };
-var PlaybackContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
+var PlaybackContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue$1), {}, {
   setMuted: function setMuted() {},
   setPlaying: function setPlaying() {},
   setControls: function setControls() {},
@@ -1194,9 +1220,10 @@ function PlaybackProvider(_ref) {
       setCurrentQualityLevel: finalSetCurrentQualityLevel
     };
   }, [muted, playing, completed, paused, controls, controlsSuggestPlay, controlsVisible, controlsTheme, media, hasAudio, currentQualityLevel, setMuted, setIsBackground, isBackground, finalSetPlaying, finalSetControls, finalSetControlsTheme, setControlsSuggestPlay, setControlsVisible, showControls, hideControls, setMedia, finalSetCurrentQualityLevel]);
-  return /*#__PURE__*/React$1.createElement(PlaybackContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(PlaybackContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var useRoutePush = function useRoutePush() {
@@ -1232,7 +1259,7 @@ var useRouteBack = function useRouteBack() {
   return back;
 };
 
-var ScreenContext = /*#__PURE__*/React$1.createContext({
+var ScreenContext = /*#__PURE__*/React.createContext({
   data: null,
   definition: null,
   renderContext: null
@@ -1321,13 +1348,14 @@ function ScreenProvider(_ref6) {
       screenState: finalScreenState
     };
   }, [finalData, finalDefinition, finalRenderContext, finalScreenState]);
-  return /*#__PURE__*/React$1.createElement(ScreenContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ScreenContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 /* eslint-disable react/jsx-props-no-spreading */
-var ScreenSizeContext = /*#__PURE__*/React$1.createContext({
+var ScreenSizeContext = /*#__PURE__*/React.createContext({
   screen: null,
   screens: [],
   width: 0,
@@ -1352,9 +1380,10 @@ function ScreenSizeProvider(_ref) {
   var currentSize = useMemo(function () {
     return size;
   }, [nextScreen, nextWidth, nextHeight, nextResolution]);
-  return /*#__PURE__*/React$1.createElement(ScreenSizeContext.Provider, {
-    value: currentSize
-  }, children);
+  return /*#__PURE__*/jsx(ScreenSizeContext.Provider, {
+    value: currentSize,
+    children: children
+  });
 }
 
 var useTracking = function useTracking() {
@@ -1384,9 +1413,10 @@ function TrackingProvider(_ref) {
     }
     return refTracking.current;
   }, [contextTracking, variables, disabled, paused]);
-  return /*#__PURE__*/React$1.createElement(TrackingContainer, {
-    tracking: tracking
-  }, children);
+  return /*#__PURE__*/jsx(TrackingContainer, {
+    tracking: tracking,
+    children: children
+  });
 }
 
 var defaultValue = {
@@ -1401,7 +1431,7 @@ var defaultValue = {
   disableInteraction: function disableInteraction() {},
   enableInteraction: function enableInteraction() {}
 };
-var ViewerContext = /*#__PURE__*/React$1.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
+var ViewerContext = /*#__PURE__*/React.createContext(_objectSpread(_objectSpread({}, defaultValue), {}, {
   webView: null,
   setWebView: function setWebView() {}
 }));
@@ -1516,9 +1546,10 @@ function ViewerProvider(_ref) {
       setWebView: setWebView
     };
   }, [containerRef, events, menuVisible, menuOverScreen, width, height, topHeight, bottomHeight, bottomSidesWidth, gotoNextScreen, gotoPreviousScreen, disableInteraction, enableInteraction, webView, setWebView]);
-  return /*#__PURE__*/React$1.createElement(ViewerContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(ViewerContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 var VisitorContext = /*#__PURE__*/createContext({
@@ -1571,9 +1602,10 @@ function VisitorProvider(_ref) {
       }
     };
   }, [visitor, _setVisitor]);
-  return /*#__PURE__*/React$1.createElement(VisitorContext.Provider, {
-    value: value
-  }, children);
+  return /*#__PURE__*/jsx(VisitorContext.Provider, {
+    value: value,
+    children: children
+  });
 }
 
 export { ComponentsContext, ComponentsProvider, ConsentContext, ConsentProvider, ELEMENTS_NAMESPACE, EditorContext, EditorProvider, FIELDS_NAMESPACE, FORMS_NAMESPACE, FieldContext, FieldContextProvider, FieldsContext, FieldsProvider, FieldsValueContext, FieldsValueContextProvider, FontsContext, FontsProvider, GoogleApiClientContext, GoogleApiClientProvider, GoogleKeysContext, GoogleKeysProvider, GoogleMapsClientContext, GoogleMapsClientProvider, MODALS_NAMESPACE, ModalsContext, ModalsProvider, PanelsContext, PanelsProvider, PlaybackContext, PlaybackProvider, SCREENS_NAMESPACE, ScreenContext, ScreenProvider, ScreenSizeContext, ScreenSizeProvider, ScreensContext, ScreensProvider, SettingsContext, SettingsProvider, StoryContext, StoryProvider, TrackingProvider, ViewerContext, ViewerProvider, VisitorContext, VisitorProvider, useComponent, useComponents, useComponentsManager, useConsent, useEditor, useElementComponent, useElementsComponents, useElementsComponentsManager, useFieldComponent, useFieldContext, useFieldDefinition, useFieldsComponents, useFieldsComponentsManager, useFieldsManager, useFieldsValue, useFonts, useFormComponent, useFormsComponents, useFormsComponentsManager, useGetColors, useGoogleApiClient, useGoogleFonts, useGoogleKeys, useGoogleMapsClient, useModalComponent, useModals, useModalsComponents, useModalsComponentsManager, usePanels, usePlaybackContext, usePlaybackMediaRef, useRouteBack, useRoutePush, useScreen, useScreenComponent, useScreenData, useScreenDefinition, useScreenRenderContext, useScreenSize, useScreenState, useScreensComponents, useScreensComponentsManager, useScreensManager, useSetVisitor, useSetting, useSettings, useStory, useStoryContext, useTracking, useViewerContainer, useViewerContext, useViewerEvents, useViewerInteraction, useViewerNavigation, useViewerSize, useViewerWebView, useVisitor, useVisitorContext, withGoogleApiClient, withGoogleMapsClient, withModals, withPanels };

package/es/styles.css

@@ -1,7 +1,7 @@
-.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:var(--mm-primary);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
+.micromag-core-buttons-button-container .micromag-core-buttons-button-icon{display:block;position:relative}.micromag-core-buttons-button-container .micromag-core-buttons-button-icon,.micromag-core-buttons-button-container .micromag-core-buttons-button-label{-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";-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out");transition:transform .3s var(--mm-ease-out-ramp,"ease-out"),-webkit-transform .3s var(--mm-ease-out-ramp,"ease-out")}.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{color:inherit}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink,.micromag-core-buttons-button-container.micromag-core-buttons-button-withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-core-buttons-button-container.micromag-core-buttons-button-asLink{color:#a13dff;color:var(--mm-primary,#a13dff);font-weight:700}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon .micromag-core-buttons-button-right{margin-left:.5em}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIcon.micromag-core-buttons-button-withAnimations.micromag-core-buttons-button-icon-right .micromag-core-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-core-buttons-button-container.micromag-core-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-core-buttons-button-container.micromag-core-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-core-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
 
 .micromag-core-buttons-clear-container{display:inline-block;display:-ms-flexbox!important;display:flex!important;height:18px!important;position:relative;width:18px!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--mm-gray-700)!important;border:0;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:0;padding:0 10px!important}.micromag-core-buttons-clear-container .micromag-core-buttons-clear-icon{display:block}
-.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:calc(var(--mm-spacer)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
+.micromag-core-forms-form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:10px;margin-top:calc(var(--mm-spacer, 5px)*2)}.micromag-core-forms-form-actions.micromag-core-forms-form-left{-ms-flex-pack:start;justify-content:flex-start}.micromag-core-forms-form-actions.micromag-core-forms-form-right{-ms-flex-pack:end;justify-content:flex-end}
 .micromag-core-partials-link-withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
 @-webkit-keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-core-partials-spinner-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes micromag-core-partials-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.micromag-core-partials-spinner-container{display:block;height:40px;width:40px}.micromag-core-partials-spinner-container .micromag-core-partials-spinner-path{color:currentcolor;stroke-linecap:round}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated{-webkit-animation:micromag-core-partials-spinner-rotate 2s linear infinite;animation:micromag-core-partials-spinner-rotate 2s linear infinite}.micromag-core-partials-spinner-container.micromag-core-partials-spinner-animated .micromag-core-partials-spinner-path{-webkit-animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite;animation:micromag-core-partials-spinner-dash 1.5s ease-in-out infinite}
 
@@ -14,9 +14,9 @@
 .micromag-core-modals-dialog-container{display:block;opacity:1;padding:0 5px}
 .micromag-core-panels-container{position:static}
 .micromag-core-panels-panel-container{position:static}
-.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-top{border-bottom:1px solid var(--mm-border-color)}.micromag-core-partials-collapsable-panel-container .micromag-core-partials-collapsable-panel-button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:calc(var(--mm-spacer)/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:var(--mm-spacer);-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-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 var(--mm-gray-800);color:var(--mm-gray-800)}
+.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-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)}