@micromag/screen-gallery 0.3.592 → 0.3.596

package/es/index.js

@@ -1,5 +1,6 @@
 import { FormattedMessage, defineMessage } from 'react-intl';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
@@ -207,6 +208,7 @@ var propTypes = {
   'two-by-three', 'one-one-two-two', 'two-two-one-one']),
   images: PropTypes.oneOfType([PropTypes$1.imageMedias, PropTypes$1.imageElements]),
   withCaptions: PropTypes.bool,
+  imageCaptionStyle: PropTypes$1.textStyle,
   spacing: PropTypes.number,
   captionMaxLines: PropTypes.number,
   background: PropTypes$1.backgroundElement,
@@ -220,6 +222,7 @@ var propTypes = {
 var defaultProps = {
   layout: 'four-mosaic',
   withCaptions: false,
+  imageCaptionStyle: null,
   images: [],
   spacing: 20,
   captionMaxLines: 2,
@@ -235,6 +238,7 @@ var GalleryScreen = function GalleryScreen(_ref) {
   var layout = _ref.layout,
     images = _ref.images,
     withCaptions = _ref.withCaptions,
+    imageCaptionStyle = _ref.imageCaptionStyle,
     background = _ref.background,
     header = _ref.header,
     footer = _ref.footer,
@@ -338,6 +342,9 @@ var GalleryScreen = function GalleryScreen(_ref) {
       caption = _ref3$caption === void 0 ? null : _ref3$caption;
     var hasImage = isImageFilled(finalImage);
     var hasCaption = isTextFilled(caption);
+    var _ref4 = caption || {},
+      _ref4$textStyle = _ref4.textStyle,
+      textStyle = _ref4$textStyle === void 0 ? null : _ref4$textStyle;
     return /*#__PURE__*/React.createElement("div", {
       key: "item-".concat(itemI),
       className: styles.gridItem
@@ -388,7 +395,8 @@ var GalleryScreen = function GalleryScreen(_ref) {
       className: styles.caption
     }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
       className: styles.captionText,
-      lineClamp: captionMaxLines
+      lineClamp: captionMaxLines,
+      textStyle: _objectSpread(_objectSpread({}, imageCaptionStyle || null), textStyle)
     })))) : null);
   });
   return /*#__PURE__*/React.createElement("div", {
@@ -613,6 +621,16 @@ var definition = [{
         "value": "Images"
       }]
     })
+  }, {
+    name: 'imageCaptionStyle',
+    type: 'text-style-form',
+    label: defineMessage({
+      id: "Qz7nUz",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Caption style"
+      }]
+    })
   }, {
     name: 'background',
     type: 'background',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery",
-    "version": "0.3.592",
+    "version": "0.3.596",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,7 +63,7 @@
         "@micromag/core": "^0.3.590",
         "@micromag/element-background": "^0.3.592",
         "@micromag/element-container": "^0.3.590",
-        "@micromag/element-footer": "^0.3.590",
+        "@micromag/element-footer": "^0.3.595",
         "@micromag/element-grid": "^0.3.590",
         "@micromag/element-header": "^0.3.590",
         "@micromag/element-layout": "^0.3.590",
@@ -80,5 +80,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "f8571e100614efa926df27062058faee906df21e"
+    "gitHead": "69970fa5ea5e5ef1a62454dbfda70a9a97b3aa55"
 }