@meduza/ui-kit-2 0.1.7 → 0.1.9

package/dist/Image/Image.types.d.ts

@@ -17,13 +17,13 @@ export interface ImageProps {
     };
     width?: number;
     height?: number;
-    source?: object;
+    source?: string[];
     lazy?: boolean;
     fullscreen?: boolean;
     ratio?: number;
 }
 export interface PictureProps {
-    source?: object;
+    source?: string[];
     optimized?: {
         original?: string;
         w325: OptimizedImageItem;

package/dist/MaterialNote/MaterialNote.stories.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { MaterialNoteProps } from 'src/MaterialNote/MaterialNote.types';
 declare const _default: {
     title: string;
-    component: React.FC<import("./MaterialNote.types").MaterialNoteProps>;
+    component: React.FC<MaterialNoteProps>;
     parameters: {
         themeWrapperSideBySide: boolean;
     };

package/dist/MaterialNote/MaterialNote.types.d.ts

@@ -3,10 +3,11 @@ export interface MaterialNoteProps {
         data: {
             data: string;
             id: string;
-            lenght: number;
+            length: number;
             type: 'note_caption' | 'note_credit';
         }[];
         id: string;
+        type: string;
     };
     styleContext?: string | string[];
 }

package/dist/MaterialTitle/MaterialTitle.types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface MaterialTitleProps {
-    children?: JSX.Element[] | JSX.Element;
+    children?: React.ReactNode;
 }

package/dist/Popover/Popover.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export interface PopoverProps {
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode;
     onClose: () => void;
 }

package/dist/Tag/Tag.types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TagSizes = 'small' | 'large';
 export declare type TagThemes = 'dark' | 'gold' | 'gray' | 'light' | 'inherit';
 export declare type TagStyleContexts = 'isInToolbar' | 'isInSpoiler' | 'isInDropdown';
 export interface TagProps {
-    children: JSX.Element[] | JSX.Element;
+    children: React.ReactNode | JSX.Element[] | JSX.Element;
     styleContext?: string | string[];
     theme: TagThemes;
     size: TagSizes;

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

@@ -80,8 +80,6 @@ var Button = function Button(_ref) {
   }, React__default.createElement(Loader, null)) : children);
 };
 
-var styles$1 = {"root":"SvgSymbol-module_root__2CsRW","small":"SvgSymbol-module_small__2g6oR","normal":"SvgSymbol-module_normal__9lFn1","medium":"SvgSymbol-module_medium__2eF5L","large":"SvgSymbol-module_large__2kQrt","adaptive":"SvgSymbol-module_adaptive__3_68T","fb":"SvgSymbol-module_fb__1whmw","vk":"SvgSymbol-module_vk__3VEuu","ok":"SvgSymbol-module_ok__2_1Qb","tw":"SvgSymbol-module_tw__2VRG5","tg":"SvgSymbol-module_tg__2xe2f","reaction":"SvgSymbol-module_reaction__rrJvf","card":"SvgSymbol-module_card__1XAqw","podcast":"SvgSymbol-module_podcast__3oPoo","read":"SvgSymbol-module_read__2V82i","listened":"SvgSymbol-module_listened__1oMFV","menu":"SvgSymbol-module_menu__2iYFt","cross":"SvgSymbol-module_cross__J2lCN","isInFeature":"SvgSymbol-module_isInFeature__cDeTI","isInCard":"SvgSymbol-module_isInCard__pKq4e","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__3Te91","isInPageStatic":"SvgSymbol-module_isInPageStatic__H31Rd","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__2IbAw","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__2xlzW","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__2vY3o","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__1L3TW","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__1Grf9","isInButtonForward":"SvgSymbol-module_isInButtonForward__D1AFL","isInToolbar":"SvgSymbol-module_isInToolbar__3SaIh","play":"SvgSymbol-module_play__pM-qY","meduzaLogo":"SvgSymbol-module_meduzaLogo__2Ouzp","arrow":"SvgSymbol-module_arrow__11naX","oil":"SvgSymbol-module_oil__hvHE5","search":"SvgSymbol-module_search__VK6p3","user":"SvgSymbol-module_user__1MGim","bookmark":"SvgSymbol-module_bookmark__2z7tX","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
-
 var icons = {
   meduzaLogo: {
     width: 544,
@@ -240,6 +238,8 @@ var icons = {
   }
 };
 
+var styles$1 = {"root":"SvgSymbol-module_root__2CsRW","small":"SvgSymbol-module_small__2g6oR","normal":"SvgSymbol-module_normal__9lFn1","medium":"SvgSymbol-module_medium__2eF5L","large":"SvgSymbol-module_large__2kQrt","adaptive":"SvgSymbol-module_adaptive__3_68T","fb":"SvgSymbol-module_fb__1whmw","vk":"SvgSymbol-module_vk__3VEuu","ok":"SvgSymbol-module_ok__2_1Qb","tw":"SvgSymbol-module_tw__2VRG5","tg":"SvgSymbol-module_tg__2xe2f","reaction":"SvgSymbol-module_reaction__rrJvf","card":"SvgSymbol-module_card__1XAqw","podcast":"SvgSymbol-module_podcast__3oPoo","read":"SvgSymbol-module_read__2V82i","listened":"SvgSymbol-module_listened__1oMFV","menu":"SvgSymbol-module_menu__2iYFt","cross":"SvgSymbol-module_cross__J2lCN","isInFeature":"SvgSymbol-module_isInFeature__cDeTI","isInCard":"SvgSymbol-module_isInCard__pKq4e","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__3Te91","isInPageStatic":"SvgSymbol-module_isInPageStatic__H31Rd","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__2IbAw","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__2xlzW","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__2vY3o","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__1L3TW","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__1Grf9","isInButtonForward":"SvgSymbol-module_isInButtonForward__D1AFL","isInToolbar":"SvgSymbol-module_isInToolbar__3SaIh","play":"SvgSymbol-module_play__pM-qY","meduzaLogo":"SvgSymbol-module_meduzaLogo__2Ouzp","arrow":"SvgSymbol-module_arrow__11naX","oil":"SvgSymbol-module_oil__hvHE5","search":"SvgSymbol-module_search__VK6p3","user":"SvgSymbol-module_user__1MGim","bookmark":"SvgSymbol-module_bookmark__2z7tX","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
+
 var SvgSymbol = function SvgSymbol(_ref) {
   var icon = _ref.icon,
       size = _ref.size,
@@ -439,8 +439,6 @@ var Image = function Image(_ref) {
   var _useContext = React.useContext(BlockContext),
       lightBox = _useContext.lightBox;
 
-  console.log(React.useContext(BlockContext));
-
   var handleClick = function handleClick() {
     var _viewportSize = viewportSize(),
         viewportWidth = _viewportSize.width;
@@ -1005,21 +1003,20 @@ var DangerousHTML = function DangerousHTML(_ref) {
     });
   }, []);
   React.useEffect(function () {
-    if (canRenderHtml && html.indexOf('script') > -1 && element.current) {
-      element.current.innerHTML = html;
-      replaceScriptElementsRecursive(element.current);
+    if (canRenderHtml && html.indexOf('script') > -1 && element.current.firstElementChild) {
+      element.current.firstElementChild.innerHTML = html;
+      replaceScriptElementsRecursive(element.current.firstElementChild);
       prepareAnchors();
     }
-  }, [canRenderHtml, element, html]);
-  return React__default.createElement(TagName // @ts-ignore
-  , {
-    // @ts-ignore
-    ref: element,
+  }, [canRenderHtml, element, html, replaceScriptElementsRecursive, prepareAnchors]);
+  return React__default.createElement("div", {
+    ref: element
+  }, React__default.createElement(TagName, {
     className: className,
     dangerouslySetInnerHTML: {
       __html: html
     }
-  });
+  }));
 };
 
 var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","proportional":"EmbedBlock-module_proportional__3lAv4","attachment":"EmbedBlock-module_attachment__2pE0t","default":"EmbedBlock-module_default__LSDny","xs":"EmbedBlock-module_xs__1hFgW","full":"EmbedBlock-module_full__1TEjx","super_full":"EmbedBlock-module_super_full__1Fn9A","figure":"EmbedBlock-module_figure__vAvcN","dark":"EmbedBlock-module_dark__1be2G","isInGroupedBlock":"EmbedBlock-module_isInGroupedBlock__3r_i-","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","card":"EmbedBlock-module_card__KTbvp","slide":"EmbedBlock-module_slide__3cL3M","cc":"EmbedBlock-module_cc__1BQ5g","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX"};
@@ -1333,15 +1330,18 @@ var CardTitle = function CardTitle(_ref) {
 var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
 
 var ChapterBlock = function ChapterBlock(_ref) {
-  var block = _ref.block,
-      onlyOn = _ref.block.only_on,
+  var _ref$block = _ref.block,
+      data = _ref$block.data,
+      onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   return React__default.createElement("div", {
     "data-testid": "chapter-block",
     className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
-  }, React__default.createElement(DangerousHTML, {
+  }, React__default.createElement("div", {
     className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
-    html: block.data
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   }));
 };
 
@@ -1353,19 +1353,17 @@ var generateGradient = function generateGradient(color) {
   return "linear-gradient(-180deg, " + gradient + ")";
 };
 
-var styles$l = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
-
-var styles$m = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
+var styles$l = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
 
 var SimpleTitle = function SimpleTitle(_ref) {
   var _ref$block = _ref.block,
       first = _ref$block.data.first,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
+  var classNames = [[styles$l.root, true], [styles$l[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$m);
+    classNames = makeStyleContext(classNames, styleContext, styles$l);
   }
 
   return React__default.createElement("div", {
@@ -1374,7 +1372,7 @@ var SimpleTitle = function SimpleTitle(_ref) {
   }, first);
 };
 
-var styles$n = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
+var styles$m = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
 
 var RichTitle = function RichTitle(_ref) {
   var _ref$block = _ref.block,
@@ -1384,10 +1382,10 @@ var RichTitle = function RichTitle(_ref) {
       first = _ref$block$data.first,
       second = _ref$block$data.second,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
+  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$n);
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
   }
 
   return React__default.createElement("h1", {
@@ -1396,7 +1394,7 @@ var RichTitle = function RichTitle(_ref) {
   }, first, second && React__default.createElement("span", null, " ", second));
 };
 
-var styles$o = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o"};
+var styles$n = {"p":"SimpleBlock-module_p__Q3azD","h2":"SimpleBlock-module_h2__S0LRs","h3":"SimpleBlock-module_h3__2Kv7Y","h4":"SimpleBlock-module_h4__2TJO3","lead":"SimpleBlock-module_lead__35nXx","lead_hr":"SimpleBlock-module_lead_hr__1yD5v","context_p":"SimpleBlock-module_context_p__33saY","blockquote":"SimpleBlock-module_blockquote__pwpcX","game":"SimpleBlock-module_game__2sjgl","slide":"SimpleBlock-module_slide__Aqgfu","dark":"SimpleBlock-module_dark__1J_ov","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o"};
 
 var SimpleBlock = function SimpleBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1404,11 +1402,11 @@ var SimpleBlock = function SimpleBlock(_ref) {
       type = _ref$block.type,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var tagName;
-  var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
+  var TagName;
+  var classNames = [[styles$n[type], !!type && !!styles$n[type]], [styles$n[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$o);
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
 
   switch (type) {
@@ -1417,28 +1415,29 @@ var SimpleBlock = function SimpleBlock(_ref) {
     case 'note_caption':
     case 'note_credit':
       {
-        tagName = 'p';
+        TagName = 'p';
         break;
       }
 
     case 'lead_hr':
       {
-        tagName = 'div';
+        TagName = 'div';
         break;
       }
 
     default:
-      tagName = type;
+      TagName = type;
   }
 
-  return React__default.createElement(DangerousHTML, {
+  return React__default.createElement(TagName, {
     className: makeClassName(classNames),
-    html: data || '',
-    tagName: tagName
+    dangerouslySetInnerHTML: {
+      __html: data
+    }
   });
 };
 
-var styles$p = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
+var styles$o = {"root":"ListBlock-module_root__3Q3Ga","ol":"ListBlock-module_ol__21CgV","ul":"ListBlock-module_ul__2MRrS","center":"ListBlock-module_center__tdIwd","isInImportantLead":"ListBlock-module_isInImportantLead__UP0ic","dark":"ListBlock-module_dark__3E3tV","mobile":"ListBlock-module_mobile__2-nuV","desktop":"ListBlock-module_desktop__1EE0g"};
 
 var ListBlock = function ListBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1447,24 +1446,25 @@ var ListBlock = function ListBlock(_ref) {
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   var TagName = type;
-  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true], [styles$p[type], !!type && !!styles$p[type]]];
+  var classNames = [[styles$o.root, true], [styles$o[onlyOn], true], [styles$o[type], !!type && !!styles$o[type]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$p);
+    classNames = makeStyleContext(classNames, styleContext, styles$o);
   }
 
   return React__default.createElement(TagName, {
     className: makeClassName(classNames)
   }, data.map(function (item, index) {
-    return React__default.createElement(DangerousHTML, {
+    return React__default.createElement("li", {
       key: index,
-      html: item,
-      tagName: "li"
+      dangerouslySetInnerHTML: {
+        __html: item
+      }
     });
   }));
 };
 
-var styles$q = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
+var styles$p = {"root":"RelatedBlock-module_root__IKcQq","header":"RelatedBlock-module_header__2SuWP","items":"RelatedBlock-module_items__2V-Ap","rich":"RelatedBlock-module_rich__ddaHq","first":"RelatedBlock-module_first__BKItW","simple":"RelatedBlock-module_simple__29HVO","center":"RelatedBlock-module_center__1LmW8","isInSlideMaterial":"RelatedBlock-module_isInSlideMaterial__2YSYG","mobile":"RelatedBlock-module_mobile__2XM5a","desktop":"RelatedBlock-module_desktop__2mXeq"};
 
 var RelatedBlock = function RelatedBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1473,46 +1473,47 @@ var RelatedBlock = function RelatedBlock(_ref) {
       related = _ref$block$data.related,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
+  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$q);
+    classNames = makeStyleContext(classNames, styleContext, styles$p);
   }
 
   return React__default.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, React__default.createElement("h3", {
-    className: styles$q.header
+    className: styles$p.header
   }, title), React__default.createElement("ul", {
-    className: styles$q.items
+    className: styles$p.items
   }, related.map(function (item, index) {
     return React__default.createElement("li", {
       key: item.id || index,
-      className: styles$q[item.layout]
+      className: styles$p[item.layout]
     }, React__default.createElement("a", {
       href: item.full_url || "/" + item.url,
       target: "_blank",
       rel: "noopener noreferrer"
     }, React__default.createElement("span", {
-      className: styles$q.first
+      className: styles$p.first
     }, item.title), item.second_title && ' ', item.second_title && React__default.createElement("span", null, item.second_title)));
   })));
 };
 
-var styles$r = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6"};
+var styles$q = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-module_text__Si4vm","origin":"SourceBlock-module_origin__l3JbO","center":"SourceBlock-module_center__3P93B","mobile":"SourceBlock-module_mobile__2gw4S","desktop":"SourceBlock-module_desktop__DecT6"};
 
 var SourceBlock = function SourceBlock(_ref) {
   var _ref$block = _ref.block,
       onlyOn = _ref$block.only_on,
-      quote = _ref$block.quote,
-      origin = _ref$block.origin,
-      url = _ref$block.url,
+      _ref$block$data = _ref$block.data,
+      quote = _ref$block$data.quote,
+      origin = _ref$block$data.origin,
+      url = _ref$block$data.url,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true]];
+  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$r);
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
   }
 
   return React__default.createElement("blockquote", {
@@ -1520,22 +1521,23 @@ var SourceBlock = function SourceBlock(_ref) {
     cite: url,
     className: makeClassName(classNames)
   }, React__default.createElement("a", {
-    className: styles$r.text,
+    className: styles$q.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
   }, quote.map(function (item, index) {
-    return React__default.createElement(DangerousHTML, {
+    return React__default.createElement("p", {
       key: index,
-      html: item.data,
-      tagName: "p"
+      dangerouslySetInnerHTML: {
+        __html: item.data
+      }
     });
   }), React__default.createElement("footer", null, React__default.createElement("cite", {
-    className: styles$r.origin
+    className: styles$q.origin
   }, origin))));
 };
 
-var styles$s = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
+var styles$r = {"root":"GroupedBlock-module_root__2qfQA","hasFigcaption":"GroupedBlock-module_hasFigcaption__2_mcf","item":"GroupedBlock-module_item__3sz9_","items":"GroupedBlock-module_items__2DV2X","figcaption":"GroupedBlock-module_figcaption__2Q_wf","default":"GroupedBlock-module_default__3ylw_","full":"GroupedBlock-module_full__1dzQR","super_full":"GroupedBlock-module_super_full__1PU72","mobile":"GroupedBlock-module_mobile__3n8Ub","desktop":"GroupedBlock-module_desktop__6ZRpA"};
 
 var GroupedBlock = function GroupedBlock(_ref) {
   var block = _ref.block,
@@ -1550,21 +1552,21 @@ var GroupedBlock = function GroupedBlock(_ref) {
   var sumWidth = normalizedBoxesWidth.reduce(function (sum, x) {
     return sum + x;
   });
-  var classNames = [[styles$s.root, true], [styles$s[onlyOn], true], [styles$s.hasFigcaption, block.cc === 'default'], [styles$s[block.display], !!block.display && styles$s[block.display]]];
+  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true], [styles$r.hasFigcaption, block.cc === 'default'], [styles$r[block.display], !!block.display && styles$r[block.display]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$s);
+    classNames = makeStyleContext(classNames, styleContext, styles$r);
   }
 
   return React__default.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, React__default.createElement("div", {
-    className: styles$s.items
+    className: styles$r.items
   }, block.data.map(function (item, index) {
     var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return React__default.createElement("div", {
-      className: styles$s.item,
+      className: styles$r.item,
       key: item.id,
       style: {
         width: percentWidth + "%"
@@ -1574,7 +1576,7 @@ var GroupedBlock = function GroupedBlock(_ref) {
       styleContext: "isInGroupedBlock"
     }));
   })), block.cc && React__default.createElement("figcaption", {
-    className: styles$s.figcaption
+    className: styles$r.figcaption
   }, React__default.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1582,32 +1584,32 @@ var GroupedBlock = function GroupedBlock(_ref) {
   })));
 };
 
-var styles$t = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
+var styles$s = {"root":"MetaItem-module_root__2VQom","hasBullets":"MetaItem-module_hasBullets__CkQPI","hasSource":"MetaItem-module_hasSource__1DmCI","listened":"MetaItem-module_listened__lwvAO","read":"MetaItem-module_read__5eAIG","datetime":"MetaItem-module_datetime__3tOWm"};
 
 var MetaItem = function MetaItem(_ref) {
   var hasSource = _ref.hasSource,
       type = _ref.type,
       children = _ref.children,
       bullets = _ref.bullets;
-  var classNames = [[styles$t.root, true], [styles$t[type], !!type && !!styles$t[type]], [styles$t.hasSource, !!hasSource], [styles$t.hasBullets, !!bullets]];
+  var classNames = [[styles$s.root, true], [styles$s[type], !!type && !!styles$s[type]], [styles$s.hasSource, !!hasSource], [styles$s.hasBullets, !!bullets]];
   return React__default.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$u = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
+var styles$t = {"root":"MetaItemLive-module_root__2mpD3","gold":"MetaItemLive-module_gold__3yZEV","frame":"MetaItemLive-module_frame__1H_Ha","liveMiddle":"MetaItemLive-module_liveMiddle__wyuV3","liveFirstWave":"MetaItemLive-module_liveFirstWave__3dbvz","liveSecondWave":"MetaItemLive-module_liveSecondWave__12g57"};
 
 var MetaItemLive = function MetaItemLive(_ref) {
   var _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'gold' : _ref$theme;
-  var classNames = [[styles$u.root, true], [styles$u[theme], !!theme && styles$u[theme]]];
+  var classNames = [[styles$t.root, true], [styles$t[theme], !!theme && styles$t[theme]]];
   return React__default.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, React__default.createElement("div", {
-    className: styles$u.frame
+    className: styles$t.frame
   }));
 };
 
@@ -1632,7 +1634,7 @@ var pluralize = function pluralize(number, one, two, five) {
   return five;
 };
 
-var styles$v = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
+var styles$u = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
 
 var DocumentItemsCount = function DocumentItemsCount(_ref) {
   var type = _ref.type,
@@ -1669,9 +1671,9 @@ var DocumentItemsCount = function DocumentItemsCount(_ref) {
   var itemsCount = items + " " + pluralize(items, i18n[lang][type].one, i18n[lang][type].two, i18n[lang][type].five);
   return React__default.createElement("div", {
     "data-testid": "document-items-count",
-    className: styles$v.root
+    className: styles$u.root
   }, children, React__default.createElement("span", {
-    className: styles$v.items
+    className: styles$u.items
   }, itemsCount));
 };
 
@@ -1941,6 +1943,8 @@ var RenderBlocks = function RenderBlocks(_ref) {
   }
 };
 
+var styles$v = {"root":"Cover-module_root__18Z8J","body":"Cover-module_body__1xs8e","image":"Cover-module_image__2f3Qc","rich":"Cover-module_rich__1fAGA","dark":"Cover-module_dark__2Ac-w","light":"Cover-module_light__FUp5X","control":"Cover-module_control__VXbhi","isInDynamicBlock":"Cover-module_isInDynamicBlock__3eghb","mobile":"Cover-module_mobile__5DKa1","desktop":"Cover-module_desktop__2mrOc"};
+
 var Cover = function Cover(_ref) {
   var _ref$block = _ref.block,
       onlyOn = _ref$block.only_on,
@@ -1960,15 +1964,15 @@ var Cover = function Cover(_ref) {
       setIsPopoverShown = _useState[1];
 
   var style = {};
-  var classNames = [[styles$l.root, true], [styles$l[onlyOn], !!onlyOn && !!styles$l[onlyOn]]];
+  var classNames = [[styles$v.root, true], [styles$v[onlyOn], !!onlyOn && !!styles$v[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$v);
   }
 
   if (gradients) {
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$l);
+    classNames = makeStyleContext(classNames, theme, styles$v);
     style.backgroundImage = generateGradient(gradients.bg_rgb);
   }
 
@@ -1984,13 +1988,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React__default.createElement("div", {
-    className: styles$l.image
+    className: styles$v.image
   }, React__default.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React__default.createElement("div", {
-    className: styles$l.body,
+    className: styles$v.body,
     style: style
   }, blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
@@ -1999,7 +2003,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React__default.createElement("button", {
-    className: styles$l.control,
+    className: styles$v.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {