@micromag/element-background 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 +59 -72
  3. package/lib/index.js +59 -72
  4. package/package.json +5 -5
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-background-layer,.micromag-element-background-layers,.micromag-element-background-video,.micromag-element-background-videoContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-background-container{overflow:hidden}.micromag-element-background-layer,.micromag-element-background-layers{z-index:0}.micromag-element-background-right .micromag-element-background-background{right:0;left:auto}.micromag-element-background-bottom .micromag-element-background-background{top:auto;bottom:0}
1
+ .micromag-element-background-layer,.micromag-element-background-layers,.micromag-element-background-video,.micromag-element-background-videoContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-element-background-container{overflow:hidden}.micromag-element-background-layer,.micromag-element-background-layers{z-index:0}.micromag-element-background-right .micromag-element-background-background{left:auto;right:0}.micromag-element-background-bottom .micromag-element-background-background{bottom:0;top:auto}
package/es/index.js CHANGED
@@ -9,7 +9,7 @@ import { getStyleFromColor, getOptimalImageUrl, getLayersFromBackground } from '
9
9
  import { getSizeWithinBounds } from '@folklore/size';
10
10
  import Video from '@micromag/element-video';
11
11
 
12
- var styles = {"layer":"micromag-element-background-layer","layers":"micromag-element-background-layers","video":"micromag-element-background-video","videoContainer":"micromag-element-background-videoContainer","container":"micromag-element-background-container","right":"micromag-element-background-right","background":"micromag-element-background-background","bottom":"micromag-element-background-bottom"};
12
+ var styles = {"layers":"micromag-element-background-layers","layer":"micromag-element-background-layer","videoContainer":"micromag-element-background-videoContainer","video":"micromag-element-background-video","container":"micromag-element-background-container","right":"micromag-element-background-right","background":"micromag-element-background-background","bottom":"micromag-element-background-bottom"};
13
13
 
14
14
  var propTypes$1 = {
15
15
  width: PropTypes.number,
@@ -52,57 +52,53 @@ var defaultProps$1 = {
52
52
  shouldLoad: true,
53
53
  withoutVideo: false
54
54
  };
55
-
56
55
  var Background = function Background(_ref) {
57
56
  var width = _ref.width,
58
- height = _ref.height,
59
- resolution = _ref.resolution,
60
- fit = _ref.fit,
61
- horizontalAlign = _ref.horizontalAlign,
62
- verticalAlign = _ref.verticalAlign,
63
- repeat = _ref.repeat,
64
- color = _ref.color,
65
- media = _ref.media,
66
- mediaRef = _ref.mediaRef,
67
- className = _ref.className,
68
- playing = _ref.playing,
69
- muted = _ref.muted,
70
- children = _ref.children,
71
- loadingMode = _ref.loadingMode,
72
- shouldLoad = _ref.shouldLoad,
73
- withoutVideo = _ref.withoutVideo;
74
-
57
+ height = _ref.height,
58
+ resolution = _ref.resolution,
59
+ fit = _ref.fit,
60
+ horizontalAlign = _ref.horizontalAlign,
61
+ verticalAlign = _ref.verticalAlign,
62
+ repeat = _ref.repeat,
63
+ color = _ref.color,
64
+ media = _ref.media,
65
+ mediaRef = _ref.mediaRef,
66
+ className = _ref.className,
67
+ playing = _ref.playing,
68
+ muted = _ref.muted,
69
+ children = _ref.children,
70
+ loadingMode = _ref.loadingMode,
71
+ shouldLoad = _ref.shouldLoad,
72
+ withoutVideo = _ref.withoutVideo;
75
73
  var _ref2 = media || {},
76
- _ref2$type = _ref2.type,
77
- mediaType = _ref2$type === void 0 ? null : _ref2$type,
78
- _ref2$metadata = _ref2.metadata,
79
- mediaMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
80
- mediaThumbnailUrl = _ref2.thumbnail_url;
81
-
74
+ _ref2$type = _ref2.type,
75
+ mediaType = _ref2$type === void 0 ? null : _ref2$type,
76
+ _ref2$metadata = _ref2.metadata,
77
+ mediaMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
78
+ mediaThumbnailUrl = _ref2.thumbnail_url;
82
79
  var _ref3 = mediaMetadata || {},
83
- _ref3$width = _ref3.width,
84
- mediaWidth = _ref3$width === void 0 ? 0 : _ref3$width,
85
- _ref3$height = _ref3.height,
86
- mediaHeight = _ref3$height === void 0 ? 0 : _ref3$height;
87
-
80
+ _ref3$width = _ref3.width,
81
+ mediaWidth = _ref3$width === void 0 ? 0 : _ref3$width,
82
+ _ref3$height = _ref3.height,
83
+ mediaHeight = _ref3$height === void 0 ? 0 : _ref3$height;
88
84
  var isVideo = mediaType === 'video';
89
- var isImage = mediaType === 'image'; // Lazy load
85
+ var isImage = mediaType === 'image';
90
86
 
87
+ // Lazy load
91
88
  var newShouldLoad = shouldLoad || loadingMode !== 'lazy';
92
89
  var wasLoadedRef = useRef(newShouldLoad);
93
-
94
90
  if (newShouldLoad && !wasLoadedRef.current) {
95
91
  wasLoadedRef.current = newShouldLoad;
96
92
  }
93
+ var finalShouldLoad = wasLoadedRef.current;
97
94
 
98
- var finalShouldLoad = wasLoadedRef.current; // color
99
-
95
+ // color
100
96
  var containerStyle = _objectSpread({
101
97
  width: width,
102
98
  height: height
103
- }, getStyleFromColor(color)); // image
104
-
99
+ }, getStyleFromColor(color));
105
100
 
101
+ // image
106
102
  if (media !== null && (isImage || isVideo && (!shouldLoad || withoutVideo))) {
107
103
  var finalUrl = getOptimalImageUrl(isVideo ? {
108
104
  url: mediaThumbnailUrl
@@ -112,27 +108,24 @@ var Background = function Background(_ref) {
112
108
  containerStyle.backgroundImage = finalUrl !== null && finalShouldLoad ? "url(\"".concat(finalUrl, "\")") : null;
113
109
  containerStyle.backgroundRepeat = repeat && !isVideo ? 'repeat' : 'no-repeat';
114
110
  containerStyle.backgroundPosition = [horizontalAlign, verticalAlign].join(' ');
115
-
116
111
  if (fit !== null) {
117
112
  containerStyle.backgroundSize = fit;
118
113
  } else if (!repeat || isVideo) {
119
114
  containerStyle.backgroundSize = 'cover';
120
115
  }
121
- } // video
122
-
116
+ }
123
117
 
118
+ // video
124
119
  var videoContainerStyle = {};
125
-
126
120
  if (isVideo && shouldLoad) {
127
121
  if (width > 0 && height > 0) {
128
122
  var _getSizeWithinBounds = getSizeWithinBounds(mediaWidth, mediaHeight, width, height, {
129
- cover: fit === 'cover' || fit === null
130
- }),
131
- _getSizeWithinBounds$ = _getSizeWithinBounds.width,
132
- videoWidth = _getSizeWithinBounds$ === void 0 ? 0 : _getSizeWithinBounds$,
133
- _getSizeWithinBounds$2 = _getSizeWithinBounds.height,
134
- videoHeight = _getSizeWithinBounds$2 === void 0 ? 0 : _getSizeWithinBounds$2;
135
-
123
+ cover: fit === 'cover' || fit === null
124
+ }),
125
+ _getSizeWithinBounds$ = _getSizeWithinBounds.width,
126
+ videoWidth = _getSizeWithinBounds$ === void 0 ? 0 : _getSizeWithinBounds$,
127
+ _getSizeWithinBounds$2 = _getSizeWithinBounds.height,
128
+ videoHeight = _getSizeWithinBounds$2 === void 0 ? 0 : _getSizeWithinBounds$2;
136
129
  videoContainerStyle.width = videoWidth;
137
130
  videoContainerStyle.height = videoHeight;
138
131
  videoContainerStyle.left = -(videoWidth - width) / 2;
@@ -141,7 +134,6 @@ var Background = function Background(_ref) {
141
134
  videoContainerStyle.objectFit = 'cover';
142
135
  }
143
136
  }
144
-
145
137
  return /*#__PURE__*/React.createElement("div", {
146
138
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
147
139
  style: containerStyle
@@ -162,7 +154,6 @@ var Background = function Background(_ref) {
162
154
  className: styles.content
163
155
  }, children));
164
156
  };
165
-
166
157
  Background.propTypes = propTypes$1;
167
158
  Background.defaultProps = defaultProps$1;
168
159
 
@@ -202,33 +193,32 @@ var defaultProps = {
202
193
  shouldLoad: true,
203
194
  withoutVideo: false
204
195
  };
205
-
206
196
  var BackgroundLayers = function BackgroundLayers(_ref) {
207
197
  var width = _ref.width,
208
- height = _ref.height,
209
- resolution = _ref.resolution,
210
- background = _ref.background,
211
- playing = _ref.playing,
212
- muted = _ref.muted,
213
- children = _ref.children,
214
- className = _ref.className,
215
- layerClassName = _ref.layerClassName,
216
- backgroundClassName = _ref.backgroundClassName,
217
- loadingMode = _ref.loadingMode,
218
- mediaRef = _ref.mediaRef,
219
- shouldLoad = _ref.shouldLoad,
220
- withoutVideo = _ref.withoutVideo;
198
+ height = _ref.height,
199
+ resolution = _ref.resolution,
200
+ background = _ref.background,
201
+ playing = _ref.playing,
202
+ muted = _ref.muted,
203
+ children = _ref.children,
204
+ className = _ref.className,
205
+ layerClassName = _ref.layerClassName,
206
+ backgroundClassName = _ref.backgroundClassName,
207
+ loadingMode = _ref.loadingMode,
208
+ mediaRef = _ref.mediaRef,
209
+ shouldLoad = _ref.shouldLoad,
210
+ withoutVideo = _ref.withoutVideo;
221
211
  var hasSize = width > 0 && height > 0;
222
212
  var layers = useMemo(function () {
223
213
  return getLayersFromBackground(background);
224
214
  }, [background]);
225
- var maxZIndex = layers.length; // color
215
+ var maxZIndex = layers.length;
226
216
 
217
+ // color
227
218
  var containerStyle = _objectSpread({}, hasSize ? {
228
219
  width: width,
229
220
  height: height
230
221
  } : null);
231
-
232
222
  return /*#__PURE__*/React.createElement("div", {
233
223
  className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
234
224
  style: containerStyle
@@ -236,13 +226,11 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
236
226
  className: styles.layers
237
227
  }, layers.map(function (_ref3, index) {
238
228
  var _ref4;
239
-
240
229
  var _ref3$horizontalAlign = _ref3.horizontalAlign,
241
- horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
242
- _ref3$verticalAlign = _ref3.verticalAlign,
243
- verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
244
- layer = _objectWithoutProperties(_ref3, _excluded);
245
-
230
+ horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
231
+ _ref3$verticalAlign = _ref3.verticalAlign,
232
+ verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
233
+ layer = _objectWithoutProperties(_ref3, _excluded);
246
234
  return /*#__PURE__*/React.createElement("div", {
247
235
  key: "background-".concat(index),
248
236
  className: classNames([styles.layer, (_ref4 = {}, _defineProperty(_ref4, styles.bottom, verticalAlign === 'bottom'), _defineProperty(_ref4, styles.right, horizontalAlign === 'right'), _defineProperty(_ref4, layerClassName, layerClassName !== null), _ref4)]),
@@ -267,7 +255,6 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
267
255
  className: styles.content
268
256
  }, children));
269
257
  };
270
-
271
258
  BackgroundLayers.propTypes = propTypes;
272
259
  BackgroundLayers.defaultProps = defaultProps;
273
260
 
package/lib/index.js CHANGED
@@ -23,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
24
  var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
25
25
 
26
- var styles = {"layer":"micromag-element-background-layer","layers":"micromag-element-background-layers","video":"micromag-element-background-video","videoContainer":"micromag-element-background-videoContainer","container":"micromag-element-background-container","right":"micromag-element-background-right","background":"micromag-element-background-background","bottom":"micromag-element-background-bottom"};
26
+ var styles = {"layers":"micromag-element-background-layers","layer":"micromag-element-background-layer","videoContainer":"micromag-element-background-videoContainer","video":"micromag-element-background-video","container":"micromag-element-background-container","right":"micromag-element-background-right","background":"micromag-element-background-background","bottom":"micromag-element-background-bottom"};
27
27
 
28
28
  var propTypes$1 = {
29
29
  width: PropTypes__default["default"].number,
@@ -66,57 +66,53 @@ var defaultProps$1 = {
66
66
  shouldLoad: true,
67
67
  withoutVideo: false
68
68
  };
69
-
70
69
  var Background = function Background(_ref) {
71
70
  var width = _ref.width,
72
- height = _ref.height,
73
- resolution = _ref.resolution,
74
- fit = _ref.fit,
75
- horizontalAlign = _ref.horizontalAlign,
76
- verticalAlign = _ref.verticalAlign,
77
- repeat = _ref.repeat,
78
- color = _ref.color,
79
- media = _ref.media,
80
- mediaRef = _ref.mediaRef,
81
- className = _ref.className,
82
- playing = _ref.playing,
83
- muted = _ref.muted,
84
- children = _ref.children,
85
- loadingMode = _ref.loadingMode,
86
- shouldLoad = _ref.shouldLoad,
87
- withoutVideo = _ref.withoutVideo;
88
-
71
+ height = _ref.height,
72
+ resolution = _ref.resolution,
73
+ fit = _ref.fit,
74
+ horizontalAlign = _ref.horizontalAlign,
75
+ verticalAlign = _ref.verticalAlign,
76
+ repeat = _ref.repeat,
77
+ color = _ref.color,
78
+ media = _ref.media,
79
+ mediaRef = _ref.mediaRef,
80
+ className = _ref.className,
81
+ playing = _ref.playing,
82
+ muted = _ref.muted,
83
+ children = _ref.children,
84
+ loadingMode = _ref.loadingMode,
85
+ shouldLoad = _ref.shouldLoad,
86
+ withoutVideo = _ref.withoutVideo;
89
87
  var _ref2 = media || {},
90
- _ref2$type = _ref2.type,
91
- mediaType = _ref2$type === void 0 ? null : _ref2$type,
92
- _ref2$metadata = _ref2.metadata,
93
- mediaMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
94
- mediaThumbnailUrl = _ref2.thumbnail_url;
95
-
88
+ _ref2$type = _ref2.type,
89
+ mediaType = _ref2$type === void 0 ? null : _ref2$type,
90
+ _ref2$metadata = _ref2.metadata,
91
+ mediaMetadata = _ref2$metadata === void 0 ? null : _ref2$metadata,
92
+ mediaThumbnailUrl = _ref2.thumbnail_url;
96
93
  var _ref3 = mediaMetadata || {},
97
- _ref3$width = _ref3.width,
98
- mediaWidth = _ref3$width === void 0 ? 0 : _ref3$width,
99
- _ref3$height = _ref3.height,
100
- mediaHeight = _ref3$height === void 0 ? 0 : _ref3$height;
101
-
94
+ _ref3$width = _ref3.width,
95
+ mediaWidth = _ref3$width === void 0 ? 0 : _ref3$width,
96
+ _ref3$height = _ref3.height,
97
+ mediaHeight = _ref3$height === void 0 ? 0 : _ref3$height;
102
98
  var isVideo = mediaType === 'video';
103
- var isImage = mediaType === 'image'; // Lazy load
99
+ var isImage = mediaType === 'image';
104
100
 
101
+ // Lazy load
105
102
  var newShouldLoad = shouldLoad || loadingMode !== 'lazy';
106
103
  var wasLoadedRef = React.useRef(newShouldLoad);
107
-
108
104
  if (newShouldLoad && !wasLoadedRef.current) {
109
105
  wasLoadedRef.current = newShouldLoad;
110
106
  }
107
+ var finalShouldLoad = wasLoadedRef.current;
111
108
 
112
- var finalShouldLoad = wasLoadedRef.current; // color
113
-
109
+ // color
114
110
  var containerStyle = _objectSpread__default["default"]({
115
111
  width: width,
116
112
  height: height
117
- }, utils.getStyleFromColor(color)); // image
118
-
113
+ }, utils.getStyleFromColor(color));
119
114
 
115
+ // image
120
116
  if (media !== null && (isImage || isVideo && (!shouldLoad || withoutVideo))) {
121
117
  var finalUrl = utils.getOptimalImageUrl(isVideo ? {
122
118
  url: mediaThumbnailUrl
@@ -126,27 +122,24 @@ var Background = function Background(_ref) {
126
122
  containerStyle.backgroundImage = finalUrl !== null && finalShouldLoad ? "url(\"".concat(finalUrl, "\")") : null;
127
123
  containerStyle.backgroundRepeat = repeat && !isVideo ? 'repeat' : 'no-repeat';
128
124
  containerStyle.backgroundPosition = [horizontalAlign, verticalAlign].join(' ');
129
-
130
125
  if (fit !== null) {
131
126
  containerStyle.backgroundSize = fit;
132
127
  } else if (!repeat || isVideo) {
133
128
  containerStyle.backgroundSize = 'cover';
134
129
  }
135
- } // video
136
-
130
+ }
137
131
 
132
+ // video
138
133
  var videoContainerStyle = {};
139
-
140
134
  if (isVideo && shouldLoad) {
141
135
  if (width > 0 && height > 0) {
142
136
  var _getSizeWithinBounds = size.getSizeWithinBounds(mediaWidth, mediaHeight, width, height, {
143
- cover: fit === 'cover' || fit === null
144
- }),
145
- _getSizeWithinBounds$ = _getSizeWithinBounds.width,
146
- videoWidth = _getSizeWithinBounds$ === void 0 ? 0 : _getSizeWithinBounds$,
147
- _getSizeWithinBounds$2 = _getSizeWithinBounds.height,
148
- videoHeight = _getSizeWithinBounds$2 === void 0 ? 0 : _getSizeWithinBounds$2;
149
-
137
+ cover: fit === 'cover' || fit === null
138
+ }),
139
+ _getSizeWithinBounds$ = _getSizeWithinBounds.width,
140
+ videoWidth = _getSizeWithinBounds$ === void 0 ? 0 : _getSizeWithinBounds$,
141
+ _getSizeWithinBounds$2 = _getSizeWithinBounds.height,
142
+ videoHeight = _getSizeWithinBounds$2 === void 0 ? 0 : _getSizeWithinBounds$2;
150
143
  videoContainerStyle.width = videoWidth;
151
144
  videoContainerStyle.height = videoHeight;
152
145
  videoContainerStyle.left = -(videoWidth - width) / 2;
@@ -155,7 +148,6 @@ var Background = function Background(_ref) {
155
148
  videoContainerStyle.objectFit = 'cover';
156
149
  }
157
150
  }
158
-
159
151
  return /*#__PURE__*/React__default["default"].createElement("div", {
160
152
  className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
161
153
  style: containerStyle
@@ -176,7 +168,6 @@ var Background = function Background(_ref) {
176
168
  className: styles.content
177
169
  }, children));
178
170
  };
179
-
180
171
  Background.propTypes = propTypes$1;
181
172
  Background.defaultProps = defaultProps$1;
182
173
 
@@ -216,33 +207,32 @@ var defaultProps = {
216
207
  shouldLoad: true,
217
208
  withoutVideo: false
218
209
  };
219
-
220
210
  var BackgroundLayers = function BackgroundLayers(_ref) {
221
211
  var width = _ref.width,
222
- height = _ref.height,
223
- resolution = _ref.resolution,
224
- background = _ref.background,
225
- playing = _ref.playing,
226
- muted = _ref.muted,
227
- children = _ref.children,
228
- className = _ref.className,
229
- layerClassName = _ref.layerClassName,
230
- backgroundClassName = _ref.backgroundClassName,
231
- loadingMode = _ref.loadingMode,
232
- mediaRef = _ref.mediaRef,
233
- shouldLoad = _ref.shouldLoad,
234
- withoutVideo = _ref.withoutVideo;
212
+ height = _ref.height,
213
+ resolution = _ref.resolution,
214
+ background = _ref.background,
215
+ playing = _ref.playing,
216
+ muted = _ref.muted,
217
+ children = _ref.children,
218
+ className = _ref.className,
219
+ layerClassName = _ref.layerClassName,
220
+ backgroundClassName = _ref.backgroundClassName,
221
+ loadingMode = _ref.loadingMode,
222
+ mediaRef = _ref.mediaRef,
223
+ shouldLoad = _ref.shouldLoad,
224
+ withoutVideo = _ref.withoutVideo;
235
225
  var hasSize = width > 0 && height > 0;
236
226
  var layers = React.useMemo(function () {
237
227
  return utils.getLayersFromBackground(background);
238
228
  }, [background]);
239
- var maxZIndex = layers.length; // color
229
+ var maxZIndex = layers.length;
240
230
 
231
+ // color
241
232
  var containerStyle = _objectSpread__default["default"]({}, hasSize ? {
242
233
  width: width,
243
234
  height: height
244
235
  } : null);
245
-
246
236
  return /*#__PURE__*/React__default["default"].createElement("div", {
247
237
  className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
248
238
  style: containerStyle
@@ -250,13 +240,11 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
250
240
  className: styles.layers
251
241
  }, layers.map(function (_ref3, index) {
252
242
  var _ref4;
253
-
254
243
  var _ref3$horizontalAlign = _ref3.horizontalAlign,
255
- horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
256
- _ref3$verticalAlign = _ref3.verticalAlign,
257
- verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
258
- layer = _objectWithoutProperties__default["default"](_ref3, _excluded);
259
-
244
+ horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
245
+ _ref3$verticalAlign = _ref3.verticalAlign,
246
+ verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
247
+ layer = _objectWithoutProperties__default["default"](_ref3, _excluded);
260
248
  return /*#__PURE__*/React__default["default"].createElement("div", {
261
249
  key: "background-".concat(index),
262
250
  className: classNames__default["default"]([styles.layer, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles.bottom, verticalAlign === 'bottom'), _defineProperty__default["default"](_ref4, styles.right, horizontalAlign === 'right'), _defineProperty__default["default"](_ref4, layerClassName, layerClassName !== null), _ref4)]),
@@ -281,7 +269,6 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
281
269
  className: styles.content
282
270
  }, children));
283
271
  };
284
-
285
272
  BackgroundLayers.propTypes = propTypes;
286
273
  BackgroundLayers.defaultProps = defaultProps;
287
274
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-background",
3
- "version": "0.3.311",
3
+ "version": "0.3.322",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -48,16 +48,16 @@
48
48
  "dependencies": {
49
49
  "@babel/runtime": "^7.13.10",
50
50
  "@folklore/size": "^0.1.20",
51
- "@micromag/core": "^0.3.311",
52
- "@micromag/element-video": "^0.3.311",
51
+ "@micromag/core": "^0.3.322",
52
+ "@micromag/element-video": "^0.3.322",
53
53
  "classnames": "^2.2.6",
54
54
  "lodash": "^4.17.21",
55
55
  "prop-types": "^15.7.2",
56
56
  "react-intl": "^5.12.1",
57
- "uuid": "^8.3.2"
57
+ "uuid": "^9.0.0"
58
58
  },
59
59
  "publishConfig": {
60
60
  "access": "public"
61
61
  },
62
- "gitHead": "fab297a7ad204611597c749b969f14d992d35d47"
62
+ "gitHead": "2dfe09ad5a9ac720e4bfbffcb6371fc31c24fa9f"
63
63
  }