@meduza/ui-kit-2 0.1.25 → 0.1.27

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,
@@ -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));
@@ -1612,7 +1614,7 @@ var RelatedBlock = function RelatedBlock(_ref) {
 
   var handleClick = function handleClick(url) {
     if (trackClick) {
-      postMessage('simpleRelated', 'click', url);
+      postMessage('simpleRelated', url, 'click');
     }
   };
 
@@ -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","isRich":"RelatedRichBlock-module_isRich__1LnA4","body":"RelatedRichBlock-module_body__1ZHZS","hasGradient":"RelatedRichBlock-module_hasGradient__27LOk","isCard":"RelatedRichBlock-module_isCard__2naDz","cover":"RelatedRichBlock-module_cover__3yygp","picture":"RelatedRichBlock-module_picture__128HJ","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"};
 
 /* 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({
@@ -1759,7 +1762,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 +1779,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, {