@micromag/editor 0.3.58 → 0.3.63

package/es/index.js

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useMemo, useRef, useCallback, useState, forwardRef, useEffect } from 'react';
+import { useIntl, FormattedMessage } from 'react-intl';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { Button, FieldForm, BackButton, Breadcrumb as Breadcrumb$1, Modal, ModalDialog, Label, Navbar, DropdownMenu, Empty, Tabs, ScreenPlaceholder, ScreenPreview, Modals } from '@micromag/core/components';
 import { useRoutes, useScreenDefinition, useFormsComponents, useScreensManager, useFieldsManager, useUrlGenerator, useRoutePush, ScreenProvider, useScreenSize, ModalsProvider, PanelsProvider, ScreenSizeProvider, useFieldComponent, ComponentsProvider, FORMS_NAMESPACE, UppyProvider, StoryProvider, GoogleKeysProvider, GoogleMapsClientProvider, FontsProvider, EditorProvider, ComponentsContext, RoutesProvider } from '@micromag/core/contexts';
 import { useParsedStory, useResizeObserver, useScreenSizeFromElement, useMediasParser } from '@micromag/core/hooks';
 import { getScreenExtraField, isMessage, slug, getComponentFromName, getDeviceScreens } from '@micromag/core/utils';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useMemo, useRef, useCallback, useState, forwardRef, useEffect } from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { useRouteMatch, useHistory, Route, MemoryRouter } from 'react-router';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
@@ -1508,7 +1508,8 @@ var EditorPreview = function EditorPreview(_ref) {
       _useScreenSize$screen2 = _useScreenSize.screens,
       screens = _useScreenSize$screen2 === void 0 ? [] : _useScreenSize$screen2;
 
-  var valueWithTheme = useThemeValue(value, isTheme); // const valueParsed = valueWithTheme;
+  var valueWithTheme = useThemeValue(value, isTheme); // console.log(valueWithTheme);
+  // const valueParsed = valueWithTheme;
 
   var valueParsed = useParsedStory(valueWithTheme, {
     withTheme: isTheme,
@@ -3361,14 +3362,17 @@ var Editor = function Editor(_ref) {
       background = _ref2$background === void 0 ? null : _ref2$background,
       _ref2$colors = _ref2.colors,
       colors = _ref2$colors === void 0 ? null : _ref2$colors,
-      _ref2$textStyle = _ref2.textStyle,
-      textStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
+      _ref2$textStyles = _ref2.textStyles,
+      textStyles = _ref2$textStyles === void 0 ? null : _ref2$textStyles,
+      _ref2$boxStyles = _ref2.boxStyles,
+      boxStyles = _ref2$boxStyles === void 0 ? null : _ref2$boxStyles;
 
   var baseValue = isTheme ? _objectSpread(_objectSpread({}, value), {}, {
     theme: {
       background: background,
       colors: colors,
-      textStyle: textStyle
+      textStyles: textStyles,
+      boxStyles: boxStyles
     }
   }) : value;
   var story = useParsedStory(baseValue);

package/lib/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var reactIntl = require('react-intl');
 var core = require('@micromag/core');
 var components = require('@micromag/core/components');
 var contexts = require('@micromag/core/contexts');
 var hooks = require('@micromag/core/hooks');
 var utils = require('@micromag/core/utils');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactIntl = require('react-intl');
 var reactRouter = require('react-router');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactTransitionGroup = require('react-transition-group');
@@ -1528,7 +1528,8 @@ var EditorPreview = function EditorPreview(_ref) {
       _useScreenSize$screen2 = _useScreenSize.screens,
       screens = _useScreenSize$screen2 === void 0 ? [] : _useScreenSize$screen2;
 
-  var valueWithTheme = useThemeValue(value, isTheme); // const valueParsed = valueWithTheme;
+  var valueWithTheme = useThemeValue(value, isTheme); // console.log(valueWithTheme);
+  // const valueParsed = valueWithTheme;
 
   var valueParsed = hooks.useParsedStory(valueWithTheme, {
     withTheme: isTheme,
@@ -3381,14 +3382,17 @@ var Editor = function Editor(_ref) {
       background = _ref2$background === void 0 ? null : _ref2$background,
       _ref2$colors = _ref2.colors,
       colors = _ref2$colors === void 0 ? null : _ref2$colors,
-      _ref2$textStyle = _ref2.textStyle,
-      textStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
+      _ref2$textStyles = _ref2.textStyles,
+      textStyles = _ref2$textStyles === void 0 ? null : _ref2$textStyles,
+      _ref2$boxStyles = _ref2.boxStyles,
+      boxStyles = _ref2$boxStyles === void 0 ? null : _ref2$boxStyles;
 
   var baseValue = isTheme ? _objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, {
     theme: {
       background: background,
       colors: colors,
-      textStyle: textStyle
+      textStyles: textStyles,
+      boxStyles: boxStyles
     }
   }) : value;
   var story = hooks.useParsedStory(baseValue);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.58",
+    "version": "0.3.63",
     "description": "",
     "keywords": [
         "javascript"
@@ -62,11 +62,11 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.58",
-        "@micromag/elements": "^0.3.58",
-        "@micromag/fields": "^0.3.58",
-        "@micromag/screens": "^0.3.58",
-        "@micromag/viewer": "^0.3.58",
+        "@micromag/core": "^0.3.63",
+        "@micromag/elements": "^0.3.63",
+        "@micromag/fields": "^0.3.63",
+        "@micromag/screens": "^0.3.63",
+        "@micromag/viewer": "^0.3.63",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "80fc5af53d50e031d2516967d52ca61e789d52de"
+    "gitHead": "002ba9d6db19aa37ea77a2465942060661f19dcf"
 }