@meduza/ui-kit-2 0.2.36 → 0.3.0

package/dist/ui-kit-2.esm.js

@@ -15,7 +15,7 @@ var makeClassName = function makeClassName(list) {
   }).join(' ');
 };
 
-var Loader = function Loader() {
+var ButtonLoader = function ButtonLoader() {
   return React.createElement("svg", {
     width: "30px",
     height: "30px",
@@ -38,7 +38,7 @@ var Loader = function Loader() {
   })));
 };
 
-var styles = {"root":"Button-module_root__RpsiW","gold":"Button-module_gold__ZMYg-","isLoading":"Button-module_isLoading__1g6QO","gray":"Button-module_gray__3IM54","sand":"Button-module_sand__2AqVq","dark":"Button-module_dark__I0uXx","light":"Button-module_light__1Y4hG","black":"Button-module_black__3sG3Y","red":"Button-module_red__3Niou","default":"Button-module_default__28Vo_","isInSpoiler":"Button-module_isInSpoiler__2Yl8c","ghost":"Button-module_ghost__3awCW","isInDropdown":"Button-module_isInDropdown__1ogKL","loader":"Button-module_loader__2pl6d"};
+var styles = {"root":"Button-module_root__RpsiW","gold":"Button-module_gold__ZMYg-","isLoading":"Button-module_isLoading__1g6QO","gray":"Button-module_gray__3IM54","sand":"Button-module_sand__2AqVq","dark":"Button-module_dark__I0uXx","light":"Button-module_light__1Y4hG","black":"Button-module_black__3sG3Y","red":"Button-module_red__3Niou","default":"Button-module_default__28Vo_","isInSpoiler":"Button-module_isInSpoiler__2Yl8c","ghost":"Button-module_ghost__3awCW","isInDropdown":"Button-module_isInDropdown__1ogKL","loader":"Button-module_loader__2pl6d","isFancy":"Button-module_isFancy__3FPVR"};
 
 var Button = function Button(_ref) {
   var _ref$theme = _ref.theme,
@@ -49,6 +49,7 @@ var Button = function Button(_ref) {
       state = _ref$state === void 0 ? 'isDefault' : _ref$state,
       _ref$styleContext = _ref.styleContext,
       styleContext = _ref$styleContext === void 0 ? 'isInToolbar' : _ref$styleContext,
+      appearance = _ref.appearance,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       onClick = _ref.onClick,
@@ -64,13 +65,13 @@ var Button = function Button(_ref) {
 
   return React.createElement("button", {
     "data-testid": "button",
-    className: makeClassName([[styles.root, true], [styles[size], !!size], [styles[theme], !!theme], [styles[state], !!state && !!styles[state]], [styles[styleContext], !!styleContext]]),
+    className: makeClassName([[styles.root, true], [styles[size], !!size], [styles[theme], !!theme], [styles[appearance], !!appearance], [styles[state], !!state && !!styles[state]], [styles[styleContext], !!styleContext]]),
     disabled: disabled,
     onClick: handleClick,
     type: "button"
   }, state === 'isLoading' ? React.createElement("span", {
     className: styles.loader
-  }, React.createElement(Loader, null)) : children);
+  }, React.createElement(ButtonLoader, null)) : children);
 };
 
 var icons = {
@@ -233,10 +234,15 @@ var icons = {
     width: 15,
     height: 15,
     content: '<g fill-rule="nonzero"><path d="M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z" fill="currentColor" /><path d="M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" /></g>'
+  },
+  magic: {
+    width: 15,
+    height: 15,
+    content: '<g fill-rule="evenodd" clip-rule="evenodd"> <path d="M7.804.4a.6.6 0 0 1 .6.6v2.035a.6.6 0 0 1-1.2 0V1a.6.6 0 0 1 .6-.6ZM7.804 10.577a.6.6 0 0 1 .6.6v2.035a.6.6 0 1 1-1.2 0v-2.035a.6.6 0 0 1 .6-.6ZM14.636 7.106a.6.6 0 0 1-.6.6h-2.078a.6.6 0 1 1 0-1.2h2.078a.6.6 0 0 1 .6.6ZM4.25 7.106a.6.6 0 0 1-.6.6H1.573a.6.6 0 0 1 0-1.2H3.65a.6.6 0 0 1 .6.6ZM12.639 2.37a.585.585 0 0 1 0 .84l-1.442 1.412a.615.615 0 0 1-.857 0 .585.585 0 0 1 0-.84l1.442-1.412a.615.615 0 0 1 .857 0ZM12.639 11.843a.615.615 0 0 1-.857 0L10.34 10.43a.585.585 0 0 1 0-.84.615.615 0 0 1 .857 0l1.442 1.413a.585.585 0 0 1 0 .84ZM5.269 4.621a.615.615 0 0 1-.858 0L2.97 3.208a.585.585 0 0 1 0-.84.615.615 0 0 1 .858 0l1.442 1.413a.585.585 0 0 1 0 .84ZM8.926 6.074a.6.6 0 0 1 0 .849l-.863.863-.849-.849.863-.863a.6.6 0 0 1 .849 0ZM7.348 8.5l-5.924 5.924a.6.6 0 1 1-.848-.848L6.5 7.652l.848.848Z"/> </g>'
   }
 };
 
-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","shareBookmark":"SvgSymbol-module_shareBookmark__QEJOS","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
+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","magic":"SvgSymbol-module_magic__TYq9U","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","shareBookmark":"SvgSymbol-module_shareBookmark__QEJOS","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
 
 var SvgSymbol = function SvgSymbol(_ref) {
   var icon = _ref.icon,
@@ -375,21 +381,19 @@ var imageConditionalKeys = {
 var SocialLabels = {
   ru: {
     tg: 'Телеграм',
-    fb: 'Фб',
-    vk: 'Вк',
-    ok: 'Ок',
+    fb: 'Фейсбук',
     tw: 'Твиттер',
     pdf: 'PDF',
+    unblock: 'Magic link',
     bookmark: 'В закладки',
     reaction: 'Напишите нам'
   },
   en: {
     tg: 'Telegram',
     fb: 'Fb',
-    vk: 'Vk',
-    ok: 'Ok',
     tw: 'Twitter',
     pdf: 'PDF',
+    unblock: 'Magic link',
     bookmark: 'Add to bookmarks'
   }
 };
@@ -1026,26 +1030,33 @@ var Dropdown = function Dropdown(_ref2) {
   }, children);
 };
 
-var toolbarStyles = {"root":"Toolbar-module_root__2HF2r","list":"Toolbar-module_list__1n5ny","item":"Toolbar-module_item__36x7d","isInTopbar":"Toolbar-module_isInTopbar__223iP","center":"Toolbar-module_center__3_H8M","game":"Toolbar-module_game__5-jY_","gameSurvey":"Toolbar-module_gameSurvey__1hQEz","slide":"Toolbar-module_slide__2HmGc","card":"Toolbar-module_card__1VbvB","isDark":"Toolbar-module_isDark__k1U0i","dark":"Toolbar-module_dark__2Ejc9"};
+var styles$f = {"root":"Toolbar-module_root__2HF2r","list":"Toolbar-module_list__1n5ny","item":"Toolbar-module_item__36x7d","isInTopbar":"Toolbar-module_isInTopbar__223iP","center":"Toolbar-module_center__3_H8M","game":"Toolbar-module_game__5-jY_","gameSurvey":"Toolbar-module_gameSurvey__1hQEz","slide":"Toolbar-module_slide__2HmGc","card":"Toolbar-module_card__1VbvB","isDark":"Toolbar-module_isDark__k1U0i","dark":"Toolbar-module_dark__2Ejc9"};
+
+var ToolbarItem = function ToolbarItem(_ref) {
+  var children = _ref.children;
+  return React.createElement("li", {
+    className: styles$f.item
+  }, children);
+};
 
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
       styleContext = _ref.styleContext;
-  var classNames = [[toolbarStyles.root, true]];
+  var classNames = [[styles$f.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, toolbarStyles);
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
   }
 
   return React.createElement("div", {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, React.createElement("ul", {
-    className: toolbarStyles.list
+    className: styles$f.list
   }, children));
 };
 
-var styles$f = {"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","isInMediaBlock":"Meta-module_isInMediaBlock__3xfPF","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","podcastMaterial":"Meta-module_podcastMaterial__2fHAt","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","isDark":"Meta-module_isDark__3g22f","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","isInMediaBlock":"Meta-module_isInMediaBlock__3xfPF","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","podcastMaterial":"Meta-module_podcastMaterial__2fHAt","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","isDark":"Meta-module_isDark__3g22f","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,
@@ -1053,10 +1064,10 @@ var Meta = function Meta(_ref) {
       children = _ref.children,
       onlyOn = _ref.onlyOn,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$f.root, true], [styles$f[theme], !!theme && !!styles$f[theme]], [styles$f[onlyOn], !!onlyOn], [styles$f.hasSource, hasSource]];
+  var classNames = [[styles$g.root, true], [styles$g[theme], !!theme && !!styles$g[theme]], [styles$g[onlyOn], !!onlyOn], [styles$g.hasSource, hasSource]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$f);
+    classNames = makeStyleContext(classNames, styleContext, styles$g);
   }
 
   return React.createElement("div", {
@@ -1065,7 +1076,7 @@ var Meta = function Meta(_ref) {
   }, children);
 };
 
-var styles$g = {"root":"Timestamp-module_root__coOvT"};
+var styles$h = {"root":"Timestamp-module_root__coOvT"};
 
 var Timestamp = function Timestamp(_ref) {
   var publishedAt = _ref.publishedAt,
@@ -1091,7 +1102,7 @@ var Timestamp = function Timestamp(_ref) {
   return React.createElement("time", {
     suppressHydrationWarning: true,
     "data-testid": "timestamp",
-    className: styles$g.root
+    className: styles$h.root
   }, published);
 };
 
@@ -1158,7 +1169,7 @@ var DangerousHTML = function DangerousHTML(_ref) {
   }));
 };
 
-var styles$h = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","proportional":"EmbedBlock-module_proportional__3lAv4","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-","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","isInCard":"EmbedBlock-module_isInCard__37rtq","isInSlide":"EmbedBlock-module_isInSlide__2ea5q","cc":"EmbedBlock-module_cc__1BQ5g","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__3wWYF","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_"};
+var styles$i = {"root":"EmbedBlock-module_root__28k9U","object":"EmbedBlock-module_object__2_UZ7","objectWrap":"EmbedBlock-module_objectWrap__1aDVd","gameEmbed":"EmbedBlock-module_gameEmbed__AZQSo","proportional":"EmbedBlock-module_proportional__3lAv4","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-","control":"EmbedBlock-module_control__xr8dZ","raw_html":"EmbedBlock-module_raw_html__MQoAA","mobileFullwidth":"EmbedBlock-module_mobileFullwidth__QFFLH","isInCard":"EmbedBlock-module_isInCard__37rtq","isInSlide":"EmbedBlock-module_isInSlide__2ea5q","cc":"EmbedBlock-module_cc__1BQ5g","isInSensitiveBlock":"EmbedBlock-module_isInSensitiveBlock__3wWYF","isInAnswer":"EmbedBlock-module_isInAnswer__tLlgs","picture":"EmbedBlock-module_picture__186q0","wrapper":"EmbedBlock-module_wrapper__33XvX","mobile":"EmbedBlock-module_mobile__1P-eo","desktop":"EmbedBlock-module_desktop__SF5a_"};
 
 var EmbedGif = function EmbedGif(_ref) {
   var gif = _ref.gif,
@@ -1204,9 +1215,9 @@ var EmbedGif = function EmbedGif(_ref) {
     };
   }, []);
   return React.createElement("div", {
-    className: styles$h.figure
+    className: styles$i.figure
   }, React.createElement("div", {
-    className: styles$h.objectWrap,
+    className: styles$i.objectWrap,
     style: style,
     "data-frozen": videoFrozen
   }, React.createElement("video", {
@@ -1272,7 +1283,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'image':
         {
           return React.createElement("div", {
-            className: styles$h.figure
+            className: styles$i.figure
           }, React.createElement(Image, {
             source: !optimized && [small, large],
             optimized: block.data.optimized,
@@ -1288,7 +1299,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'game_embed':
         {
           return React.createElement("div", {
-            className: styles$h.gameEmbed
+            className: styles$i.gameEmbed
           }, React.createElement("iframe", {
             src: block.data.game_src,
             id: block.data.game_id,
@@ -1299,7 +1310,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'dots_on_image':
         {
           return React.createElement("div", {
-            className: styles$h.figure
+            className: styles$i.figure
           }, React.createElement(DotsOnImage, {
             block: data
           }));
@@ -1308,12 +1319,12 @@ var EmbedBlock = function EmbedBlock(_ref) {
       default:
         {
           return React.createElement("div", {
-            className: styles$h.object
+            className: styles$i.object
           }, React.createElement("div", {
-            className: styles$h.wrapper,
+            className: styles$i.wrapper,
             style: style
           }, React.createElement(DangerousHTML, {
-            className: styles$h.objectWrap,
+            className: styles$i.objectWrap,
             html: html
           })));
         }
@@ -1325,31 +1336,31 @@ var EmbedBlock = function EmbedBlock(_ref) {
     style.height = 0;
   }
 
-  var classNames = [[styles$h.root, true], [styles$h.cc, cc], [styles$h[display], !!display && styles$h[display]], [styles$h[provider], !!provider && !!styles$h[provider]], [styles$h[onlyOn], !!onlyOn && styles$h[onlyOn]], [styles$h.mobileFullwidth, mobileFullwidth], [styles$h.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
+  var classNames = [[styles$i.root, true], [styles$i.cc, cc], [styles$i[display], !!display && styles$i[display]], [styles$i[provider], !!provider && !!styles$i[provider]], [styles$i[onlyOn], !!onlyOn && styles$i[onlyOn]], [styles$i.mobileFullwidth, mobileFullwidth], [styles$i.proportional, isProportional]]; // Убираем из контекста все, что не начинается с приставки isIn,
   // чтобы не применились лишние модификаторы
   // TODO: в w6 модификаторы должны передаваться явно
 
   if (styleContext && Array.isArray(styleContext)) {
     var filteredContext = styleContext.filter(function (key) {
-      return key.startsWith('isIn') && styles$h[key];
+      return key.startsWith('isIn') && styles$i[key];
     }).reduce(function (acc, key) {
       acc.push(key);
       return acc;
     }, []);
-    classNames = makeStyleContext(classNames, filteredContext, styles$h);
+    classNames = makeStyleContext(classNames, filteredContext, styles$i);
   }
 
   return React.createElement("figure", {
     className: makeClassName(classNames)
   }, children && React.createElement("div", {
-    className: styles$h.object
+    className: styles$i.object
   }, React.createElement("div", {
-    className: styles$h.wrapper,
+    className: styles$i.wrapper,
     style: style
   }, React.createElement("div", {
-    className: styles$h.objectWrap
+    className: styles$i.objectWrap
   }, children))), !children && renderEmbed(style), cc === 'default' && React.createElement("figcaption", null, renderCC()), cc === 'button' && React.createElement("button", {
-    className: styles$h.control,
+    className: styles$i.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -1425,15 +1436,15 @@ var EmbedBlockContainer = function EmbedBlockContainer(_ref) {
   });
 };
 
-var styles$i = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
+var styles$j = {"root":"QuoteBlock-module_root__2GrcC","center":"QuoteBlock-module_center__cTFNy"};
 
 var QuoteBlock = function QuoteBlock(_ref) {
   var data = _ref.block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$i.root, true]];
+  var classNames = [[styles$j.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$i);
+    classNames = makeStyleContext(classNames, styleContext, styles$j);
   }
 
   return React.createElement("div", {
@@ -1446,7 +1457,7 @@ var QuoteBlock = function QuoteBlock(_ref) {
   }));
 };
 
-var styles$j = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
+var styles$k = {"root":"CardTitle-module_root__1uqqF","index":"CardTitle-module_index__4FsTf","title":"CardTitle-module_title__2iTI6","mobile":"CardTitle-module_mobile__1_kij","desktop":"CardTitle-module_desktop__1l3_n"};
 
 var CardTitle = function CardTitle(_ref) {
   var _ref$block$data = _ref.block.data,
@@ -1456,15 +1467,15 @@ var CardTitle = function CardTitle(_ref) {
       styleContext = _ref.styleContext;
   return React.createElement("div", {
     "data-testid": "card-title",
-    className: makeClassName([[styles$j.root, true], [styles$j[onlyOn], !!onlyOn], [styles$j[styleContext], !!styleContext && !!styles$j[styleContext]]])
+    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]])
   }, React.createElement("div", {
-    className: styles$j.index
+    className: styles$k.index
   }, index), React.createElement("h3", {
-    className: styles$j.title
+    className: styles$k.title
   }, text));
 };
 
-var styles$k = {"root":"ChapterBlock-module_root__1WyVn","subtitle":"ChapterBlock-module_subtitle__3TXll","mobile":"ChapterBlock-module_mobile__CiO0w","desktop":"ChapterBlock-module_desktop__tk1Nk"};
+var styles$l = {"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 _ref$block = _ref.block,
@@ -1473,9 +1484,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       styleContext = _ref.styleContext;
   return React.createElement("div", {
     "data-testid": "chapter-block",
-    className: makeClassName([[styles$k.root, true], [styles$k[onlyOn], !!onlyOn]])
+    className: makeClassName([[styles$l.root, true], [styles$l[onlyOn], !!onlyOn]])
   }, React.createElement("div", {
-    className: makeClassName([[styles$k.subtitle, true], [styles$k[styleContext], !!styleContext && !!styles$k[styleContext]]]),
+    className: makeClassName([[styles$l.subtitle, true], [styles$l[styleContext], !!styleContext && !!styles$l[styleContext]]]),
     dangerouslySetInnerHTML: {
       __html: data
     }
@@ -1493,17 +1504,17 @@ var generateGradient = function generateGradient(color, type) {
   return "linear-gradient(-180deg, " + gradient + ")";
 };
 
-var styles$l = {"root":"SimpleTitle-module_root__2jVQN","mobile":"SimpleTitle-module_mobile__11gBz","desktop":"SimpleTitle-module_desktop__3yXgy"};
+var styles$m = {"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$l.root, true], [styles$l[onlyOn], true]];
+  var classNames = [[styles$m.root, true], [styles$m[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$m);
   }
 
   return React.createElement("h1", {
@@ -1512,7 +1523,7 @@ var SimpleTitle = function SimpleTitle(_ref) {
   }, first);
 };
 
-var styles$m = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","podcastMaterial":"RichTitle-module_podcastMaterial__T3Cv3","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","isInMediaBlock":"RichTitle-module_isInMediaBlock__3RDw4","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
+var styles$n = {"root":"RichTitle-module_root__BK_WT","slide":"RichTitle-module_slide__1A-gB","game":"RichTitle-module_game__1g8Bn","podcastMaterial":"RichTitle-module_podcastMaterial__T3Cv3","half":"RichTitle-module_half__10GRI","featured":"RichTitle-module_featured__wJfaQ","isInMediaBlock":"RichTitle-module_isInMediaBlock__3RDw4","mobile":"RichTitle-module_mobile__1Cb6E","desktop":"RichTitle-module_desktop__2ixSQ"};
 
 var RichTitle = function RichTitle(_ref) {
   var _ref$block = _ref.block,
@@ -1524,10 +1535,10 @@ var RichTitle = function RichTitle(_ref) {
       _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$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured]];
+  var classNames = [[styles$n.root, true], [styles$n[onlyOn], true], [styles$n.featured, !!featured]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$m);
+    classNames = makeStyleContext(classNames, styleContext, styles$n);
   }
 
   return React.createElement(TagName, {
@@ -1536,7 +1547,7 @@ var RichTitle = function RichTitle(_ref) {
   }, first, second && React.createElement("span", null, " ", second));
 };
 
-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","divider":"SimpleBlock-module_divider__tnCGQ","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","podcastMaterial":"SimpleBlock-module_podcastMaterial__1YeaD","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o","isDark":"SimpleBlock-module_isDark__22q5s"};
+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","divider":"SimpleBlock-module_divider__tnCGQ","isInIntro":"SimpleBlock-module_isInIntro__DfutD","center":"SimpleBlock-module_center__2rjif","isInImportantLead":"SimpleBlock-module_isInImportantLead__3VGzT","podcastMaterial":"SimpleBlock-module_podcastMaterial__1YeaD","isInAnswer":"SimpleBlock-module_isInAnswer__3aX6X","mobile":"SimpleBlock-module_mobile__Ckgek","desktop":"SimpleBlock-module_desktop__2se2o","isDark":"SimpleBlock-module_isDark__22q5s"};
 
 var SimpleBlock = function SimpleBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1545,10 +1556,10 @@ var SimpleBlock = function SimpleBlock(_ref) {
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   var TagName;
-  var classNames = [[styles$n[type], !!type && !!styles$n[type]], [styles$n[onlyOn], true]];
+  var classNames = [[styles$o[type], !!type && !!styles$o[type]], [styles$o[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$n);
+    classNames = makeStyleContext(classNames, styleContext, styles$o);
   }
 
   switch (type) {
@@ -1584,7 +1595,7 @@ var SimpleBlock = function SimpleBlock(_ref) {
   });
 };
 
-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 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 ListBlock = function ListBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1593,10 +1604,10 @@ var ListBlock = function ListBlock(_ref) {
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
   var TagName = type;
-  var classNames = [[styles$o.root, true], [styles$o[onlyOn], true], [styles$o[type], !!type && !!styles$o[type]]];
+  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true], [styles$p[type], !!type && !!styles$p[type]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$o);
+    classNames = makeStyleContext(classNames, styleContext, styles$p);
   }
 
   return React.createElement(TagName, {
@@ -1612,7 +1623,7 @@ var ListBlock = function ListBlock(_ref) {
   }));
 };
 
-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 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 RelatedBlock = function RelatedBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1621,32 +1632,32 @@ var RelatedBlock = function RelatedBlock(_ref) {
       related = _ref$block$data.related,
       onlyOn = _ref$block.only_on,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$p.root, true], [styles$p[onlyOn], true]];
+  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$p);
+    classNames = makeStyleContext(classNames, styleContext, styles$q);
   }
 
   return React.createElement("div", {
     "data-testid": "related-block",
     className: makeClassName(classNames)
   }, React.createElement("h3", {
-    className: styles$p.header
+    className: styles$q.header
   }, title), React.createElement("ul", {
-    className: styles$p.items
+    className: styles$q.items
   }, related.map(function (item, index) {
     return React.createElement("li", {
       key: item.id || index,
-      className: styles$p[item.layout]
+      className: styles$q[item.layout]
     }, React.createElement(Link, {
       to: item.full_url || "/" + item.url
     }, React.createElement("span", {
-      className: styles$p.first
+      className: styles$q.first
     }, item.title), item.second_title && ' ', item.second_title && React.createElement("span", null, item.second_title)));
   })));
 };
 
-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","isDark":"SourceBlock-module_isDark__3hEEp"};
+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","isDark":"SourceBlock-module_isDark__3hEEp"};
 
 var SourceBlock = function SourceBlock(_ref) {
   var _ref$block = _ref.block,
@@ -1656,10 +1667,10 @@ var SourceBlock = function SourceBlock(_ref) {
       origin = _ref$block$data.origin,
       url = _ref$block$data.url,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$q.root, true], [styles$q[onlyOn], true]];
+  var classNames = [[styles$r.root, true], [styles$r[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$q);
+    classNames = makeStyleContext(classNames, styleContext, styles$r);
   }
 
   return React.createElement("blockquote", {
@@ -1667,7 +1678,7 @@ var SourceBlock = function SourceBlock(_ref) {
     cite: url,
     className: makeClassName(classNames)
   }, React.createElement("a", {
-    className: styles$q.text,
+    className: styles$r.text,
     href: url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -1679,11 +1690,11 @@ var SourceBlock = function SourceBlock(_ref) {
       }
     });
   }), React.createElement("footer", null, React.createElement("cite", {
-    className: styles$q.origin
+    className: styles$r.origin
   }, origin))));
 };
 
-var styles$r = {"root":"SensitiveBlock-module_root__2iJbD","container":"SensitiveBlock-module_container__1Wtix","overlay":"SensitiveBlock-module_overlay__hfDVS","content":"SensitiveBlock-module_content__sNpxZ","button":"SensitiveBlock-module_button__3BGZK","default":"SensitiveBlock-module_default__2HgmZ","full":"SensitiveBlock-module_full__3Hph9","media":"SensitiveBlock-module_media__3wnlo","super_full":"SensitiveBlock-module_super_full__14UOv","visible":"SensitiveBlock-module_visible__1B-NV","isInCard":"SensitiveBlock-module_isInCard__1L-lu","isInSlide":"SensitiveBlock-module_isInSlide__f_Ql2"};
+var styles$s = {"root":"SensitiveBlock-module_root__2iJbD","container":"SensitiveBlock-module_container__1Wtix","overlay":"SensitiveBlock-module_overlay__hfDVS","content":"SensitiveBlock-module_content__sNpxZ","button":"SensitiveBlock-module_button__3BGZK","default":"SensitiveBlock-module_default__2HgmZ","full":"SensitiveBlock-module_full__3Hph9","media":"SensitiveBlock-module_media__3wnlo","super_full":"SensitiveBlock-module_super_full__14UOv","visible":"SensitiveBlock-module_visible__1B-NV","isInCard":"SensitiveBlock-module_isInCard__1L-lu","isInSlide":"SensitiveBlock-module_isInSlide__f_Ql2"};
 
 var SensitiveBlock = function SensitiveBlock(_ref) {
   var block = _ref.block,
@@ -1703,11 +1714,11 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
     isVisible(true);
   };
 
-  var classNames = [[styles$r.root, true], [styles$r.visible, visible], [styles$r[display], display && styles$r[display]]];
+  var classNames = [[styles$s.root, true], [styles$s.visible, visible], [styles$s[display], display && styles$s[display]]];
   var context = ['isInSensitiveBlock'];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$r);
+    classNames = makeStyleContext(classNames, styleContext, styles$s);
     context = [].concat(styleContext, ['isInSensitiveBlock']);
   }
 
@@ -1715,32 +1726,32 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
     "data-testid": "sensitive-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$r.container
+    className: styles$s.container
   }, React.createElement("div", {
-    className: styles$r.overlay,
+    className: styles$s.overlay,
     style: {
       backgroundImage: "url(" + blurredImage + ")"
     }
   }, React.createElement("div", {
-    className: styles$r.content
+    className: styles$s.content
   }, React.createElement("p", {
     dangerouslySetInnerHTML: {
       __html: block.title
     }
   }), React.createElement("div", {
-    className: styles$r.button
+    className: styles$s.button
   }, React.createElement(Button, {
     onClick: function onClick() {
       return handleClick();
     },
     theme: "light"
   }, block.button.text)))), React.createElement("div", {
-    className: styles$r.media
+    className: styles$s.media
   }, React.createElement(EmbedBlockContainer, {
     block: block.item,
     styleContext: context
   }))), cc && React.createElement("figcaption", {
-    className: styles$r.figcaption
+    className: styles$s.figcaption
   }, React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -1748,7 +1759,7 @@ var SensitiveBlock = function SensitiveBlock(_ref) {
   })));
 };
 
-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$t = {"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,
@@ -1765,21 +1776,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$t.root, true], [styles$t[onlyOn], true], [styles$t.hasFigcaption, block.cc === 'default'], [styles$t[block.display], !!block.display && styles$t[block.display]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$s);
+    classNames = makeStyleContext(classNames, styleContext, styles$t);
   }
 
   return React.createElement("div", {
     "data-testid": "grouped-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$s.items
+    className: styles$t.items
   }, block.data.map(function (item, index) {
     var percentWidth = normalizedBoxesWidth[index] / sumWidth * 100;
     return React.createElement("div", {
-      className: styles$s.item,
+      className: styles$t.item,
       key: item.id,
       style: {
         width: percentWidth + "%"
@@ -1792,7 +1803,7 @@ var GroupedBlock = function GroupedBlock(_ref) {
       styleContext: ['isInGroupedBlock']
     }));
   })), block.cc && React.createElement("figcaption", {
-    className: styles$s.figcaption
+    className: styles$t.figcaption
   }, React.createElement(MediaCaption, {
     credit: block.credit,
     caption: block.caption,
@@ -1800,32 +1811,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$u = {"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$u.root, true], [styles$u[type], !!type && !!styles$u[type]], [styles$u.hasSource, !!hasSource], [styles$u.hasBullets, !!bullets]];
   return React.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$v = {"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$v.root, true], [styles$v[theme], !!theme && styles$v[theme]]];
   return React.createElement("div", {
     "data-testid": "meta-item-live",
     "data-meta": "live",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$u.frame
+    className: styles$v.frame
   }));
 };
 
@@ -1850,7 +1861,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$w = {"root":"DocumentItemsCount-module_root__P3q-z","items":"DocumentItemsCount-module_items__3pfxW"};
 
 var DocumentItemsCount = function DocumentItemsCount(_ref) {
   var type = _ref.type,
@@ -1887,9 +1898,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.createElement("div", {
     "data-testid": "document-items-count",
-    className: styles$v.root
+    className: styles$w.root
   }, children, React.createElement("span", {
-    className: styles$v.items
+    className: styles$w.items
   }, itemsCount));
 };
 
@@ -2012,7 +2023,7 @@ var MetaContainer = function MetaContainer(_ref) {
     icon: isListened ? 'listened' : 'read',
     size: "unset"
   })), isSlides && lang === 'ru' && React.createElement("div", {
-    className: styles$f.bookmark
+    className: styles$g.bookmark
   }, React.createElement(BookmarkButton, {
     isInBookmarks: isInBookmarks,
     onClick: function onClick() {
@@ -2021,16 +2032,16 @@ var MetaContainer = function MetaContainer(_ref) {
   })));
 };
 
-var styles$w = {"root":"DonatesTeaser-module_root__3rtaJ","main":"DonatesTeaser-module_main__YBt6p","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","center":"DonatesTeaser-module_center__2Ynx9","isInCard":"DonatesTeaser-module_isInCard__HrFh8","isInSlide":"DonatesTeaser-module_isInSlide__1vC4Z","ru":"DonatesTeaser-module_ru__3Gr0n","en":"DonatesTeaser-module_en__2HSwc"};
+var styles$x = {"root":"DonatesTeaser-module_root__3rtaJ","main":"DonatesTeaser-module_main__YBt6p","title":"DonatesTeaser-module_title__hs-yr","text":"DonatesTeaser-module_text__ro-QA","cta":"DonatesTeaser-module_cta__1orPb","center":"DonatesTeaser-module_center__2Ynx9","isInCard":"DonatesTeaser-module_isInCard__HrFh8","isInSlide":"DonatesTeaser-module_isInSlide__1vC4Z","ru":"DonatesTeaser-module_ru__3Gr0n","en":"DonatesTeaser-module_en__2HSwc"};
 
 var DonatesTeaser = function DonatesTeaser(_ref) {
   var styleContext = _ref.styleContext,
       _ref$lang = _ref.lang,
       lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
-  var classNames = [[styles$w.root, true], [styles$w[lang], styles$w[lang]]];
+  var classNames = [[styles$x.root, true], [styles$x[lang], styles$x[lang]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$w);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
 
   var data = {
@@ -2051,20 +2062,20 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
     "data-testid": "donates-teaser",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$w.main
+    className: styles$x.main
   }, React.createElement("h3", {
-    className: styles$w.title
+    className: styles$x.title
   }, React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: data[lang].title
     }
   }), " ", React.createElement("span", {
-    className: styles$w.text,
+    className: styles$x.text,
     dangerouslySetInnerHTML: {
       __html: data[lang].subtitle
     }
   }))), React.createElement("div", {
-    className: styles$w.cta
+    className: styles$x.cta
   }, React.createElement("a", {
     href: data[lang].href,
     target: "_blank",
@@ -2072,16 +2083,16 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
   }, React.createElement("span", null, data[lang].button))));
 };
 
-var styles$x = {"root":"AnnouncementInText-module_root__3zM9x","body":"AnnouncementInText-module_body__1yI8T","title":"AnnouncementInText-module_title__29CXr","footer":"AnnouncementInText-module_footer__1fyWt","button":"AnnouncementInText-module_button__2dEXa","link":"AnnouncementInText-module_link__1GxOy","center":"AnnouncementInText-module_center__3VLl2","isInCard":"AnnouncementInText-module_isInCard__2Xq_I","isInSlide":"AnnouncementInText-module_isInSlide__1PsC2","ru":"AnnouncementInText-module_ru__3vDy7","en":"AnnouncementInText-module_en__1Mgvm"};
+var styles$y = {"root":"AnnouncementInText-module_root__3zM9x","body":"AnnouncementInText-module_body__1yI8T","title":"AnnouncementInText-module_title__29CXr","footer":"AnnouncementInText-module_footer__1fyWt","button":"AnnouncementInText-module_button__2dEXa","link":"AnnouncementInText-module_link__1GxOy","center":"AnnouncementInText-module_center__3VLl2","isInCard":"AnnouncementInText-module_isInCard__2Xq_I","isInSlide":"AnnouncementInText-module_isInSlide__1PsC2","ru":"AnnouncementInText-module_ru__3vDy7","en":"AnnouncementInText-module_en__1Mgvm"};
 
 var AnnouncementInText = function AnnouncementInText(_ref) {
   var styleContext = _ref.styleContext,
       _ref$lang = _ref.lang,
       lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
-  var classNames = [[styles$x.root, true], [styles$x[lang], styles$x[lang]]];
+  var classNames = [[styles$y.root, true], [styles$y[lang], styles$y[lang]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
 
   var data = {
@@ -2103,9 +2114,9 @@ var AnnouncementInText = function AnnouncementInText(_ref) {
     "data-testid": "announcement-in-text",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$x.body
+    className: styles$y.body
   }, React.createElement("h3", {
-    className: styles$x.title,
+    className: styles$y.title,
     dangerouslySetInnerHTML: {
       __html: localeData.title
     }
@@ -2114,14 +2125,14 @@ var AnnouncementInText = function AnnouncementInText(_ref) {
       __html: localeData.text
     }
   })), React.createElement("div", {
-    className: styles$x.footer
+    className: styles$y.footer
   }, React.createElement("a", {
-    className: styles$x.link,
+    className: styles$y.link,
     href: localeData.href,
     target: "_blank",
     rel: "noreferrer"
   }, React.createElement("span", null, localeData.button)), React.createElement("span", {
-    className: styles$x.button
+    className: styles$y.button
   }, React.createElement("span", null, localeData.button))));
 };
 
@@ -2291,7 +2302,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
   }
 };
 
-var styles$y = {"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$z = {"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,
@@ -2312,15 +2323,15 @@ var Cover = function Cover(_ref) {
       setIsPopoverShown = _useState[1];
 
   var style = {};
-  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn && !!styles$y[onlyOn]]];
+  var classNames = [[styles$z.root, true], [styles$z[onlyOn], !!onlyOn && !!styles$z[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
 
   if (gradients) {
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$y);
+    classNames = makeStyleContext(classNames, theme, styles$z);
     style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
   }
 
@@ -2336,13 +2347,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$y.image
+    className: styles$z.image
   }, React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React.createElement("div", {
-    className: styles$y.body,
+    className: styles$z.body,
     style: style
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
@@ -2351,7 +2362,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React.createElement("button", {
-    className: styles$y.control,
+    className: styles$z.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -2364,7 +2375,7 @@ var Cover = function Cover(_ref) {
   }, renderCC('isInPopover')));
 };
 
-var styles$z = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
+var styles$A = {"root":"HalfBlock-module_root__2frv2","main":"HalfBlock-module_main__2XX73","body":"HalfBlock-module_body__3MnEN","footer":"HalfBlock-module_footer__1C0yp","image":"HalfBlock-module_image__2lYel","mobile":"HalfBlock-module_mobile__2latf","desktop":"HalfBlock-module_desktop__3B1Ej"};
 
 var HalfBlock = function HalfBlock(_ref) {
   var _ref$block = _ref.block,
@@ -2376,25 +2387,25 @@ var HalfBlock = function HalfBlock(_ref) {
       credit = _ref$block$data$cover.credit,
       caption = _ref$block$data$cover.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$z.root, true], [styles$z[onlyOn], true]];
+  var classNames = [[styles$A.root, true], [styles$A[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$z);
+    classNames = makeStyleContext(classNames, styleContext, styles$A);
   }
 
   return React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$z.main
+    className: styles$A.main
   }, React.createElement("div", {
-    className: styles$z.image
+    className: styles$A.image
   }, React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), React.createElement("div", {
-    className: styles$z.body
+    className: styles$A.body
   }, data.blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2402,7 +2413,7 @@ var HalfBlock = function HalfBlock(_ref) {
       styleContext: ['rich']
     });
   }))), React.createElement("div", {
-    className: styles$z.footer
+    className: styles$A.footer
   }, React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2410,17 +2421,17 @@ var HalfBlock = function HalfBlock(_ref) {
   })));
 };
 
-var styles$A = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
+var styles$B = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
 
 var ImportantLead = function ImportantLead(_ref) {
   var _ref$block = _ref.block,
       onlyOn = _ref$block.only_on,
       data = _ref$block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn]];
+  var classNames = [[styles$B.root, true], [styles$B[onlyOn], !!onlyOn]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$A);
+    classNames = makeStyleContext(classNames, styleContext, styles$B);
   }
 
   return React.createElement("div", {
@@ -2435,7 +2446,7 @@ var ImportantLead = function ImportantLead(_ref) {
   }));
 };
 
-var styles$B = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__nYdlo","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
+var styles$C = {"root":"Spoiler-module_root__1OfSR","header":"Spoiler-module_header__1rZUs","body":"Spoiler-module_body__Q1e_c","spoiled":"Spoiler-module_spoiled__1A5r4","footer":"Spoiler-module_footer__23mh7","spoilerSticky":"Spoiler-module_spoilerSticky__3Kd30","spoilerStickyBg":"Spoiler-module_spoilerStickyBg__nYdlo","center":"Spoiler-module_center__tq1m0","full":"Spoiler-module_full__1QFqR","default":"Spoiler-module_default__2Kjx8","mobile":"Spoiler-module_mobile__2BPt8","desktop":"Spoiler-module_desktop__1BIFJ"};
 
 var Spoiler = function Spoiler(_ref) {
   var _ref$block = _ref.block,
@@ -2470,11 +2481,11 @@ var Spoiler = function Spoiler(_ref) {
     }
   };
 
-  var classNames = [[styles$B.root, true], [styles$B[onlyOn], !!onlyOn], [styles$B[display], !!display && styles$B[display]], [[styles$B.spoiled], !!spoiled]];
+  var classNames = [[styles$C.root, true], [styles$C[onlyOn], !!onlyOn], [styles$C[display], !!display && styles$C[display]], [[styles$C.spoiled], !!spoiled]];
   var context = ['center'];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$B);
+    classNames = makeStyleContext(classNames, styleContext, styles$C);
   }
 
   var buttonCollapse = button ? button.collapse : 'Свернуть';
@@ -2484,9 +2495,9 @@ var Spoiler = function Spoiler(_ref) {
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, React.createElement("div", {
-    className: styles$B.header
+    className: styles$C.header
   }, title && React.createElement("h3", null, title)), React.createElement("div", {
-    className: styles$B.body
+    className: styles$C.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2494,7 +2505,7 @@ var Spoiler = function Spoiler(_ref) {
       styleContext: context
     });
   })), React.createElement("div", {
-    className: styles$B.footer
+    className: styles$C.footer
   }, React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2507,7 +2518,7 @@ var Spoiler = function Spoiler(_ref) {
   }))));
 };
 
-var styles$C = {"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"};
+var styles$D = {"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) {
@@ -2546,18 +2557,18 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
     postMessage('richRelated', url, 'click');
   };
 
-  var classNames = [[styles$C.root, true], [styles$C[cardType], !!layout && !!styles$C[cardType]], [styles$C.hasGradient, !!gradients], [styles$C[onlyOn], !!onlyOn && !!styles$C[onlyOn]]];
+  var classNames = [[styles$D.root, true], [styles$D[cardType], !!layout && !!styles$D[cardType]], [styles$D.hasGradient, !!gradients], [styles$D[onlyOn], !!onlyOn && !!styles$D[onlyOn]]];
   var context = ['isInMediaBlock'];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$C);
+    classNames = makeStyleContext(classNames, styleContext, styles$D);
     context = [].concat(styleContext, ['isInMediaBlock']);
   }
 
   if (gradients) {
     styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$C);
+    classNames = makeStyleContext(classNames, theme, styles$D);
 
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
@@ -2573,27 +2584,27 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
     },
     ref: ref
   }, layout === 'rich' && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: styles$C.overlay,
+    className: styles$D.overlay,
     style: style
   }), React.createElement("div", {
-    className: styles$C.overlayHeader,
+    className: styles$D.overlayHeader,
     style: styleHeader
   })), React.createElement("div", {
-    className: styles$C.tag
+    className: styles$D.tag
   }, React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), React.createElement("div", {
-    className: styles$C.cover
+    className: styles$D.cover
   }, React.createElement("div", {
-    className: styles$C.picture
+    className: styles$D.picture
   }, React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), React.createElement("div", {
-    className: styles$C.body
+    className: styles$D.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2603,7 +2614,7 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
   })));
 };
 
-var styles$D = {"root":"ShopRelatedBlock-module_root__x4vdk","wrapper":"ShopRelatedBlock-module_wrapper__3jQp9","overlay":"ShopRelatedBlock-module_overlay__15S5a","overlayHeader":"ShopRelatedBlock-module_overlayHeader__2IXK-","body":"ShopRelatedBlock-module_body__3ipYj","hasGradient":"ShopRelatedBlock-module_hasGradient__1pghj","picture":"ShopRelatedBlock-module_picture__1bu9H","tag":"ShopRelatedBlock-module_tag__2vTKm","center":"ShopRelatedBlock-module_center__2H85-","title":"ShopRelatedBlock-module_title__1ZIW0","price":"ShopRelatedBlock-module_price__2cVXM","dark":"ShopRelatedBlock-module_dark__3Gfbc","light":"ShopRelatedBlock-module_light__1y8Qy","mobile":"ShopRelatedBlock-module_mobile__AleU0","desktop":"ShopRelatedBlock-module_desktop__2--zA"};
+var styles$E = {"root":"ShopRelatedBlock-module_root__x4vdk","wrapper":"ShopRelatedBlock-module_wrapper__3jQp9","overlay":"ShopRelatedBlock-module_overlay__15S5a","overlayHeader":"ShopRelatedBlock-module_overlayHeader__2IXK-","body":"ShopRelatedBlock-module_body__3ipYj","hasGradient":"ShopRelatedBlock-module_hasGradient__1pghj","picture":"ShopRelatedBlock-module_picture__1bu9H","tag":"ShopRelatedBlock-module_tag__2vTKm","center":"ShopRelatedBlock-module_center__2H85-","title":"ShopRelatedBlock-module_title__1ZIW0","price":"ShopRelatedBlock-module_price__2cVXM","dark":"ShopRelatedBlock-module_dark__3Gfbc","light":"ShopRelatedBlock-module_light__1y8Qy","mobile":"ShopRelatedBlock-module_mobile__AleU0","desktop":"ShopRelatedBlock-module_desktop__2--zA"};
 
 /* eslint-disable react/jsx-no-target-blank */
 var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
@@ -2642,16 +2653,16 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
     postMessage('productRelated', url, 'click');
   };
 
-  var classNames = [[styles$D.root, true], [styles$D.hasGradient, !!gradients], [styles$D[onlyOn], !!onlyOn && !!styles$D[onlyOn]]];
+  var classNames = [[styles$E.root, true], [styles$E.hasGradient, !!gradients], [styles$E[onlyOn], !!onlyOn && !!styles$E[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$D);
+    classNames = makeStyleContext(classNames, styleContext, styles$E);
   }
 
   if (gradients) {
     styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$D);
+    classNames = makeStyleContext(classNames, theme, styles$E);
 
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
@@ -2668,31 +2679,31 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
     },
     ref: ref
   }, layout === 'rich' && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: styles$D.overlay,
+    className: styles$E.overlay,
     style: style
   }), React.createElement("div", {
-    className: styles$D.overlayHeader,
+    className: styles$E.overlayHeader,
     style: styleHeader
   })), React.createElement("div", {
-    className: styles$D.tag
+    className: styles$E.tag
   }, React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), React.createElement("div", {
-    className: styles$D.cover
+    className: styles$E.cover
   }, React.createElement("div", {
-    className: styles$D.picture
+    className: styles$E.picture
   }, React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), React.createElement("div", {
-    className: styles$D.body
+    className: styles$E.body
   }, React.createElement("h2", {
-    className: styles$D.title
+    className: styles$E.title
   }, firstTitle, React.createElement("span", {
-    className: styles$D.price
+    className: styles$E.price
   }, secondTitle))));
 };
 
@@ -2777,40 +2788,62 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
   }
 };
 
-var styles$E = {"root":"ToolbarButton-module_root__xN-fq","isDark":"ToolbarButton-module_isDark__2q5U7","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","icon":"ToolbarButton-module_icon__4wCid","text":"ToolbarButton-module_text__32m6s","counter":"ToolbarButton-module_counter__2NOtu"};
+var styles$F = {"root":"ToolbarButton-module_root__xN-fq","isDark":"ToolbarButton-module_isDark__2q5U7","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","icon":"ToolbarButton-module_icon__4wCid","text":"ToolbarButton-module_text__32m6s"};
 
 var ToolbarButton = function ToolbarButton(_ref) {
-  var children = _ref.children,
-      type = _ref.type,
+  var type = _ref.type,
       theme = _ref.theme,
       isActive = _ref.isActive,
       _ref$lang = _ref.lang,
       lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
+      text = _ref.text,
       icon = _ref.icon,
       _onClick = _ref.onClick;
-  var classNames = [[styles$E.root, true], [styles$E[type], !!styles$E[type]], [styles$E[theme], !!styles$E[theme] && !!theme], [styles$E.isActive, !!isActive]];
+  var classNames = [[styles$F.root, true], [styles$F[type], !!styles$F[type]], [styles$F[theme], !!styles$F[theme] && !!theme], [styles$F.isActive, !!isActive]];
   var label = SocialLabels[lang][type];
-  return React.createElement("li", {
-    className: toolbarStyles.item
-  }, React.createElement("button", {
+  return React.createElement("button", {
     "data-testid": "toolbar-button",
     className: makeClassName(classNames),
     type: "button",
-    onClick: function onClick() {
-      return _onClick(type);
+    onClick: function onClick(event) {
+      return _onClick(event, type);
     }
   }, icon && React.createElement("div", {
-    className: styles$E.icon
+    className: styles$F.icon
   }, React.createElement(SvgSymbol, {
     size: "medium",
     icon: icon,
     styleContext: "isInToolbar"
   })), React.createElement("span", {
-    className: styles$E.text
-  }, label), children && React.createElement("span", {
-    className: styles$E.counter
-  }, " ", children)));
+    className: styles$F.text
+  }, text || label));
+};
+
+var styles$G = {"root":"Tooltip-module_root__2ErmQ","isCenterBottom":"Tooltip-module_isCenterBottom__3qg-Z","isLeftBottom":"Tooltip-module_isLeftBottom__2d0hw","isCenterTop":"Tooltip-module_isCenterTop__3gKNn","isLeftTop":"Tooltip-module_isLeftTop__2_Evh","body":"Tooltip-module_body__es5-o","footer":"Tooltip-module_footer__1nYQ1"};
+
+var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+var Tooltip = function Tooltip(_ref) {
+  var children = _ref.children,
+      position = _ref.position;
+  var x = position[0],
+      y = position[1];
+  var positionClass = "is" + capitalizeFirstLetter(x) + capitalizeFirstLetter(y);
+  return React.createElement("div", {
+    className: makeClassName([[styles$G.root, true], [styles$G[positionClass], true]])
+  }, React.createElement("div", {
+    className: styles$G.body
+  }, children));
+};
+
+var TooltipFooter = function TooltipFooter(_ref) {
+  var children = _ref.children;
+  return React.createElement("div", {
+    className: styles$G.footer
+  }, children);
 };
 
-export { AnnouncementInText, BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, ShopRelatedBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
+export { AnnouncementInText, BookmarkButton, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, ShopRelatedBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton, ToolbarItem, Tooltip, TooltipFooter };
 //# sourceMappingURL=ui-kit-2.esm.js.map