@meduza/ui-kit-2 0.1.8 → 0.1.10

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

@@ -73,8 +73,6 @@ var Button = function Button(_ref) {
   }, React.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,
@@ -233,6 +231,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,
@@ -488,7 +488,116 @@ var Image = function Image(_ref) {
   })));
 };
 
-var styles$5 = {"root":"DotsOnImage-module_root__2XP3Q","dot":"DotsOnImage-module_dot__H1wua","popover":"DotsOnImage-module_popover__35Cpj","popoverTitle":"DotsOnImage-module_popoverTitle__343d8","dismiss":"DotsOnImage-module_dismiss__1EWXd"};
+var styles$5 = {"root":"Popover-module_root__1v6f_","fadeOut":"Popover-module_fadeOut__3EZhx","visible":"Popover-module_visible__eK5ZQ","fadeIn":"Popover-module_fadeIn__AkrSN","overlay":"Popover-module_overlay__2SBL0","container":"Popover-module_container__FnZT-","disappear":"Popover-module_disappear__3Q9LI","dismiss":"Popover-module_dismiss__3RnLj","background":"Popover-module_background__1KKaP","appear":"Popover-module_appear__37vPd","body":"Popover-module_body__3h5UO"};
+
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose;
+
+  var _useState = useState(true),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var handleClose = function handleClose() {
+    setVisible(false);
+    setTimeout(onClose, 350);
+  };
+
+  var handleScroll = function handleScroll() {
+    handleClose();
+  };
+
+  var escFunction = function escFunction(event) {
+    if (event.key === 'Escape') {
+      handleClose();
+    }
+  };
+
+  useEffect(function () {
+    window.addEventListener('keydown', escFunction, false);
+    window.addEventListener('scroll', handleScroll, false);
+    return function () {
+      window.removeEventListener('keydown', escFunction, false);
+      window.removeEventListener('scroll', handleScroll, false);
+    };
+  }, [visible]);
+  /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
+
+  return React.createElement("div", {
+    "data-testid": "popover",
+    className: makeClassName([[styles$5.root, true], [styles$5.visible, visible]])
+  }, React.createElement("div", {
+    className: styles$5.overlay,
+    onClick: function onClick() {
+      return handleClose();
+    }
+  }), React.createElement("div", {
+    className: styles$5.container
+  }, React.createElement("button", {
+    type: "button",
+    className: styles$5.dismiss,
+    onClick: function onClick() {
+      return handleClose();
+    },
+    "aria-label": "dismiss"
+  }), React.createElement("svg", {
+    width: "100%",
+    className: styles$5.background
+  }, React.createElement("defs", null, React.createElement("mask", {
+    id: "myMask",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  }, React.createElement("rect", {
+    fill: "white",
+    y: "0",
+    width: "100%",
+    height: "100%",
+    x: "0"
+  }), React.createElement("svg", {
+    x: "50%",
+    overflow: "visible"
+  }, React.createElement("g", {
+    transform: "translate(-12 0)"
+  }, React.createElement("path", {
+    d: "M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z"
+  }))))), React.createElement("rect", {
+    fill: "#F7F7F7",
+    id: "base-mask",
+    mask: "url(#myMask)",
+    x: "0",
+    y: "0",
+    width: "100%",
+    height: "100%"
+  })), React.createElement("div", {
+    className: styles$5.body
+  }, children)));
+};
+
+var styles$6 = {"root":"Footnote-module_root__2a0-B","body":"Footnote-module_body__259Ly","dismiss":"Footnote-module_dismiss__1HKG5"};
+
+var Footnote = function Footnote(_ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose;
+  return React.createElement("div", {
+    "data-testid": "footnote",
+    className: makeClassName([[styles$6.root, true]])
+  }, React.createElement("button", {
+    className: styles$6.dismiss,
+    type: "button",
+    onClick: function onClick() {
+      return onClose();
+    }
+  }, React.createElement(SvgSymbol, {
+    icon: "cross",
+    size: "unset"
+  })), React.createElement("div", {
+    className: styles$6.body
+  }, children));
+};
+
+var styles$7 = {"root":"DotsOnImage-module_root__2XP3Q","dot":"DotsOnImage-module_dot__H1wua","popover":"DotsOnImage-module_popover__35Cpj","popoverTitle":"DotsOnImage-module_popoverTitle__343d8","popoverBody":"DotsOnImage-module_popoverBody__2MSn7","popoverText":"DotsOnImage-module_popoverText__3v02w","dismiss":"DotsOnImage-module_dismiss__1EWXd"};
 
 var DotsOnImage = function DotsOnImage(_ref) {
   var _ref$block = _ref.block,
@@ -520,12 +629,12 @@ var DotsOnImage = function DotsOnImage(_ref) {
 
   return React.createElement("div", {
     "data-testid": "dots-on-image",
-    className: styles$5.root
+    className: styles$7.root
   }, React.createElement("div", {
-    className: styles$5.dots
+    className: styles$7.dots
   }, dots.map(function (dot) {
     return React.createElement("button", {
-      className: styles$5.dot,
+      className: styles$7.dot,
       type: "button",
       key: dot.id,
       style: {
@@ -537,40 +646,42 @@ var DotsOnImage = function DotsOnImage(_ref) {
         return handleDotClick(dot);
       }
     }, dot.icon.type === 'svg' && React.createElement("div", {
-      className: styles$5.icon,
+      className: styles$7.icon,
       dangerouslySetInnerHTML: {
         __html: dot.icon.svg_string
       }
     }), dot.icon.type === 'number' && dot.icon.number);
   })), React.createElement("div", {
-    className: styles$5.image
+    className: styles$7.image
   }, React.createElement(Image, {
     optimized: optimized,
     width: width,
     height: height,
     alt: credit,
     display: display
-  })), popover.show && React.createElement("div", {
-    className: styles$5.popover
-  }, React.createElement("button", {
-    className: styles$5.dismiss,
-    type: "button",
-    onClick: function onClick() {
-      return setPopover({
+  })), popover.show && React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? React.createElement("div", {
+    className: styles$7.popover
+  }, React.createElement(Footnote, {
+    onClose: function onClose() {
+      setPopover({
         show: false
       });
     }
-  }, React.createElement(SvgSymbol, {
-    icon: "cross",
-    size: "unset"
-  })), React.createElement("div", {
-    className: styles$5.popoverTitle
-  }, popover.title), React.createElement("div", {
-    className: styles$5.popoverBody,
+  }, React.createElement("h3", null, popover.title), React.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: popover.body
     }
-  })));
+  }))) : React.createElement(Popover, {
+    onClose: function onClose() {
+      setPopover({
+        show: false
+      });
+    }
+  }, React.createElement("h3", null, popover.title), React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: popover.body
+    }
+  }))));
 };
 
 var makeStyleContext = function makeStyleContext(classNames, styleContext, styles) {
@@ -582,7 +693,7 @@ var makeStyleContext = function makeStyleContext(classNames, styleContext, style
   return classNames.concat(context);
 };
 
-var styles$6 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
+var styles$8 = {"root":"Tag-module_root__3IqWC","small":"Tag-module_small__2IAb7","large":"Tag-module_large__22z_o","dark":"Tag-module_dark__sgnt1","light":"Tag-module_light__1zUhp","gold":"Tag-module_gold__2ksA7","gray":"Tag-module_gray__mGAO_","inherit":"Tag-module_inherit__2QB5U","is1to1":"Tag-module_is1to1__3EDbC","is1to2":"Tag-module_is1to2__3xbC6","isInSuperBlock":"Tag-module_isInSuperBlock__38JE0","is1to3":"Tag-module_is1to3__3j5K-","is1to4":"Tag-module_is1to4__2vq4r","slide":"Tag-module_slide__2nMDw","game":"Tag-module_game__3j5yG","card":"Tag-module_card__1EAeF","live":"Tag-module_live__rwXuR","episode":"Tag-module_episode__3o6gg","podcast":"Tag-module_podcast__VPoll","rich":"Tag-module_rich__2URd9","isInDynamicBlock":"Tag-module_isInDynamicBlock__1YM9I","mobile":"Tag-module_mobile__QQxuv","desktop":"Tag-module_desktop__1Bjsy"};
 
 var Tag = function Tag(_ref) {
   var children = _ref.children,
@@ -593,10 +704,10 @@ var Tag = function Tag(_ref) {
       styleContext = _ref.styleContext,
       correlation = _ref.correlation,
       onlyOn = _ref.onlyOn;
-  var classNames = [[styles$6.root, true], [styles$6[size], !!size && !!styles$6[size]], [styles$6[theme], !!theme && !!styles$6[theme]], [styles$6[onlyOn], !!onlyOn && !!styles$6[onlyOn]], [styles$6[correlation], !!correlation && !!styles$6[correlation]]];
+  var classNames = [[styles$8.root, true], [styles$8[size], !!size && !!styles$8[size]], [styles$8[theme], !!theme && !!styles$8[theme]], [styles$8[onlyOn], !!onlyOn && !!styles$8[onlyOn]], [styles$8[correlation], !!correlation && !!styles$8[correlation]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$6);
+    classNames = makeStyleContext(classNames, styleContext, styles$8);
   }
 
   return React.createElement("div", {
@@ -605,35 +716,35 @@ var Tag = function Tag(_ref) {
   }, children);
 };
 
-var styles$7 = {"root":"MediaCaption-module_root__KqTdw","caption":"MediaCaption-module_caption__1hr7Y","credit":"MediaCaption-module_credit__3ehAP","dark":"MediaCaption-module_dark__3tL1u","video":"MediaCaption-module_video__1KZ6k","picture":"MediaCaption-module_picture__3AAMH","desktop":"MediaCaption-module_desktop__3Saev"};
+var styles$9 = {"root":"MediaCaption-module_root__KqTdw","caption":"MediaCaption-module_caption__1hr7Y","credit":"MediaCaption-module_credit__3ehAP","dark":"MediaCaption-module_dark__3tL1u","video":"MediaCaption-module_video__1KZ6k","picture":"MediaCaption-module_picture__3AAMH","desktop":"MediaCaption-module_desktop__3Saev"};
 
 var MediaCaption = function MediaCaption(_ref) {
   var credit = _ref.credit,
       caption = _ref.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$7.root, true]];
+  var classNames = [[styles$9.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$7);
+    classNames = makeStyleContext(classNames, styleContext, styles$9);
   }
 
   return React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && React.createElement("div", {
-    className: styles$7.caption,
+    className: styles$9.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   }), credit && React.createElement("div", {
-    className: styles$7.credit,
+    className: styles$9.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   }));
 };
 
-var styles$8 = {"root":"Table-module_root__1VsG6","card":"Table-module_card__3gbok","table":"Table-module_table__nZIkV","slide":"Table-module_slide__nSGPC","wrapper":"Table-module_wrapper__1YTKM","tracks":"Table-module_tracks__2wrDB","default":"Table-module_default__3CGeE","full":"Table-module_full__S5pDB","row":"Table-module_row__3TH83","cell":"Table-module_cell__EFKDW","fixedColumn":"Table-module_fixedColumn__E1hN5","white":"Table-module_white__gzvo0","gray":"Table-module_gray__3da6S","pink":"Table-module_pink__3oH1l","blue":"Table-module_blue__GM27F","yellow":"Table-module_yellow__2jhvA","orange":"Table-module_orange__1c-oM","green":"Table-module_green__13OIM","violet":"Table-module_violet__2W-kO","header":"Table-module_header__1exlo","s":"Table-module_s__Vl_Eg","m":"Table-module_m__29G9r","l":"Table-module_l__1ZSMc","xs":"Table-module_xs__au2Oe"};
+var styles$a = {"root":"Table-module_root__1VsG6","card":"Table-module_card__3gbok","table":"Table-module_table__nZIkV","slide":"Table-module_slide__nSGPC","wrapper":"Table-module_wrapper__1YTKM","tracks":"Table-module_tracks__2wrDB","default":"Table-module_default__3CGeE","full":"Table-module_full__S5pDB","row":"Table-module_row__3TH83","cell":"Table-module_cell__EFKDW","fixedColumn":"Table-module_fixedColumn__E1hN5","white":"Table-module_white__gzvo0","gray":"Table-module_gray__3da6S","pink":"Table-module_pink__3oH1l","blue":"Table-module_blue__GM27F","yellow":"Table-module_yellow__2jhvA","orange":"Table-module_orange__1c-oM","green":"Table-module_green__13OIM","violet":"Table-module_violet__2W-kO","header":"Table-module_header__1exlo","s":"Table-module_s__Vl_Eg","m":"Table-module_m__29G9r","l":"Table-module_l__1ZSMc","xs":"Table-module_xs__au2Oe"};
 
 var Table = function Table(_ref) {
   var styleContext = _ref.styleContext,
@@ -653,29 +764,29 @@ var Table = function Table(_ref) {
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  var classNames = [[styles$8.root, true], [styles$8[display], !!display && !!styles$8[display]]];
+  var classNames = [[styles$a.root, true], [styles$a[display], !!display && !!styles$a[display]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$8);
+    classNames = makeStyleContext(classNames, styleContext, styles$a);
   }
 
   return React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$8.wrapper
+    className: styles$a.wrapper
   }, React.createElement("div", {
-    className: styles$8.table
+    className: styles$a.table
   }, React.createElement("div", {
-    className: styles$8.tracks
+    className: styles$a.tracks
   }, rows.map(function (row, i) {
     return React.createElement("div", {
       key: row.key,
-      className: styles$8.row
+      className: styles$a.row
     }, row.cells.map(function (cell, j) {
       return React.createElement("div", {
         key: cell.key,
-        className: makeClassName([[styles$8.cell, true], [styles$8.header, options.header && i === 0], [styles$8[colors[cell.color]], true], [styles$8[columnsWidth[j]], true], [styles$8.fixedColumn, options.fixed_first_column && j === 0]]),
+        className: makeClassName([[styles$a.cell, true], [styles$a.header, options.header && i === 0], [styles$a[colors[cell.color]], true], [styles$a[columnsWidth[j]], true], [styles$a.fixedColumn, options.fixed_first_column && j === 0]]),
         dangerouslySetInnerHTML: {
           __html: cell.val
         }
@@ -687,15 +798,15 @@ var Table = function Table(_ref) {
   }));
 };
 
-var styles$9 = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
+var styles$b = {"root":"MaterialNote-module_root__1AcYe","dark":"MaterialNote-module_dark__xCry-","note_credit":"MaterialNote-module_note_credit__PuFyX","note_caption":"MaterialNote-module_note_caption__1ezSo","center":"MaterialNote-module_center__18RxI","default":"MaterialNote-module_default__1lQPl","card":"MaterialNote-module_card__OWXbQ","slide":"MaterialNote-module_slide__1ZBBq","game":"MaterialNote-module_game__cADMe","gameSurvey":"MaterialNote-module_gameSurvey__3SiG-"};
 
 var MaterialNote = function MaterialNote(_ref) {
   var data = _ref.block.data,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$9.root, true]];
+  var classNames = [[styles$b.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$9);
+    classNames = makeStyleContext(classNames, styleContext, styles$b);
   }
 
   return React.createElement("div", {
@@ -703,7 +814,7 @@ var MaterialNote = function MaterialNote(_ref) {
     className: makeClassName(classNames)
   }, data && data.map(function (item) {
     return React.createElement("p", {
-      className: styles$9[item.type],
+      className: styles$b[item.type],
       key: item.id,
       dangerouslySetInnerHTML: {
         __html: item.data
@@ -712,24 +823,24 @@ var MaterialNote = function MaterialNote(_ref) {
   }));
 };
 
-var styles$a = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
+var styles$c = {"root":"BookmarkButton-module_root__3KmuY","control":"BookmarkButton-module_control__1A0ea","dark":"BookmarkButton-module_dark__1cwyi","light":"BookmarkButton-module_light__1uQyH","isInBookmarks":"BookmarkButton-module_isInBookmarks__1_5kB","isInGrid":"BookmarkButton-module_isInGrid__2pQ2B"};
 
 var BookmarkButton = function BookmarkButton(_ref) {
   var styleContext = _ref.styleContext,
       theme = _ref.theme,
       isInBookmarks = _ref.isInBookmarks,
       _onClick = _ref.onClick;
-  var classNames = [[styles$a.root, true], [styles$a.isInBookmarks, isInBookmarks], [styles$a[theme], !!theme && !!styles$a[theme]]];
+  var classNames = [[styles$c.root, true], [styles$c.isInBookmarks, isInBookmarks], [styles$c[theme], !!theme && !!styles$c[theme]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$a);
+    classNames = makeStyleContext(classNames, styleContext, styles$c);
   }
 
   return React.createElement("div", {
     "data-testid": "bookmark-button",
     className: makeClassName(classNames)
   }, React.createElement("button", {
-    className: styles$a.control,
+    className: styles$c.control,
     onClick: function onClick() {
       return _onClick();
     },
@@ -740,45 +851,45 @@ var BookmarkButton = function BookmarkButton(_ref) {
   })));
 };
 
-var styles$b = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
+var styles$d = {"root":"MaterialTitle-module_root__18ku-","primary":"MaterialTitle-module_primary__2Sfmx","secondary":"MaterialTitle-module_secondary__3uDp4"};
 
 var Primary = function Primary(_ref) {
   var children = _ref.children;
   return React.createElement("span", {
-    className: styles$b.primary
+    className: styles$d.primary
   }, children);
 };
 var Secondary = function Secondary(_ref2) {
   var children = _ref2.children;
   return React.createElement("span", {
-    className: styles$b.secondary
+    className: styles$d.secondary
   }, children);
 };
 var MaterialTitle = function MaterialTitle(_ref3) {
   var children = _ref3.children;
   return React.createElement("h1", {
-    className: styles$b.root,
+    className: styles$d.root,
     "data-testid": "material-title"
   }, children);
 };
 
-var styles$c = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
+var styles$e = {"root":"Dropdown-module_root__11PNk","active":"Dropdown-module_active__3IwAl","menu":"Dropdown-module_menu__3PIqD","isInAudioPanel":"Dropdown-module_isInAudioPanel__1zv7F"};
 
 var Menu = function Menu(_ref) {
   var children = _ref.children;
   return React.createElement("div", {
     "data-testid": "dropdown",
-    className: styles$c.menu
+    className: styles$e.menu
   }, children);
 };
 var Dropdown = function Dropdown(_ref2) {
   var children = _ref2.children,
       active = _ref2.active,
       styleContext = _ref2.styleContext;
-  var classNames = [[styles$c.root, true], [styles$c.active, !!active && !!styles$c.active]];
+  var classNames = [[styles$e.root, true], [styles$e.active, !!active && !!styles$e.active]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$c);
+    classNames = makeStyleContext(classNames, styleContext, styles$e);
   }
 
   return React.createElement("div", {
@@ -787,21 +898,21 @@ var Dropdown = function Dropdown(_ref2) {
   }, children);
 };
 
-var styles$d = {"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","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","dark":"Toolbar-module_dark__2Ejc9"};
 
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$d.root, true]];
+  var classNames = [[styles$f.root, true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$d);
+    classNames = makeStyleContext(classNames, styleContext, styles$f);
   }
 
   var renderItems = function renderItems() {
     return Children.map(children, function (item, index) {
       return React.createElement("li", {
-        className: styles$d.item,
+        className: styles$f.item,
         key: index + "-" + item.props.type
       }, React.cloneElement(item));
     });
@@ -811,96 +922,11 @@ var Toolbar = function Toolbar(_ref) {
     "data-testid": "toolbar",
     className: makeClassName(classNames)
   }, React.createElement("ul", {
-    className: styles$d.list
+    className: styles$f.list
   }, renderItems()));
 };
 
-var styles$e = {"root":"Popover-module_root__1v6f_","fadeOut":"Popover-module_fadeOut__3EZhx","visible":"Popover-module_visible__eK5ZQ","fadeIn":"Popover-module_fadeIn__AkrSN","overlay":"Popover-module_overlay__2SBL0","container":"Popover-module_container__FnZT-","disappear":"Popover-module_disappear__3Q9LI","dismiss":"Popover-module_dismiss__3RnLj","background":"Popover-module_background__1KKaP","appear":"Popover-module_appear__37vPd"};
-
-var Popover = function Popover(_ref) {
-  var children = _ref.children,
-      onClose = _ref.onClose;
-
-  var _useState = useState(true),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var handleClose = function handleClose() {
-    setVisible(false);
-    setTimeout(onClose, 350);
-  };
-
-  var handleScroll = function handleScroll() {
-    handleClose();
-  };
-
-  var escFunction = function escFunction(event) {
-    if (event.key === 'Escape') {
-      handleClose();
-    }
-  };
-
-  useEffect(function () {
-    window.addEventListener('keydown', escFunction, false);
-    window.addEventListener('scroll', handleScroll, false);
-    return function () {
-      window.removeEventListener('keydown', escFunction, false);
-      window.removeEventListener('scroll', handleScroll, false);
-    };
-  }, [visible]);
-  /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-
-  return React.createElement("div", {
-    "data-testid": "popover",
-    className: makeClassName([[styles$e.root, true], [styles$e.visible, visible]])
-  }, React.createElement("div", {
-    className: styles$e.overlay,
-    onClick: function onClick() {
-      return handleClose();
-    }
-  }), React.createElement("div", {
-    className: styles$e.container
-  }, React.createElement("button", {
-    type: "button",
-    className: styles$e.dismiss,
-    onClick: function onClick() {
-      return handleClose();
-    },
-    "aria-label": "dismiss"
-  }), React.createElement("svg", {
-    width: "100%",
-    className: styles$e.background
-  }, React.createElement("defs", null, React.createElement("mask", {
-    id: "myMask",
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%"
-  }, React.createElement("rect", {
-    fill: "white",
-    y: "0",
-    width: "100%",
-    height: "100%",
-    x: "0"
-  }), React.createElement("svg", {
-    x: "50%",
-    overflow: "visible"
-  }, React.createElement("g", {
-    transform: "translate(-12 0)"
-  }, React.createElement("path", {
-    d: "M4.61852778e-14,9.76996262e-15 L9.84597532,5.80270273 C11.0992017,6.54128882 12.6546044,6.54128882 13.9078308,5.80270273 L23.7538061,9.76996262e-15 L4.61852778e-14,9.76996262e-15 Z"
-  }))))), React.createElement("rect", {
-    fill: "#F7F7F7",
-    id: "base-mask",
-    mask: "url(#myMask)",
-    x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%"
-  })), 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","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
+var styles$g = {"root":"Meta-module_root__12AG7","rich":"Meta-module_rich__1XBtZ","podcast":"Meta-module_podcast__1m4zo","episode":"Meta-module_episode__1K2Xv","simple":"Meta-module_simple__3vUiI","slide":"Meta-module_slide__3g6fG","card":"Meta-module_card__LE1RK","game":"Meta-module_game__3aNlZ","isInMaterial":"Meta-module_isInMaterial__zaYMy","isInSearchItem":"Meta-module_isInSearchItem__1wbpx","center":"Meta-module_center__3BBPr","half":"Meta-module_half__1xRkT","light":"Meta-module_light__2baE-","dark":"Meta-module_dark__24y9m","hasSource":"Meta-module_hasSource__2lXiN","bookmark":"Meta-module_bookmark__3ot3k","mobile":"Meta-module_mobile__22LGV","desktop":"Meta-module_desktop__1ZGUS"};
 
 var Meta = function Meta(_ref) {
   var hasSource = _ref.hasSource,
@@ -908,10 +934,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", {
@@ -920,7 +946,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,
@@ -945,7 +971,7 @@ var Timestamp = function Timestamp(_ref) {
 
   return React.createElement("time", {
     "data-testid": "timestamp",
-    className: styles$g.root
+    className: styles$h.root
   }, published);
 };
 
@@ -996,9 +1022,9 @@ var DangerousHTML = function DangerousHTML(_ref) {
     });
   }, []);
   useEffect(function () {
-    if (canRenderHtml && html.indexOf('script') > -1 && element.current.firstChild) {
+    if (canRenderHtml && html.indexOf('script') > -1 && element.current.firstElementChild) {
       element.current.firstElementChild.innerHTML = html;
-      replaceScriptElementsRecursive(element.current.firstChild);
+      replaceScriptElementsRecursive(element.current.firstElementChild);
       prepareAnchors();
     }
   }, [canRenderHtml, element, html, replaceScriptElementsRecursive, prepareAnchors]);
@@ -1012,7 +1038,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","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"};
+var styles$i = {"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"};
 
 var EmbedGif = function EmbedGif(_ref) {
   var gif = _ref.gif,
@@ -1060,9 +1086,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", {
@@ -1128,7 +1154,7 @@ var EmbedBlock = function EmbedBlock(_ref) {
       case 'image':
         {
           return React.createElement("div", {
-            className: styles$h.figure
+            className: styles$i.figure
           }, (small || optimized) && React.createElement(Image, {
             fullscreen: block.data.fullscreen,
             source: !optimized && [small, large],
@@ -1144,7 +1170,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,
@@ -1155,7 +1181,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
           }));
@@ -1164,12 +1190,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
           })));
         }
@@ -1181,31 +1207,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) {
     var filteredContext = Object.keys(styleContext).filter(function (key) {
-      return key.startsWith('isIn') && styles$h[key];
+      return key.startsWith('isIn') && styles$i[key];
     }).reduce(function (acc, key) {
-      acc.push([styles$h[key], true]);
+      acc.push([styles$i[key], true]);
       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() {
@@ -1281,15 +1307,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", {
@@ -1302,7 +1328,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,
@@ -1312,15 +1338,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,
@@ -1329,9 +1355,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
     }
@@ -1346,8 +1372,6 @@ 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 SimpleTitle = function SimpleTitle(_ref) {
@@ -1500,9 +1524,10 @@ var styles$r = {"root":"SourceBlock-module_root__1P3XD","text":"SourceBlock-modu
 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]];
 
@@ -1781,7 +1806,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() {
@@ -1937,6 +1962,8 @@ var RenderBlocks = function RenderBlocks(_ref) {
   }
 };
 
+var styles$w = {"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,
@@ -1956,15 +1983,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$w.root, true], [styles$w[onlyOn], !!onlyOn && !!styles$w[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$l);
+    classNames = makeStyleContext(classNames, styleContext, styles$w);
   }
 
   if (gradients) {
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$l);
+    classNames = makeStyleContext(classNames, theme, styles$w);
     style.backgroundImage = generateGradient(gradients.bg_rgb);
   }
 
@@ -1980,13 +2007,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$l.image
+    className: styles$w.image
   }, React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React.createElement("div", {
-    className: styles$l.body,
+    className: styles$w.body,
     style: style
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
@@ -1995,7 +2022,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React.createElement("button", {
-    className: styles$l.control,
+    className: styles$w.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -2008,7 +2035,7 @@ var Cover = function Cover(_ref) {
   }, renderCC('isInPopover')));
 };
 
-var styles$w = {"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$x = {"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,
@@ -2020,25 +2047,25 @@ var HalfBlock = function HalfBlock(_ref) {
       credit = _ref$block$data$cover.credit,
       caption = _ref$block$data$cover.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$w.root, true], [styles$w[onlyOn], true]];
+  var classNames = [[styles$x.root, true], [styles$x[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$w);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
 
   return React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$w.main
+    className: styles$x.main
   }, React.createElement("div", {
-    className: styles$w.image
+    className: styles$x.image
   }, React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), React.createElement("div", {
-    className: styles$w.body
+    className: styles$x.body
   }, data.blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2046,7 +2073,7 @@ var HalfBlock = function HalfBlock(_ref) {
       styleContext: ['rich']
     });
   }))), React.createElement("div", {
-    className: styles$w.footer
+    className: styles$x.footer
   }, React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2054,17 +2081,17 @@ var HalfBlock = function HalfBlock(_ref) {
   })));
 };
 
-var styles$x = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
+var styles$y = {"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$x.root, true], [styles$x[onlyOn], !!onlyOn]];
+  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
 
   return React.createElement("div", {
@@ -2079,7 +2106,7 @@ var ImportantLead = function ImportantLead(_ref) {
   }));
 };
 
-var styles$y = {"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","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$z = {"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","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,
@@ -2114,10 +2141,10 @@ var Spoiler = function Spoiler(_ref) {
     }
   };
 
-  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn], [styles$y[display], !!display && styles$y[display]], [[styles$y.spoiled], !!spoiled]];
+  var classNames = [[styles$z.root, true], [styles$z[onlyOn], !!onlyOn], [styles$z[display], !!display && styles$z[display]], [[styles$z.spoiled], !!spoiled]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
 
   var buttonCollapse = button ? button.collapse : 'Свернуть';
@@ -2127,9 +2154,9 @@ var Spoiler = function Spoiler(_ref) {
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, React.createElement("div", {
-    className: styles$y.header
+    className: styles$z.header
   }, title && React.createElement("h3", null, title)), React.createElement("div", {
-    className: styles$y.body
+    className: styles$z.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2137,7 +2164,7 @@ var Spoiler = function Spoiler(_ref) {
       styleContext: styleContext
     });
   })), React.createElement("div", {
-    className: styles$y.footer
+    className: styles$z.footer
   }, React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2213,7 +2240,7 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
   }
 };
 
-var styles$z = {"root":"ToolbarButton-module_root__xN-fq","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
+var styles$A = {"root":"ToolbarButton-module_root__xN-fq","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","text":"ToolbarButton-module_text__32m6s"};
 
 var ToolbarButton = function ToolbarButton(_ref) {
   var children = _ref.children,
@@ -2221,7 +2248,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
       theme = _ref.theme,
       isActive = _ref.isActive,
       _onClick = _ref.onClick;
-  var classNames = [[styles$z.root, true], [styles$z[type], !!styles$z[type]], [styles$z[theme], !!styles$z[theme] && !!theme], [styles$z.isActive, !!isActive]];
+  var classNames = [[styles$A.root, true], [styles$A[type], !!styles$A[type]], [styles$A[theme], !!styles$A[theme] && !!theme], [styles$A.isActive, !!isActive]];
   return React.createElement("button", {
     "data-testid": "toolbar-button",
     className: makeClassName(classNames),
@@ -2234,9 +2261,9 @@ var ToolbarButton = function ToolbarButton(_ref) {
     icon: type,
     styleContext: "isInToolbar"
   }), children && React.createElement("span", {
-    className: styles$z.text
+    className: styles$A.text
   }, children));
 };
 
-export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DotsOnImage, Dropdown, EmbedBlockContainer, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RenderBlocks, RichTitle, Secondary, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
+export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RenderBlocks, RichTitle, Secondary, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
 //# sourceMappingURL=ui-kit-2.esm.js.map