@meduza/ui-kit-2 0.1.26 → 0.1.28

package/dist/RichTitle/RichTitle.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface RichTitleProps {
     block: {
         only_on?: string;
@@ -5,6 +6,7 @@ export interface RichTitleProps {
             featured?: boolean;
             first: string;
             second?: string;
+            as?: keyof JSX.IntrinsicElements;
         };
     };
     styleContext?: string[] | string;

package/dist/ui-kit-2.cjs.development.js

@@ -797,7 +797,7 @@ var makeStyleContext = function makeStyleContext(classNames, styleContext, style
   return classNames.concat(context);
 };
 
-var styles$8 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
+var styles$8 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","richRelated":"Tag-module_richRelated__2vbQQ","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
 
 var Tag = function Tag(_ref) {
   var children = _ref.children,
@@ -1030,7 +1030,7 @@ var Toolbar = function Toolbar(_ref) {
   }, renderItems()));
 };
 
-var styles$g = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
+var styles$g = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","isInMediaBlock":"Meta-module_isInMediaBlock__3xfPF","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
 
 var Meta = function Meta(_ref) {
   var hasSource = _ref.hasSource,
@@ -1510,6 +1510,8 @@ var RichTitle = function RichTitle(_ref) {
       featured = _ref$block$data.featured,
       first = _ref$block$data.first,
       second = _ref$block$data.second,
+      _ref$block$data$as = _ref$block$data.as,
+      TagName = _ref$block$data$as === void 0 ? 'h1' : _ref$block$data$as,
       styleContext = _ref.styleContext;
   var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
 
@@ -1517,7 +1519,7 @@ var RichTitle = function RichTitle(_ref) {
     classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
 
-  return React__default.createElement("h1", {
+  return React__default.createElement(TagName, {
     "data-testid": "rich-title",
     className: makeClassName(classNames)
   }, first, second && React__default.createElement("span", null, " ", second));
@@ -1677,7 +1679,7 @@ var SourceBlock = function SourceBlock(_ref) {
   }, origin))));
 };
 
-var styles$s = {"root":"RelatedRichBlock-module_root__3NYmj","wrapper":"RelatedRichBlock-module_wrapper__1eLIQ","overlay":"RelatedRichBlock-module_overlay__3XSg_","overlayHeader":"RelatedRichBlock-module_overlayHeader__2Nmbv","isRich":"RelatedRichBlock-module_isRich__1LnA4","body":"RelatedRichBlock-module_body__1ZHZS","isCard":"RelatedRichBlock-module_isCard__2naDz","hasGradient":"RelatedRichBlock-module_hasGradient__27LOk","cover":"RelatedRichBlock-module_cover__3yygp","tag":"RelatedRichBlock-module_tag__3OLyG","dark":"RelatedRichBlock-module_dark__3Y1fE","light":"RelatedRichBlock-module_light__2mUxL","mobile":"RelatedRichBlock-module_mobile__JpCS4","desktop":"RelatedRichBlock-module_desktop__trL0D"};
+var styles$s = {"root":"RelatedRichBlock-module_root__3NYmj","wrapper":"RelatedRichBlock-module_wrapper__1eLIQ","overlay":"RelatedRichBlock-module_overlay__3XSg_","overlayHeader":"RelatedRichBlock-module_overlayHeader__2Nmbv","body":"RelatedRichBlock-module_body__1ZHZS","isRich":"RelatedRichBlock-module_isRich__1LnA4","hasGradient":"RelatedRichBlock-module_hasGradient__27LOk","picture":"RelatedRichBlock-module_picture__128HJ","isCard":"RelatedRichBlock-module_isCard__2naDz","cover":"RelatedRichBlock-module_cover__3yygp","tag":"RelatedRichBlock-module_tag__3OLyG","center":"RelatedRichBlock-module_center__197sx","dark":"RelatedRichBlock-module_dark__3Y1fE","light":"RelatedRichBlock-module_light__2mUxL","mobile":"RelatedRichBlock-module_mobile__JpCS4","desktop":"RelatedRichBlock-module_desktop__trL0D"};
 
 /* eslint-disable react/jsx-no-target-blank */
 var RelatedRichBlock = function RelatedRichBlock(_ref) {
@@ -1703,7 +1705,8 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
 
   var cardType = "is" + toCapitalize(layout);
   React.useEffect(function () {
-    setType(Math.random() >= 0.5 ? 'simpleRelated' : 'richRelated');
+    // setType(Math.random() >= 0.5 ? 'simpleRelated' : 'richRelated')
+    setType('richRelated');
   }, []);
 
   var _useInView = reactIntersectionObserver.useInView({
@@ -1734,10 +1737,13 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
   }
 
   if (gradients) {
+    styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
     classNames = makeStyleContext(classNames, theme, styles$s);
-    styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
-    style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
+
+    if (onlyOn === 'desktop') {
+      style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
+    }
   }
 
   if (type === 'unset') {
@@ -1759,7 +1765,7 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
   return React__default.createElement("a", {
     "data-testid": "related-rich-block",
     className: makeClassName(classNames),
-    href: url,
+    href: "/" + url,
     target: "_blank",
     onClick: function onClick() {
       return handleClick();
@@ -1776,14 +1782,16 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
   }, React__default.createElement(Tag, {
     size: "small",
     theme: "inherit",
-    styleContext: "rich"
+    styleContext: "richRelated"
   }, tag)), React__default.createElement("div", {
     className: styles$s.cover
+  }, React__default.createElement("div", {
+    className: styles$s.picture
   }, React__default.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
-  })), React__default.createElement("div", {
+  }))), React__default.createElement("div", {
     className: styles$s.body
   }, blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
@@ -1985,6 +1993,7 @@ var MetaContainer = function MetaContainer(_ref) {
 
       case 'datetime':
         {
+          var format = toCamel(component.format) || 'date';
           return React__default.createElement(MetaItem, {
             hasSource: hasSource,
             bullets: true,
@@ -1992,7 +2001,7 @@ var MetaContainer = function MetaContainer(_ref) {
             type: "datetime"
           }, React__default.createElement(Timestamp, {
             publishedAt: component.datetime,
-            type: "date",
+            type: format || 'date',
             locale: lang
           }));
         }