@micromag/screen-title 0.3.230 → 0.3.233

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-title-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-title-disabled.micromag-screen-title-container{overflow:hidden;pointer-events:none}.micromag-screen-title-hidden.micromag-screen-title-container{display:none;visibility:hidden}.micromag-screen-title-placeholder.micromag-screen-title-container .micromag-screen-title-content{position:relative;padding:6px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
1
+ .micromag-screen-title-container .micromag-screen-title-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-title-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-title-disabled.micromag-screen-title-container{overflow:hidden;pointer-events:none}.micromag-screen-title-hidden.micromag-screen-title-container{display:none;visibility:hidden}.micromag-screen-title-placeholder.micromag-screen-title-container .micromag-screen-title-content{position:relative;padding:6px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-title-container .micromag-screen-title-background{z-index:0}.micromag-screen-title-container .micromag-screen-title-content{z-index:1}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{width:100%;margin:10px auto}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}
package/es/index.js CHANGED
@@ -19,7 +19,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
19
19
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
20
  import { Heading1, Heading2, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
21
 
22
- var styles = {"container":"micromag-screen-title-container","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
22
+ var styles = {"container":"micromag-screen-title-container","background":"micromag-screen-title-background","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
23
23
 
24
24
  var propTypes$2 = {
25
25
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -171,19 +171,10 @@ var TitleScreen = function TitleScreen(_ref) {
171
171
  return /*#__PURE__*/React.createElement("div", {
172
172
  className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
173
173
  "data-screen-ready": true
174
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
175
- background: background,
174
+ }, /*#__PURE__*/React.createElement(Container, {
176
175
  width: width,
177
176
  height: height,
178
- resolution: resolution,
179
- playing: backgroundPlaying,
180
- muted: muted,
181
- shouldLoad: backgroundShouldLoad,
182
- mediaRef: mediaRef,
183
- withoutVideo: isPreview
184
- }) : null, /*#__PURE__*/React.createElement(Container, {
185
- width: width,
186
- height: height
177
+ className: styles.content
187
178
  }, /*#__PURE__*/React.createElement(Layout, {
188
179
  className: styles.layout,
189
180
  fullscreen: true,
@@ -243,7 +234,18 @@ var TitleScreen = function TitleScreen(_ref) {
243
234
  animationDisabled: isPreview,
244
235
  focusable: current && isView,
245
236
  openWebView: openWebView
246
- }))) : null)));
237
+ }))) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
238
+ background: background,
239
+ width: width,
240
+ height: height,
241
+ resolution: resolution,
242
+ playing: backgroundPlaying,
243
+ muted: muted,
244
+ shouldLoad: backgroundShouldLoad,
245
+ mediaRef: mediaRef,
246
+ withoutVideo: isPreview,
247
+ className: styles.background
248
+ }) : null);
247
249
  };
248
250
 
249
251
  TitleScreen.propTypes = propTypes$2;
package/lib/index.js CHANGED
@@ -40,7 +40,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
40
40
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
41
41
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
42
42
 
43
- var styles = {"container":"micromag-screen-title-container","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
43
+ var styles = {"container":"micromag-screen-title-container","background":"micromag-screen-title-background","disabled":"micromag-screen-title-disabled","hidden":"micromag-screen-title-hidden","placeholder":"micromag-screen-title-placeholder","content":"micromag-screen-title-content","emptyDescription":"micromag-screen-title-emptyDescription","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyTitle":"micromag-screen-title-emptyTitle","subtitle":"micromag-screen-title-subtitle","withMargin":"micromag-screen-title-withMargin","title":"micromag-screen-title-title","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
44
44
 
45
45
  var propTypes$2 = {
46
46
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -192,19 +192,10 @@ var TitleScreen = function TitleScreen(_ref) {
192
192
  return /*#__PURE__*/React__default["default"].createElement("div", {
193
193
  className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
194
194
  "data-screen-ready": true
195
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
196
- background: background,
195
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
197
196
  width: width,
198
197
  height: height,
199
- resolution: resolution,
200
- playing: backgroundPlaying,
201
- muted: muted,
202
- shouldLoad: backgroundShouldLoad,
203
- mediaRef: mediaRef,
204
- withoutVideo: isPreview
205
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
206
- width: width,
207
- height: height
198
+ className: styles.content
208
199
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
209
200
  className: styles.layout,
210
201
  fullscreen: true,
@@ -264,7 +255,18 @@ var TitleScreen = function TitleScreen(_ref) {
264
255
  animationDisabled: isPreview,
265
256
  focusable: current && isView,
266
257
  openWebView: openWebView
267
- }))) : null)));
258
+ }))) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
259
+ background: background,
260
+ width: width,
261
+ height: height,
262
+ resolution: resolution,
263
+ playing: backgroundPlaying,
264
+ muted: muted,
265
+ shouldLoad: backgroundShouldLoad,
266
+ mediaRef: mediaRef,
267
+ withoutVideo: isPreview,
268
+ className: styles.background
269
+ }) : null);
268
270
  };
269
271
 
270
272
  TitleScreen.propTypes = propTypes$2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-title",
3
- "version": "0.3.230",
3
+ "version": "0.3.233",
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.233",
53
+ "@micromag/element-background": "^0.3.233",
54
+ "@micromag/element-call-to-action": "^0.3.233",
55
+ "@micromag/element-container": "^0.3.233",
56
+ "@micromag/element-heading": "^0.3.233",
57
+ "@micromag/element-layout": "^0.3.233",
58
+ "@micromag/element-text": "^0.3.233",
59
+ "@micromag/transforms": "^0.3.233",
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": "1849b8fc36ca5b6c6a13045db441495bba22184f"
70
70
  }