@micromag/screen-timeline 0.3.390 → 0.3.393

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 +13 -11
  3. package/lib/index.js +13 -11
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-timeline-container .micromag-screen-timeline-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-timeline-container .micromag-screen-timeline-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-timeline-container{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-background{z-index:0}.micromag-screen-timeline-container .micromag-screen-timeline-content{z-index:1}.micromag-screen-timeline-container .micromag-screen-timeline-empty{height:50px;margin-right:10px}.micromag-screen-timeline-container .micromag-screen-timeline-item{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-element{display:-ms-flexbox;display:flex}.micromag-screen-timeline-container .micromag-screen-timeline-timeline{-ms-flex-negative:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-shrink:0;padding-right:20px;width:15px}.micromag-screen-timeline-container .micromag-screen-timeline-line{-ms-flex-positive:1;flex-grow:1;width:1px}.micromag-screen-timeline-container .micromag-screen-timeline-line.micromag-screen-timeline-hidden{width:auto}.micromag-screen-timeline-container .micromag-screen-timeline-bullet{border-style:solid;border-width:1px;height:15px;margin:2px 0;width:15px}.micromag-screen-timeline-container .micromag-screen-timeline-body{-ms-flex-positive:1;flex-grow:1}.micromag-screen-timeline-container .micromag-screen-timeline-body.micromag-screen-timeline-last{margin-bottom:20px}.micromag-screen-timeline-container .micromag-screen-timeline-description,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-title{padding:8px 0}.micromag-screen-timeline-container .micromag-screen-timeline-image,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-video{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer{overflow:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction a{padding:0}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction.micromag-screen-timeline-disabled{opacity:0;pointer-events:none}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-scroll{padding:10px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-timeline{padding-right:0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-bullet{background-color:hsla(0,0%,100%,.6);border-color:hsla(0,0%,100%,.6);height:10px;mix-blend-mode:difference;width:10px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-body.micromag-screen-timeline-last{margin-bottom:4px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-description,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-title{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;padding:2px 0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-line{background-color:hsla(0,0%,100%,.6);mix-blend-mode:difference}.micromag-screen-timeline-container.micromag-screen-timeline-circleBulletShape .micromag-screen-timeline-bullet{border-radius:50%}.micromag-screen-timeline-container.micromag-screen-timeline-withoutLines .micromag-screen-timeline-timeline{visibility:hidden}
1
+ .micromag-screen-timeline-container .micromag-screen-timeline-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-timeline-container .micromag-screen-timeline-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-timeline-container{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-background{z-index:0}.micromag-screen-timeline-container .micromag-screen-timeline-content{z-index:1}.micromag-screen-timeline-container .micromag-screen-timeline-empty{height:50px;margin-right:10px}.micromag-screen-timeline-container .micromag-screen-timeline-item{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-element{display:-ms-flexbox;display:flex}.micromag-screen-timeline-container .micromag-screen-timeline-element.micromag-screen-timeline-hidden .micromag-screen-timeline-body{display:none;visibility:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-timeline{-ms-flex-negative:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-shrink:0;padding-right:20px;width:15px}.micromag-screen-timeline-container .micromag-screen-timeline-line{-ms-flex-positive:1;flex-grow:1;width:1px}.micromag-screen-timeline-container .micromag-screen-timeline-line.micromag-screen-timeline-hidden{width:auto}.micromag-screen-timeline-container .micromag-screen-timeline-bullet{border-style:solid;border-width:1px;height:15px;margin:2px 0;width:15px}.micromag-screen-timeline-container .micromag-screen-timeline-body{-ms-flex-positive:1;flex-grow:1}.micromag-screen-timeline-container .micromag-screen-timeline-body.micromag-screen-timeline-last{margin-bottom:20px}.micromag-screen-timeline-container .micromag-screen-timeline-description,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-title{padding:8px 0}.micromag-screen-timeline-container .micromag-screen-timeline-image,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-video{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer{overflow:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction a{padding:0}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction.micromag-screen-timeline-disabled{opacity:0;pointer-events:none}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-scroll{padding:10px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-timeline{padding-right:0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-bullet{background-color:hsla(0,0%,100%,.6);border-color:hsla(0,0%,100%,.6);height:10px;mix-blend-mode:difference;width:10px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-body.micromag-screen-timeline-last{margin-bottom:4px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-description,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-title{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;padding:2px 0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-line{background-color:hsla(0,0%,100%,.6);mix-blend-mode:difference}.micromag-screen-timeline-container.micromag-screen-timeline-circleBulletShape .micromag-screen-timeline-bullet{border-radius:50%}.micromag-screen-timeline-container.micromag-screen-timeline-withoutLines .micromag-screen-timeline-timeline{visibility:hidden}
package/es/index.js CHANGED
@@ -24,7 +24,7 @@ import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructurin
24
24
  import _extends from '@babel/runtime/helpers/extends';
25
25
  import { Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
26
26
 
27
- var styles = {"container":"micromag-screen-timeline-container","background":"micromag-screen-timeline-background","empty":"micromag-screen-timeline-empty","content":"micromag-screen-timeline-content","item":"micromag-screen-timeline-item","element":"micromag-screen-timeline-element","timeline":"micromag-screen-timeline-timeline","line":"micromag-screen-timeline-line","hidden":"micromag-screen-timeline-hidden","bullet":"micromag-screen-timeline-bullet","body":"micromag-screen-timeline-body","last":"micromag-screen-timeline-last","title":"micromag-screen-timeline-title","description":"micromag-screen-timeline-description","imageContainer":"micromag-screen-timeline-imageContainer","image":"micromag-screen-timeline-image","video":"micromag-screen-timeline-video","callToAction":"micromag-screen-timeline-callToAction","disabled":"micromag-screen-timeline-disabled","isPlaceholder":"micromag-screen-timeline-isPlaceholder","scroll":"micromag-screen-timeline-scroll","circleBulletShape":"micromag-screen-timeline-circleBulletShape","withoutLines":"micromag-screen-timeline-withoutLines"};
27
+ var styles = {"container":"micromag-screen-timeline-container","background":"micromag-screen-timeline-background","empty":"micromag-screen-timeline-empty","content":"micromag-screen-timeline-content","item":"micromag-screen-timeline-item","element":"micromag-screen-timeline-element","hidden":"micromag-screen-timeline-hidden","body":"micromag-screen-timeline-body","timeline":"micromag-screen-timeline-timeline","line":"micromag-screen-timeline-line","bullet":"micromag-screen-timeline-bullet","last":"micromag-screen-timeline-last","title":"micromag-screen-timeline-title","description":"micromag-screen-timeline-description","imageContainer":"micromag-screen-timeline-imageContainer","image":"micromag-screen-timeline-image","video":"micromag-screen-timeline-video","callToAction":"micromag-screen-timeline-callToAction","disabled":"micromag-screen-timeline-disabled","isPlaceholder":"micromag-screen-timeline-isPlaceholder","scroll":"micromag-screen-timeline-scroll","circleBulletShape":"micromag-screen-timeline-circleBulletShape","withoutLines":"micromag-screen-timeline-withoutLines"};
28
28
 
29
29
  var propTypes = {
30
30
  layout: PropTypes.oneOf(['normal', 'title-description-image', 'title-image-description', 'image-title-description']),
@@ -65,7 +65,7 @@ var defaultProps = {
65
65
  className: null
66
66
  };
67
67
  var Timeline = function Timeline(_ref) {
68
- var _ref9;
68
+ var _ref10;
69
69
  var layout = _ref.layout,
70
70
  items = _ref.items,
71
71
  bulletColor = _ref.bulletColor,
@@ -170,8 +170,8 @@ var Timeline = function Timeline(_ref) {
170
170
  delay: transitionStagger * itemI,
171
171
  disabled: transitionDisabled
172
172
  }, elementsTypes.map(function (elementType, typeI) {
173
+ var elementContent = null;
173
174
  var hasElement = false;
174
- var elementContent;
175
175
  switch (elementType) {
176
176
  case 'title':
177
177
  hasElement = hasTitle;
@@ -188,7 +188,7 @@ var Timeline = function Timeline(_ref) {
188
188
  }),
189
189
  emptyClassName: styles.empty,
190
190
  isEmpty: !hasTitle
191
- }, hasElement ? /*#__PURE__*/React.createElement(Heading, title) : null));
191
+ }, hasTitle ? /*#__PURE__*/React.createElement(Heading, title) : null));
192
192
  break;
193
193
  case 'image':
194
194
  hasElement = hasImage;
@@ -205,7 +205,7 @@ var Timeline = function Timeline(_ref) {
205
205
  }),
206
206
  emptyClassName: styles.empty,
207
207
  isEmpty: !hasImage
208
- }, hasElement ? /*#__PURE__*/React.createElement(Visual, {
208
+ }, hasImage ? /*#__PURE__*/React.createElement(Visual, {
209
209
  className: styles.image,
210
210
  videoClassName: styles.video,
211
211
  media: image,
@@ -219,7 +219,6 @@ var Timeline = function Timeline(_ref) {
219
219
  }) : null));
220
220
  break;
221
221
  case 'description':
222
- default:
223
222
  hasElement = hasDescription;
224
223
  elementContent = /*#__PURE__*/React.createElement("div", {
225
224
  className: styles.description
@@ -234,10 +233,13 @@ var Timeline = function Timeline(_ref) {
234
233
  }),
235
234
  emptyClassName: styles.empty,
236
235
  isEmpty: !hasDescription
237
- }, hasElement ? /*#__PURE__*/React.createElement(Text, Object.assign({}, description, {
236
+ }, hasDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({}, description, {
238
237
  textStyle: _objectSpread({}, descriptionTextStyle)
239
238
  })) : null));
240
239
  break;
240
+ default:
241
+ elementContent = null;
242
+ hasElement = false;
241
243
  }
242
244
  var firstItem = itemI === 0;
243
245
  var lastItem = itemI === itemsCount - 1;
@@ -246,7 +248,7 @@ var Timeline = function Timeline(_ref) {
246
248
  var bottomLineHidden = firstItem && typeI < titleIndex || lastItem && typeI >= titleIndex;
247
249
  return /*#__PURE__*/React.createElement("div", {
248
250
  key: "element-".concat(elementType),
249
- className: classNames([styles.element, styles["element-".concat(elementType)]]),
251
+ className: classNames([styles.element, styles["element-".concat(elementType)], _defineProperty({}, styles.hidden, (isView || isStatic) && !hasElement)]),
250
252
  ref: itemI === 0 ? firstContentRef : null
251
253
  }, /*#__PURE__*/React.createElement("div", {
252
254
  className: styles.timeline,
@@ -283,8 +285,8 @@ var Timeline = function Timeline(_ref) {
283
285
  footerRef = _useDimensionObserver.ref,
284
286
  _useDimensionObserver2 = _useDimensionObserver.height,
285
287
  footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
286
- var onScrolledBottom = useCallback(function (_ref8) {
287
- var initial = _ref8.initial;
288
+ var onScrolledBottom = useCallback(function (_ref9) {
289
+ var initial = _ref9.initial;
288
290
  if (initial) {
289
291
  trackScreenEvent('scroll', 'Screen');
290
292
  }
@@ -294,7 +296,7 @@ var Timeline = function Timeline(_ref) {
294
296
  setScrolledBottom(false);
295
297
  }, [setScrolledBottom]);
296
298
  return /*#__PURE__*/React.createElement("div", {
297
- className: classNames([styles.container, (_ref9 = {}, _defineProperty(_ref9, className, className !== null), _defineProperty(_ref9, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref9, styles["".concat(bulletShape, "BulletShape")], bulletShape !== null), _defineProperty(_ref9, styles.withoutLines, itemsCount < 2), _ref9)]),
299
+ className: classNames([styles.container, (_ref10 = {}, _defineProperty(_ref10, className, className !== null), _defineProperty(_ref10, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref10, styles["".concat(bulletShape, "BulletShape")], bulletShape !== null), _defineProperty(_ref10, styles.withoutLines, itemsCount < 2), _ref10)]),
298
300
  "data-screen-ready": ready
299
301
  }, /*#__PURE__*/React.createElement(Container, {
300
302
  width: width,
package/lib/index.js CHANGED
@@ -49,7 +49,7 @@ var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
49
49
  var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
50
50
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
51
51
 
52
- var styles = {"container":"micromag-screen-timeline-container","background":"micromag-screen-timeline-background","empty":"micromag-screen-timeline-empty","content":"micromag-screen-timeline-content","item":"micromag-screen-timeline-item","element":"micromag-screen-timeline-element","timeline":"micromag-screen-timeline-timeline","line":"micromag-screen-timeline-line","hidden":"micromag-screen-timeline-hidden","bullet":"micromag-screen-timeline-bullet","body":"micromag-screen-timeline-body","last":"micromag-screen-timeline-last","title":"micromag-screen-timeline-title","description":"micromag-screen-timeline-description","imageContainer":"micromag-screen-timeline-imageContainer","image":"micromag-screen-timeline-image","video":"micromag-screen-timeline-video","callToAction":"micromag-screen-timeline-callToAction","disabled":"micromag-screen-timeline-disabled","isPlaceholder":"micromag-screen-timeline-isPlaceholder","scroll":"micromag-screen-timeline-scroll","circleBulletShape":"micromag-screen-timeline-circleBulletShape","withoutLines":"micromag-screen-timeline-withoutLines"};
52
+ var styles = {"container":"micromag-screen-timeline-container","background":"micromag-screen-timeline-background","empty":"micromag-screen-timeline-empty","content":"micromag-screen-timeline-content","item":"micromag-screen-timeline-item","element":"micromag-screen-timeline-element","hidden":"micromag-screen-timeline-hidden","body":"micromag-screen-timeline-body","timeline":"micromag-screen-timeline-timeline","line":"micromag-screen-timeline-line","bullet":"micromag-screen-timeline-bullet","last":"micromag-screen-timeline-last","title":"micromag-screen-timeline-title","description":"micromag-screen-timeline-description","imageContainer":"micromag-screen-timeline-imageContainer","image":"micromag-screen-timeline-image","video":"micromag-screen-timeline-video","callToAction":"micromag-screen-timeline-callToAction","disabled":"micromag-screen-timeline-disabled","isPlaceholder":"micromag-screen-timeline-isPlaceholder","scroll":"micromag-screen-timeline-scroll","circleBulletShape":"micromag-screen-timeline-circleBulletShape","withoutLines":"micromag-screen-timeline-withoutLines"};
53
53
 
54
54
  var propTypes = {
55
55
  layout: PropTypes__default["default"].oneOf(['normal', 'title-description-image', 'title-image-description', 'image-title-description']),
@@ -90,7 +90,7 @@ var defaultProps = {
90
90
  className: null
91
91
  };
92
92
  var Timeline = function Timeline(_ref) {
93
- var _ref9;
93
+ var _ref10;
94
94
  var layout = _ref.layout,
95
95
  items = _ref.items,
96
96
  bulletColor = _ref.bulletColor,
@@ -195,8 +195,8 @@ var Timeline = function Timeline(_ref) {
195
195
  delay: transitionStagger * itemI,
196
196
  disabled: transitionDisabled
197
197
  }, elementsTypes.map(function (elementType, typeI) {
198
+ var elementContent = null;
198
199
  var hasElement = false;
199
- var elementContent;
200
200
  switch (elementType) {
201
201
  case 'title':
202
202
  hasElement = hasTitle;
@@ -213,7 +213,7 @@ var Timeline = function Timeline(_ref) {
213
213
  }),
214
214
  emptyClassName: styles.empty,
215
215
  isEmpty: !hasTitle
216
- }, hasElement ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], title) : null));
216
+ }, hasTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], title) : null));
217
217
  break;
218
218
  case 'image':
219
219
  hasElement = hasImage;
@@ -230,7 +230,7 @@ var Timeline = function Timeline(_ref) {
230
230
  }),
231
231
  emptyClassName: styles.empty,
232
232
  isEmpty: !hasImage
233
- }, hasElement ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
233
+ }, hasImage ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
234
234
  className: styles.image,
235
235
  videoClassName: styles.video,
236
236
  media: image,
@@ -244,7 +244,6 @@ var Timeline = function Timeline(_ref) {
244
244
  }) : null));
245
245
  break;
246
246
  case 'description':
247
- default:
248
247
  hasElement = hasDescription;
249
248
  elementContent = /*#__PURE__*/React__default["default"].createElement("div", {
250
249
  className: styles.description
@@ -259,10 +258,13 @@ var Timeline = function Timeline(_ref) {
259
258
  }),
260
259
  emptyClassName: styles.empty,
261
260
  isEmpty: !hasDescription
262
- }, hasElement ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, description, {
261
+ }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, description, {
263
262
  textStyle: _objectSpread__default["default"]({}, descriptionTextStyle)
264
263
  })) : null));
265
264
  break;
265
+ default:
266
+ elementContent = null;
267
+ hasElement = false;
266
268
  }
267
269
  var firstItem = itemI === 0;
268
270
  var lastItem = itemI === itemsCount - 1;
@@ -271,7 +273,7 @@ var Timeline = function Timeline(_ref) {
271
273
  var bottomLineHidden = firstItem && typeI < titleIndex || lastItem && typeI >= titleIndex;
272
274
  return /*#__PURE__*/React__default["default"].createElement("div", {
273
275
  key: "element-".concat(elementType),
274
- className: classNames__default["default"]([styles.element, styles["element-".concat(elementType)]]),
276
+ className: classNames__default["default"]([styles.element, styles["element-".concat(elementType)], _defineProperty__default["default"]({}, styles.hidden, (isView || isStatic) && !hasElement)]),
275
277
  ref: itemI === 0 ? firstContentRef : null
276
278
  }, /*#__PURE__*/React__default["default"].createElement("div", {
277
279
  className: styles.timeline,
@@ -308,8 +310,8 @@ var Timeline = function Timeline(_ref) {
308
310
  footerRef = _useDimensionObserver.ref,
309
311
  _useDimensionObserver2 = _useDimensionObserver.height,
310
312
  footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
311
- var onScrolledBottom = React.useCallback(function (_ref8) {
312
- var initial = _ref8.initial;
313
+ var onScrolledBottom = React.useCallback(function (_ref9) {
314
+ var initial = _ref9.initial;
313
315
  if (initial) {
314
316
  trackScreenEvent('scroll', 'Screen');
315
317
  }
@@ -319,7 +321,7 @@ var Timeline = function Timeline(_ref) {
319
321
  setScrolledBottom(false);
320
322
  }, [setScrolledBottom]);
321
323
  return /*#__PURE__*/React__default["default"].createElement("div", {
322
- className: classNames__default["default"]([styles.container, (_ref9 = {}, _defineProperty__default["default"](_ref9, className, className !== null), _defineProperty__default["default"](_ref9, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref9, styles["".concat(bulletShape, "BulletShape")], bulletShape !== null), _defineProperty__default["default"](_ref9, styles.withoutLines, itemsCount < 2), _ref9)]),
324
+ className: classNames__default["default"]([styles.container, (_ref10 = {}, _defineProperty__default["default"](_ref10, className, className !== null), _defineProperty__default["default"](_ref10, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref10, styles["".concat(bulletShape, "BulletShape")], bulletShape !== null), _defineProperty__default["default"](_ref10, styles.withoutLines, itemsCount < 2), _ref10)]),
323
325
  "data-screen-ready": ready
324
326
  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
325
327
  width: width,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-timeline",
3
- "version": "0.3.390",
3
+ "version": "0.3.393",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -71,5 +71,5 @@
71
71
  "access": "public",
72
72
  "registry": "https://registry.npmjs.org/"
73
73
  },
74
- "gitHead": "d310ff6071a34b84d9311f0e02a6862fb836abef"
74
+ "gitHead": "71de458ea76ed1e18a1ef5d7f483d1aa7b84c461"
75
75
  }