@micromag/screen-text 0.3.230 → 0.3.235

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +15 -13
  3. package/lib/index.js +15 -13
  4. package/package.json +10 -10
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-text-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-text-disabled.micromag-screen-text-container{overflow:hidden;pointer-events:none}.micromag-screen-text-hidden.micromag-screen-text-container{display:none;visibility:hidden}.micromag-screen-text-placeholder.micromag-screen-text-container .micromag-screen-text-content{position:relative;padding:6px}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-text-container .micromag-screen-text-emptyTitle{height:100px}.micromag-screen-text-container .micromag-screen-text-emptyText{height:50px}.micromag-screen-text-container .micromag-screen-text-title.micromag-screen-text-withMargin{margin-bottom:20px}.micromag-screen-text-container.micromag-screen-text-isPlaceholder .micromag-screen-text-layout{padding:10px}
1
+ .micromag-screen-text-container .micromag-screen-text-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-text-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-text-disabled.micromag-screen-text-container{overflow:hidden;pointer-events:none}.micromag-screen-text-hidden.micromag-screen-text-container{display:none;visibility:hidden}.micromag-screen-text-placeholder.micromag-screen-text-container .micromag-screen-text-content{position:relative;padding:6px}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-text-container .micromag-screen-text-background{z-index:0}.micromag-screen-text-container .micromag-screen-text-content{z-index:1}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{width:100%;margin:10px auto}.micromag-screen-text-container .micromag-screen-text-emptyTitle{height:100px}.micromag-screen-text-container .micromag-screen-text-emptyText{height:50px}.micromag-screen-text-container .micromag-screen-text-title.micromag-screen-text-withMargin{margin-bottom:20px}.micromag-screen-text-container.micromag-screen-text-isPlaceholder .micromag-screen-text-layout{padding:10px}
package/es/index.js CHANGED
@@ -18,7 +18,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
18
18
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
19
19
  import { Heading1, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
20
20
 
21
- var styles = {"container":"micromag-screen-text-container","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
21
+ var styles = {"container":"micromag-screen-text-container","background":"micromag-screen-text-background","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
22
22
 
23
23
  var propTypes = {
24
24
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
@@ -158,19 +158,10 @@ var TextScreen = function TextScreen(_ref) {
158
158
  return /*#__PURE__*/React.createElement("div", {
159
159
  className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
160
160
  "data-screen-ready": true
161
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
162
- background: background,
161
+ }, /*#__PURE__*/React.createElement(Container, {
163
162
  width: width,
164
163
  height: height,
165
- resolution: resolution,
166
- playing: backgroundPlaying,
167
- muted: muted,
168
- shouldLoad: backgroundShouldLoad,
169
- mediaRef: mediaRef,
170
- withoutVideo: isPreview
171
- }) : null, /*#__PURE__*/React.createElement(Container, {
172
- width: width,
173
- height: height
164
+ className: styles.content
174
165
  }, /*#__PURE__*/React.createElement(Layout, {
175
166
  className: styles.layout,
176
167
  fullscreen: true,
@@ -185,7 +176,18 @@ var TextScreen = function TextScreen(_ref) {
185
176
  stagger: transitionStagger,
186
177
  disabled: transitionDisabled,
187
178
  playing: transitionPlaying
188
- }, items))));
179
+ }, items))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
180
+ background: background,
181
+ width: width,
182
+ height: height,
183
+ resolution: resolution,
184
+ playing: backgroundPlaying,
185
+ muted: muted,
186
+ shouldLoad: backgroundShouldLoad,
187
+ mediaRef: mediaRef,
188
+ withoutVideo: isPreview,
189
+ className: styles.background
190
+ }) : null);
189
191
  };
190
192
 
191
193
  TextScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -38,7 +38,7 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
38
38
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
39
39
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
40
40
 
41
- var styles = {"container":"micromag-screen-text-container","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
41
+ var styles = {"container":"micromag-screen-text-container","background":"micromag-screen-text-background","disabled":"micromag-screen-text-disabled","hidden":"micromag-screen-text-hidden","placeholder":"micromag-screen-text-placeholder","content":"micromag-screen-text-content","emptyText":"micromag-screen-text-emptyText","emptyTitle":"micromag-screen-text-emptyTitle","title":"micromag-screen-text-title","withMargin":"micromag-screen-text-withMargin","isPlaceholder":"micromag-screen-text-isPlaceholder","layout":"micromag-screen-text-layout"};
42
42
 
43
43
  var propTypes = {
44
44
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
@@ -178,19 +178,10 @@ var TextScreen = function TextScreen(_ref) {
178
178
  return /*#__PURE__*/React__default["default"].createElement("div", {
179
179
  className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
180
180
  "data-screen-ready": true
181
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
182
- background: background,
181
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
183
182
  width: width,
184
183
  height: height,
185
- resolution: resolution,
186
- playing: backgroundPlaying,
187
- muted: muted,
188
- shouldLoad: backgroundShouldLoad,
189
- mediaRef: mediaRef,
190
- withoutVideo: isPreview
191
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
192
- width: width,
193
- height: height
184
+ className: styles.content
194
185
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
195
186
  className: styles.layout,
196
187
  fullscreen: true,
@@ -205,7 +196,18 @@ var TextScreen = function TextScreen(_ref) {
205
196
  stagger: transitionStagger,
206
197
  disabled: transitionDisabled,
207
198
  playing: transitionPlaying
208
- }, items))));
199
+ }, items))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
200
+ background: background,
201
+ width: width,
202
+ height: height,
203
+ resolution: resolution,
204
+ playing: backgroundPlaying,
205
+ muted: muted,
206
+ shouldLoad: backgroundShouldLoad,
207
+ mediaRef: mediaRef,
208
+ withoutVideo: isPreview,
209
+ className: styles.background
210
+ }) : null);
209
211
  };
210
212
 
211
213
  TextScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-text",
3
- "version": "0.3.230",
3
+ "version": "0.3.235",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,14 +49,14 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.230",
53
- "@micromag/element-background": "^0.3.230",
54
- "@micromag/element-call-to-action": "^0.3.230",
55
- "@micromag/element-container": "^0.3.230",
56
- "@micromag/element-heading": "^0.3.230",
57
- "@micromag/element-layout": "^0.3.230",
58
- "@micromag/element-text": "^0.3.230",
59
- "@micromag/transforms": "^0.3.230",
52
+ "@micromag/core": "^0.3.235",
53
+ "@micromag/element-background": "^0.3.235",
54
+ "@micromag/element-call-to-action": "^0.3.235",
55
+ "@micromag/element-container": "^0.3.235",
56
+ "@micromag/element-heading": "^0.3.235",
57
+ "@micromag/element-layout": "^0.3.235",
58
+ "@micromag/element-text": "^0.3.235",
59
+ "@micromag/transforms": "^0.3.235",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
@@ -66,5 +66,5 @@
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "e69201dc3a0c466c0140d3f9d382c9873b1cead9"
69
+ "gitHead": "e1f899344bb55abf06daa6247d9adbd7401a765b"
70
70
  }