@micromag/screen-title 0.3.311 → 0.3.322

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 +44 -63
  3. package/lib/index.js +45 -63
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
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}
1
+ .micromag-screen-title-container .micromag-screen-title-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-title-container{height:100%;overflow:hidden;position:relative;width:100%}.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{padding:6px;position:relative}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed #343434;color:#343434;margin:5px auto}.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{margin:10px auto;width:100%}.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
@@ -13,13 +13,14 @@ import Container from '@micromag/element-container';
13
13
  import Heading from '@micromag/element-heading';
14
14
  import Layout, { Spacer } from '@micromag/element-layout';
15
15
  import Text from '@micromag/element-text';
16
+ import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
16
17
  import _extends from '@babel/runtime/helpers/extends';
17
18
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
18
19
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
19
20
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
20
21
  import { Heading1, Heading2, Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
21
22
 
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
+ 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","emptyTitle":"micromag-screen-title-emptyTitle","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyDescription":"micromag-screen-title-emptyDescription","title":"micromag-screen-title-title","withMargin":"micromag-screen-title-withMargin","subtitle":"micromag-screen-title-subtitle","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
23
24
 
24
25
  var propTypes$2 = {
25
26
  layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -65,52 +66,44 @@ var defaultProps$2 = {
65
66
  transitionStagger: 100,
66
67
  className: null
67
68
  };
68
-
69
69
  var TitleScreen = function TitleScreen(_ref) {
70
70
  var _ref4;
71
-
72
71
  var layout = _ref.layout,
73
- title = _ref.title,
74
- subtitle = _ref.subtitle,
75
- description = _ref.description,
76
- boxStyle = _ref.boxStyle,
77
- withSubtitle = _ref.withSubtitle,
78
- withDescription = _ref.withDescription,
79
- withBox = _ref.withBox,
80
- spacing = _ref.spacing,
81
- descriptionEmptyLabel = _ref.descriptionEmptyLabel,
82
- background = _ref.background,
83
- callToAction = _ref.callToAction,
84
- current = _ref.current,
85
- active = _ref.active,
86
- transitions = _ref.transitions,
87
- transitionStagger = _ref.transitionStagger,
88
- className = _ref.className;
89
-
72
+ title = _ref.title,
73
+ subtitle = _ref.subtitle,
74
+ description = _ref.description,
75
+ boxStyle = _ref.boxStyle,
76
+ withSubtitle = _ref.withSubtitle,
77
+ withDescription = _ref.withDescription,
78
+ withBox = _ref.withBox,
79
+ spacing = _ref.spacing,
80
+ descriptionEmptyLabel = _ref.descriptionEmptyLabel,
81
+ background = _ref.background,
82
+ callToAction = _ref.callToAction,
83
+ current = _ref.current,
84
+ active = _ref.active,
85
+ transitions = _ref.transitions,
86
+ transitionStagger = _ref.transitionStagger,
87
+ className = _ref.className;
90
88
  var _useScreenSize = useScreenSize(),
91
- width = _useScreenSize.width,
92
- height = _useScreenSize.height,
93
- resolution = _useScreenSize.resolution;
94
-
89
+ width = _useScreenSize.width,
90
+ height = _useScreenSize.height,
91
+ resolution = _useScreenSize.resolution;
95
92
  var _useScreenRenderConte = useScreenRenderContext(),
96
- isView = _useScreenRenderConte.isView,
97
- isPreview = _useScreenRenderConte.isPreview,
98
- isPlaceholder = _useScreenRenderConte.isPlaceholder,
99
- isEdit = _useScreenRenderConte.isEdit,
100
- isStatic = _useScreenRenderConte.isStatic,
101
- isCapture = _useScreenRenderConte.isCapture;
102
-
93
+ isView = _useScreenRenderConte.isView,
94
+ isPreview = _useScreenRenderConte.isPreview,
95
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
96
+ isEdit = _useScreenRenderConte.isEdit,
97
+ isStatic = _useScreenRenderConte.isStatic,
98
+ isCapture = _useScreenRenderConte.isCapture;
103
99
  var _useViewerContext = useViewerContext(),
104
- viewerTopHeight = _useViewerContext.topHeight,
105
- viewerBottomHeight = _useViewerContext.bottomHeight,
106
- viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
107
-
100
+ viewerTopHeight = _useViewerContext.topHeight,
101
+ viewerBottomHeight = _useViewerContext.bottomHeight,
102
+ viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
108
103
  var _useViewerWebView = useViewerWebView(),
109
- openWebView = _useViewerWebView.open;
110
-
104
+ openWebView = _useViewerWebView.open;
111
105
  var _usePlaybackContext = usePlaybackContext(),
112
- muted = _usePlaybackContext.muted;
113
-
106
+ muted = _usePlaybackContext.muted;
114
107
  var mediaRef = usePlaybackMediaRef(current);
115
108
  var hasTitle = isTextFilled(title);
116
109
  var hasSubtitle = isTextFilled(subtitle);
@@ -247,14 +240,12 @@ var TitleScreen = function TitleScreen(_ref) {
247
240
  className: styles.background
248
241
  }) : null);
249
242
  };
250
-
251
243
  TitleScreen.propTypes = propTypes$2;
252
244
  TitleScreen.defaultProps = defaultProps$2;
253
245
  var TitleScreen$1 = /*#__PURE__*/React.memo(TitleScreen);
254
246
 
255
247
  var TitleSubtitleScreen = function TitleSubtitleScreen(_ref) {
256
- var props = _extends({}, _ref);
257
-
248
+ var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
258
249
  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
259
250
  withSubtitle: true
260
251
  }));
@@ -267,11 +258,9 @@ var propTypes$1 = {
267
258
  var defaultProps$1 = {
268
259
  credits: null
269
260
  };
270
-
271
261
  var TitleSubtitleCreditsScreen = function TitleSubtitleCreditsScreen(_ref) {
272
262
  var credits = _ref.credits,
273
- props = _objectWithoutProperties(_ref, _excluded);
274
-
263
+ props = _objectWithoutProperties(_ref, _excluded);
275
264
  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
276
265
  description: credits,
277
266
  withSubtitle: true,
@@ -285,14 +274,12 @@ var TitleSubtitleCreditsScreen = function TitleSubtitleCreditsScreen(_ref) {
285
274
  })
286
275
  }));
287
276
  };
288
-
289
277
  TitleSubtitleCreditsScreen.propTypes = propTypes$1;
290
278
  TitleSubtitleCreditsScreen.defaultProps = defaultProps$1;
291
279
 
292
280
  /* eslint-disable react/jsx-props-no-spreading */
293
281
  var propTypes = {};
294
282
  var defaultProps = {};
295
-
296
283
  var TitleWithBoxScreen = function TitleWithBoxScreen(props) {
297
284
  return /*#__PURE__*/React.createElement(TitleScreen$1, Object.assign({}, props, {
298
285
  withSubtitle: true,
@@ -300,31 +287,25 @@ var TitleWithBoxScreen = function TitleWithBoxScreen(props) {
300
287
  withBox: true
301
288
  }));
302
289
  };
303
-
304
290
  TitleWithBoxScreen.propTypes = propTypes;
305
291
  TitleWithBoxScreen.defaultProps = defaultProps;
306
292
 
307
293
  var transform = function transform(newStory, _ref) {
308
294
  var title = _ref.title,
309
- subtitle = _ref.subtitle,
310
- credits = _ref.credits;
311
-
295
+ subtitle = _ref.subtitle,
296
+ credits = _ref.credits;
312
297
  var _Heading = Heading1(newStory, title),
313
- titleStory = _Heading.story,
314
- titleComponent = _Heading.component;
315
-
298
+ titleStory = _Heading.story,
299
+ titleComponent = _Heading.component;
316
300
  var _Heading2 = Heading2(titleStory, subtitle),
317
- subtitleStory = _Heading2.story,
318
- subtitleComponent = _Heading2.component;
319
-
301
+ subtitleStory = _Heading2.story,
302
+ subtitleComponent = _Heading2.component;
320
303
  var _Text = Text$1(subtitleStory, credits),
321
- creditsStory = _Text.story,
322
- creditsComponent = _Text.component;
323
-
304
+ creditsStory = _Text.story,
305
+ creditsComponent = _Text.component;
324
306
  var _Container = Container$1(creditsStory, [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(subtitleComponent ? [subtitleComponent] : []), _toConsumableArray(creditsComponent ? [creditsComponent] : []))),
325
- containerStory = _Container.story,
326
- containerComponent = _Container.component;
327
-
307
+ containerStory = _Container.story,
308
+ containerComponent = _Container.component;
328
309
  return _objectSpread(_objectSpread({}, containerStory), {}, {
329
310
  components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
330
311
  });
package/lib/index.js CHANGED
@@ -17,6 +17,7 @@ var Container = require('@micromag/element-container');
17
17
  var Heading = require('@micromag/element-heading');
18
18
  var Layout = require('@micromag/element-layout');
19
19
  var Text = require('@micromag/element-text');
20
+ var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
20
21
  var _extends = require('@babel/runtime/helpers/extends');
21
22
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
22
23
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
@@ -35,12 +36,13 @@ var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
35
36
  var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
36
37
  var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
37
38
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
39
+ var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
38
40
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
39
41
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
40
42
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
41
43
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
42
44
 
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"};
45
+ 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","emptyTitle":"micromag-screen-title-emptyTitle","emptySubtitle":"micromag-screen-title-emptySubtitle","emptyDescription":"micromag-screen-title-emptyDescription","title":"micromag-screen-title-title","withMargin":"micromag-screen-title-withMargin","subtitle":"micromag-screen-title-subtitle","box":"micromag-screen-title-box","isPlaceholder":"micromag-screen-title-isPlaceholder","layout":"micromag-screen-title-layout"};
44
46
 
45
47
  var propTypes$2 = {
46
48
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split', 'split-top', 'split-bottom']),
@@ -86,52 +88,44 @@ var defaultProps$2 = {
86
88
  transitionStagger: 100,
87
89
  className: null
88
90
  };
89
-
90
91
  var TitleScreen = function TitleScreen(_ref) {
91
92
  var _ref4;
92
-
93
93
  var layout = _ref.layout,
94
- title = _ref.title,
95
- subtitle = _ref.subtitle,
96
- description = _ref.description,
97
- boxStyle = _ref.boxStyle,
98
- withSubtitle = _ref.withSubtitle,
99
- withDescription = _ref.withDescription,
100
- withBox = _ref.withBox,
101
- spacing = _ref.spacing,
102
- descriptionEmptyLabel = _ref.descriptionEmptyLabel,
103
- background = _ref.background,
104
- callToAction = _ref.callToAction,
105
- current = _ref.current,
106
- active = _ref.active,
107
- transitions = _ref.transitions,
108
- transitionStagger = _ref.transitionStagger,
109
- className = _ref.className;
110
-
94
+ title = _ref.title,
95
+ subtitle = _ref.subtitle,
96
+ description = _ref.description,
97
+ boxStyle = _ref.boxStyle,
98
+ withSubtitle = _ref.withSubtitle,
99
+ withDescription = _ref.withDescription,
100
+ withBox = _ref.withBox,
101
+ spacing = _ref.spacing,
102
+ descriptionEmptyLabel = _ref.descriptionEmptyLabel,
103
+ background = _ref.background,
104
+ callToAction = _ref.callToAction,
105
+ current = _ref.current,
106
+ active = _ref.active,
107
+ transitions = _ref.transitions,
108
+ transitionStagger = _ref.transitionStagger,
109
+ className = _ref.className;
111
110
  var _useScreenSize = contexts.useScreenSize(),
112
- width = _useScreenSize.width,
113
- height = _useScreenSize.height,
114
- resolution = _useScreenSize.resolution;
115
-
111
+ width = _useScreenSize.width,
112
+ height = _useScreenSize.height,
113
+ resolution = _useScreenSize.resolution;
116
114
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
117
- isView = _useScreenRenderConte.isView,
118
- isPreview = _useScreenRenderConte.isPreview,
119
- isPlaceholder = _useScreenRenderConte.isPlaceholder,
120
- isEdit = _useScreenRenderConte.isEdit,
121
- isStatic = _useScreenRenderConte.isStatic,
122
- isCapture = _useScreenRenderConte.isCapture;
123
-
115
+ isView = _useScreenRenderConte.isView,
116
+ isPreview = _useScreenRenderConte.isPreview,
117
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
118
+ isEdit = _useScreenRenderConte.isEdit,
119
+ isStatic = _useScreenRenderConte.isStatic,
120
+ isCapture = _useScreenRenderConte.isCapture;
124
121
  var _useViewerContext = contexts.useViewerContext(),
125
- viewerTopHeight = _useViewerContext.topHeight,
126
- viewerBottomHeight = _useViewerContext.bottomHeight,
127
- viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
128
-
122
+ viewerTopHeight = _useViewerContext.topHeight,
123
+ viewerBottomHeight = _useViewerContext.bottomHeight,
124
+ viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
129
125
  var _useViewerWebView = contexts.useViewerWebView(),
130
- openWebView = _useViewerWebView.open;
131
-
126
+ openWebView = _useViewerWebView.open;
132
127
  var _usePlaybackContext = contexts.usePlaybackContext(),
133
- muted = _usePlaybackContext.muted;
134
-
128
+ muted = _usePlaybackContext.muted;
135
129
  var mediaRef = contexts.usePlaybackMediaRef(current);
136
130
  var hasTitle = utils.isTextFilled(title);
137
131
  var hasSubtitle = utils.isTextFilled(subtitle);
@@ -268,14 +262,12 @@ var TitleScreen = function TitleScreen(_ref) {
268
262
  className: styles.background
269
263
  }) : null);
270
264
  };
271
-
272
265
  TitleScreen.propTypes = propTypes$2;
273
266
  TitleScreen.defaultProps = defaultProps$2;
274
267
  var TitleScreen$1 = /*#__PURE__*/React__default["default"].memo(TitleScreen);
275
268
 
276
269
  var TitleSubtitleScreen = function TitleSubtitleScreen(_ref) {
277
- var props = _extends__default["default"]({}, _ref);
278
-
270
+ var props = _extends__default["default"]({}, (_objectDestructuringEmpty__default["default"](_ref), _ref));
279
271
  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
280
272
  withSubtitle: true
281
273
  }));
@@ -288,11 +280,9 @@ var propTypes$1 = {
288
280
  var defaultProps$1 = {
289
281
  credits: null
290
282
  };
291
-
292
283
  var TitleSubtitleCreditsScreen = function TitleSubtitleCreditsScreen(_ref) {
293
284
  var credits = _ref.credits,
294
- props = _objectWithoutProperties__default["default"](_ref, _excluded);
295
-
285
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
296
286
  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
297
287
  description: credits,
298
288
  withSubtitle: true,
@@ -306,14 +296,12 @@ var TitleSubtitleCreditsScreen = function TitleSubtitleCreditsScreen(_ref) {
306
296
  })
307
297
  }));
308
298
  };
309
-
310
299
  TitleSubtitleCreditsScreen.propTypes = propTypes$1;
311
300
  TitleSubtitleCreditsScreen.defaultProps = defaultProps$1;
312
301
 
313
302
  /* eslint-disable react/jsx-props-no-spreading */
314
303
  var propTypes = {};
315
304
  var defaultProps = {};
316
-
317
305
  var TitleWithBoxScreen = function TitleWithBoxScreen(props) {
318
306
  return /*#__PURE__*/React__default["default"].createElement(TitleScreen$1, Object.assign({}, props, {
319
307
  withSubtitle: true,
@@ -321,31 +309,25 @@ var TitleWithBoxScreen = function TitleWithBoxScreen(props) {
321
309
  withBox: true
322
310
  }));
323
311
  };
324
-
325
312
  TitleWithBoxScreen.propTypes = propTypes;
326
313
  TitleWithBoxScreen.defaultProps = defaultProps;
327
314
 
328
315
  var transform = function transform(newStory, _ref) {
329
316
  var title = _ref.title,
330
- subtitle = _ref.subtitle,
331
- credits = _ref.credits;
332
-
317
+ subtitle = _ref.subtitle,
318
+ credits = _ref.credits;
333
319
  var _Heading = appleNews.Heading1(newStory, title),
334
- titleStory = _Heading.story,
335
- titleComponent = _Heading.component;
336
-
320
+ titleStory = _Heading.story,
321
+ titleComponent = _Heading.component;
337
322
  var _Heading2 = appleNews.Heading2(titleStory, subtitle),
338
- subtitleStory = _Heading2.story,
339
- subtitleComponent = _Heading2.component;
340
-
323
+ subtitleStory = _Heading2.story,
324
+ subtitleComponent = _Heading2.component;
341
325
  var _Text = appleNews.Text(subtitleStory, credits),
342
- creditsStory = _Text.story,
343
- creditsComponent = _Text.component;
344
-
326
+ creditsStory = _Text.story,
327
+ creditsComponent = _Text.component;
345
328
  var _Container = appleNews.Container(creditsStory, [].concat(_toConsumableArray__default["default"](titleComponent ? [titleComponent] : []), _toConsumableArray__default["default"](subtitleComponent ? [subtitleComponent] : []), _toConsumableArray__default["default"](creditsComponent ? [creditsComponent] : []))),
346
- containerStory = _Container.story,
347
- containerComponent = _Container.component;
348
-
329
+ containerStory = _Container.story,
330
+ containerComponent = _Container.component;
349
331
  return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
350
332
  components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
351
333
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-title",
3
- "version": "0.3.311",
3
+ "version": "0.3.322",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,22 +49,22 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.311",
53
- "@micromag/element-background": "^0.3.311",
54
- "@micromag/element-call-to-action": "^0.3.311",
55
- "@micromag/element-container": "^0.3.311",
56
- "@micromag/element-heading": "^0.3.311",
57
- "@micromag/element-layout": "^0.3.311",
58
- "@micromag/element-text": "^0.3.311",
59
- "@micromag/transforms": "^0.3.311",
52
+ "@micromag/core": "^0.3.322",
53
+ "@micromag/element-background": "^0.3.322",
54
+ "@micromag/element-call-to-action": "^0.3.322",
55
+ "@micromag/element-container": "^0.3.322",
56
+ "@micromag/element-heading": "^0.3.322",
57
+ "@micromag/element-layout": "^0.3.322",
58
+ "@micromag/element-text": "^0.3.322",
59
+ "@micromag/transforms": "^0.3.322",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
63
63
  "react-intl": "^5.12.1",
64
- "uuid": "^8.3.2"
64
+ "uuid": "^9.0.0"
65
65
  },
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "fab297a7ad204611597c749b969f14d992d35d47"
69
+ "gitHead": "2dfe09ad5a9ac720e4bfbffcb6371fc31c24fa9f"
70
70
  }