@micromag/editor 0.3.179 → 0.3.183

package/assets/css/styles.css

@@ -6,8 +6,8 @@
 .micromag-editor-menus-devices-container{display:inline-block;position:relative}.micromag-editor-menus-devices-container .micromag-editor-menus-devices-button{display:block;width:40px;height:30px;padding:5px}
 .micromag-editor-buttons-device-container .micromag-editor-buttons-device-icon{display:block;width:100%;height:auto;max-height:100%}
 .micromag-editor-partials-screen-states-container{display:inline-block}.micromag-editor-partials-screen-states-button{width:50px;min-height:75px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;color:#6c6c6c}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{border-color:#e9e9e9;background:rgba(0,0,0,0);color:#e9e9e9}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{padding:0 .2em;font-size:.75em;text-align:left}
-.micromag-editor-buttons-screen-with-preview-button{display:block;position:relative}
 .micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button,.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-buttons-screen-container{position:relative;overflow:hidden}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-button{display:inline-block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-border{display:block}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen{display:block;position:relative;width:100%;height:0;padding-bottom:150%;pointer-events:none}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-icon{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.micromag-editor-buttons-screen-container .micromag-editor-buttons-screen-screen .micromag-editor-buttons-screen-label{padding:5px 0;font-size:.75rem;font-weight:700}.micromag-editor-buttons-screen-container.micromag-editor-buttons-screen-active .micromag-editor-buttons-screen-border{z-index:2;border:3px solid #a13dff}
+.micromag-editor-buttons-screen-with-preview-button{display:block;position:relative}
 .micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;width:100%;padding:20px 0}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;padding:0;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto;overflow:hidden}.micromag-editor-preview-container .micromag-editor-preview-preview{width:100%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.micromag-editor-preview-container .micromag-editor-preview-preview,.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{position:relative;height:100%}.micromag-editor-preview-container .micromag-editor-preview-devices{position:absolute;right:10px;bottom:10px}.micromag-editor-preview-screen-medium .micromag-editor-preview-top{display:block;width:100%;overflow-x:auto;text-align:center}.micromag-editor-preview-screen-medium .micromag-editor-preview-bottom{padding:50px 20px}
 .micromag-editor-screens-container .micromag-editor-screens-navbar{z-index:999;background-color:#1c1c1c}.micromag-editor-screens-container .micromag-editor-screens-navbar>div{padding:0}
 .micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-screen{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-editor-menus-screens-item,.micromag-editor-menus-screens-items{margin:0;padding:0;list-style:none}.micromag-editor-menus-screens-container{position:relative}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-items{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px;padding:0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{display:block;position:relative;z-index:2;width:33.3%;padding:5px}@media screen and (min-width:540px){.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{width:20%}}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-button{display:block}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{background:rgba(0,0,0,.9)}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-settings{position:absolute;top:0;right:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-noWrap .micromag-editor-menus-screens-items{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-items{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-item{width:100%}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-item{margin:5px;padding:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-button{width:100px}

package/es/index.js

@@ -1194,9 +1194,7 @@ DevicesMenu.defaultProps = defaultProps$f;
 
 var styles$b = {"container":"micromag-editor-partials-screen-states-container","button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
 
-var styles$a = {"button":"micromag-editor-buttons-screen-with-preview-button"};
-
-var styles$9 = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
+var styles$a = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
 
 var propTypes$e = {
   active: PropTypes.bool,
@@ -1240,17 +1238,17 @@ var ScreenButton = function ScreenButton(_ref) {
       onClick = _ref.onClick,
       refButton = _ref.refButton;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$9.container, 'rounded', (_ref2 = {}, _defineProperty(_ref2, styles$9.active, active), _defineProperty(_ref2, className, className !== null), _ref2)])
+    className: classNames([styles$a.container, 'rounded', (_ref2 = {}, _defineProperty(_ref2, styles$a.active, active), _defineProperty(_ref2, className, className !== null), _ref2)])
   }, children !== null ? children : /*#__PURE__*/React.createElement("div", {
-    className: styles$9.screen
+    className: styles$a.screen
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$9.inner
+    className: styles$a.inner
   }, icon !== null ? /*#__PURE__*/React.createElement("div", {
-    className: styles$9.icon
+    className: styles$a.icon
   }, icon) : null, label !== null ? /*#__PURE__*/React.createElement("div", {
-    className: styles$9.label
+    className: styles$a.label
   }, label) : null)), /*#__PURE__*/React.createElement(Button, {
-    className: styles$9.button,
+    className: styles$a.button,
     withoutStyle: true,
     id: id,
     href: href,
@@ -1258,7 +1256,7 @@ var ScreenButton = function ScreenButton(_ref) {
     onClick: onClick,
     refButton: refButton
   }, /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles$9.border, 'rounded'])
+    className: classNames([styles$a.border, 'rounded'])
   })));
 };
 
@@ -1270,6 +1268,8 @@ var ScreenButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
+var styles$9 = {"button":"micromag-editor-buttons-screen-with-preview-button"};
+
 var propTypes$d = {
   screen: PropTypes$1.screenComponent,
   screenState: PropTypes.string,
@@ -1310,7 +1310,7 @@ var ScreenWithPreview = function ScreenWithPreview(_ref) {
   return /*#__PURE__*/React.createElement(ScreenButton$1, {
     href: href,
     active: active,
-    className: classNames([styles$a.button, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles$9.button, _defineProperty({}, className, className !== null)]),
     title: isMessage(title) ? intl.formatMessage(title) : null,
     onClick: function onClick() {
       if (_onClick !== null) {
@@ -1324,7 +1324,7 @@ var ScreenWithPreview = function ScreenWithPreview(_ref) {
   }, /*#__PURE__*/React.createElement(ScreenComponent, {
     screen: screen,
     screenState: screenState,
-    className: styles$a.screen,
+    className: styles$9.screen,
     withSize: true
   }));
 };
@@ -1651,7 +1651,12 @@ var EditorPreview = function EditorPreview(_ref) {
     theme: viewerTheme,
     interactions: null,
     renderContext: "edit",
-    onScreenChange: onScreenChange
+    onScreenChange: onScreenChange,
+    neighborScreensActive: 0,
+    withNeighborScreens: false,
+    withoutTransitions: true,
+    withoutGestures: true,
+    withoutMenu: true
   })))))), !withoutDevicesSizes ? /*#__PURE__*/React.createElement("div", {
     className: styles$8.deviceMenu
   }, /*#__PURE__*/React.createElement(DevicesMenu, {

package/lib/index.js

@@ -1214,9 +1214,7 @@ DevicesMenu.defaultProps = defaultProps$f;
 
 var styles$b = {"container":"micromag-editor-partials-screen-states-container","button":"micromag-editor-partials-screen-states-button","addButton":"micromag-editor-partials-screen-states-addButton","title":"micromag-editor-partials-screen-states-title"};
 
-var styles$a = {"button":"micromag-editor-buttons-screen-with-preview-button"};
-
-var styles$9 = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
+var styles$a = {"container":"micromag-editor-buttons-screen-container","button":"micromag-editor-buttons-screen-button","border":"micromag-editor-buttons-screen-border","screen":"micromag-editor-buttons-screen-screen","inner":"micromag-editor-buttons-screen-inner","icon":"micromag-editor-buttons-screen-icon","label":"micromag-editor-buttons-screen-label","active":"micromag-editor-buttons-screen-active"};
 
 var propTypes$e = {
   active: PropTypes__default["default"].bool,
@@ -1260,17 +1258,17 @@ var ScreenButton = function ScreenButton(_ref) {
       onClick = _ref.onClick,
       refButton = _ref.refButton;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$9.container, 'rounded', (_ref2 = {}, _defineProperty__default["default"](_ref2, styles$9.active, active), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)])
+    className: classNames__default["default"]([styles$a.container, 'rounded', (_ref2 = {}, _defineProperty__default["default"](_ref2, styles$a.active, active), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)])
   }, children !== null ? children : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$9.screen
+    className: styles$a.screen
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$9.inner
+    className: styles$a.inner
   }, icon !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$9.icon
+    className: styles$a.icon
   }, icon) : null, label !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$9.label
+    className: styles$a.label
   }, label) : null)), /*#__PURE__*/React__default["default"].createElement(components.Button, {
-    className: styles$9.button,
+    className: styles$a.button,
     withoutStyle: true,
     id: id,
     href: href,
@@ -1278,7 +1276,7 @@ var ScreenButton = function ScreenButton(_ref) {
     onClick: onClick,
     refButton: refButton
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles$9.border, 'rounded'])
+    className: classNames__default["default"]([styles$a.border, 'rounded'])
   })));
 };
 
@@ -1290,6 +1288,8 @@ var ScreenButton$1 = /*#__PURE__*/React__default["default"].forwardRef(function
   }));
 });
 
+var styles$9 = {"button":"micromag-editor-buttons-screen-with-preview-button"};
+
 var propTypes$d = {
   screen: core.PropTypes.screenComponent,
   screenState: PropTypes__default["default"].string,
@@ -1330,7 +1330,7 @@ var ScreenWithPreview = function ScreenWithPreview(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(ScreenButton$1, {
     href: href,
     active: active,
-    className: classNames__default["default"]([styles$a.button, _defineProperty__default["default"]({}, className, className !== null)]),
+    className: classNames__default["default"]([styles$9.button, _defineProperty__default["default"]({}, className, className !== null)]),
     title: utils.isMessage(title) ? intl.formatMessage(title) : null,
     onClick: function onClick() {
       if (_onClick !== null) {
@@ -1344,7 +1344,7 @@ var ScreenWithPreview = function ScreenWithPreview(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ScreenComponent, {
     screen: screen,
     screenState: screenState,
-    className: styles$a.screen,
+    className: styles$9.screen,
     withSize: true
   }));
 };
@@ -1671,7 +1671,12 @@ var EditorPreview = function EditorPreview(_ref) {
     theme: viewerTheme,
     interactions: null,
     renderContext: "edit",
-    onScreenChange: onScreenChange
+    onScreenChange: onScreenChange,
+    neighborScreensActive: 0,
+    withNeighborScreens: false,
+    withoutTransitions: true,
+    withoutGestures: true,
+    withoutMenu: true
   })))))), !withoutDevicesSizes ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles$8.deviceMenu
   }, /*#__PURE__*/React__default["default"].createElement(DevicesMenu, {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.3.179",
+    "version": "0.3.183",
     "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.178",
-        "@micromag/elements": "^0.3.178",
-        "@micromag/fields": "^0.3.178",
-        "@micromag/screens": "^0.3.178",
-        "@micromag/viewer": "^0.3.179",
+        "@micromag/core": "^0.3.182",
+        "@micromag/elements": "^0.3.182",
+        "@micromag/fields": "^0.3.182",
+        "@micromag/screens": "^0.3.182",
+        "@micromag/viewer": "^0.3.183",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cd31719a8cbe79a1241f8374f1b746a39c5051bf"
+    "gitHead": "cf36259c9198707c7b99973a81eeaf7d09f57107"
 }

package/scss/styles.scss

@@ -1,6 +1,6 @@
 @import '~@micromag/viewer/scss/styles';
 @import '~@micromag/fields/scss/styles';
-@import '~@micromag/screens/scss/styles';
 @import '~@micromag/elements/scss/styles';
+@import '~@micromag/screens/scss/styles';
 @import '~@micromag/media-gallery/scss/styles';
 @import '~@micromag/editor/assets/css/styles.css';