@meduza/ui-kit-2 0.2.3 → 0.2.5

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

@@ -2004,15 +2004,15 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
 
   var data = {
     ru: {
-      title: '«Медуза» работает для вас',
-      subtitle: 'Нам нужна ваша поддержка',
-      button: 'Да!',
+      title: 'Успеть сделать важное дело:<br/>Поддержать «Медузу» — ',
+      // subtitle: 'Нам нужна ваша поддержка',
+      button: 'Бегу!',
       href: 'https://support.meduza.io'
     },
     en: {
-      title: 'Meduza is working for you',
-      subtitle: 'And we need your support',
-      button: 'Okay!',
+      title: 'There’s still time for a good deed&nbsp;in&nbsp;2021!<br/>Support Meduza — ',
+      // subtitle: 'And we need your support',
+      button: 'Donate',
       href: 'https://support.meduza.io/en'
     }
   };
@@ -2027,11 +2027,6 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
     dangerouslySetInnerHTML: {
       __html: data[lang].title
     }
-  }), " ", React.createElement("span", {
-    className: styles$w.text,
-    dangerouslySetInnerHTML: {
-      __html: data[lang].subtitle
-    }
   }))), React.createElement("div", {
     className: styles$w.cta
   }, React.createElement("a", {
@@ -2043,6 +2038,55 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
   }, 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","center":"AnnouncementInText-module_center__3VLl2","isInCard":"AnnouncementInText-module_isInCard__2Xq_I","isInSlide":"AnnouncementInText-module_isInSlide__1PsC2","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]]];
+
+  if (styleContext) {
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
+  }
+
+  var data = {
+    ru: {
+      title: 'Подарите себе «Медузу»',
+      text: 'В&nbsp;2021 году &laquo;Медуза&raquo; смогла выжить&nbsp;&mdash; благодаря читателям. Но&nbsp;нам по-прежнему нужна поддержка. Один раз или регулярно, маленькая сумма или большая&nbsp;&mdash; любая помощь критически важна. В&nbsp;2022-м наша редакция может рассчитывать только на&nbsp;вас. А&nbsp;вы&nbsp;знаете, что делать.',
+      button: 'О да, я знаю!',
+      href: 'https://support.meduza.io'
+    },
+    en: {
+      title: 'This holiday season, make Meduza your gift to&nbsp;yourself',
+      text: 'Meduza survived 2021 thanks to readers like&nbsp;you. To make it through another year, we need your continued support. One-time contributions and especially recurring donations will sustain Meduza’s work in 2022. Whatever you can give, your help is critical. The future of our newsroom is in your hands. You know what to do.',
+      button: 'Let’s do this!',
+      href: 'https://support.meduza.io/en'
+    }
+  };
+  var localeData = data[lang];
+  return React.createElement("div", {
+    "data-testid": "announcement-in-text",
+    className: makeClassName(classNames)
+  }, React.createElement("div", {
+    className: styles$x.body
+  }, React.createElement("h3", {
+    className: styles$x.title,
+    dangerouslySetInnerHTML: {
+      __html: localeData.title
+    }
+  }), React.createElement("p", {
+    dangerouslySetInnerHTML: {
+      __html: localeData.text
+    }
+  })), React.createElement("div", {
+    className: styles$x.footer
+  }, React.createElement("a", {
+    className: styles$x.button,
+    href: localeData.href
+  }, localeData.button)));
+};
+
 var RenderBlocks = function RenderBlocks(_ref) {
   var block = _ref.block,
       styleContext = _ref.styleContext,
@@ -2195,6 +2239,12 @@ var RenderBlocks = function RenderBlocks(_ref) {
         styleContext: styleContext
       });
 
+    case 'announcement_in_text':
+      return React.createElement(AnnouncementInText, {
+        styleContext: styleContext,
+        lang: lang
+      });
+
     default:
       {
         return null;
@@ -2202,7 +2252,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
   }
 };
 
-var styles$x = {"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$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 Cover = function Cover(_ref) {
   var _ref$block = _ref.block,
@@ -2223,15 +2273,15 @@ var Cover = function Cover(_ref) {
       setIsPopoverShown = _useState[1];
 
   var style = {};
-  var classNames = [[styles$x.root, true], [styles$x[onlyOn], !!onlyOn && !!styles$x[onlyOn]]];
+  var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn && !!styles$y[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
 
   if (gradients) {
     var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
-    classNames = makeStyleContext(classNames, theme, styles$x);
+    classNames = makeStyleContext(classNames, theme, styles$y);
     style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
   }
 
@@ -2247,13 +2297,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$x.image
+    className: styles$y.image
   }, React.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React.createElement("div", {
-    className: styles$x.body,
+    className: styles$y.body,
     style: style
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
@@ -2262,7 +2312,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React.createElement("button", {
-    className: styles$x.control,
+    className: styles$y.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -2275,7 +2325,7 @@ var Cover = function Cover(_ref) {
   }, renderCC('isInPopover')));
 };
 
-var styles$y = {"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$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 HalfBlock = function HalfBlock(_ref) {
   var _ref$block = _ref.block,
@@ -2287,25 +2337,25 @@ var HalfBlock = function HalfBlock(_ref) {
       credit = _ref$block$data$cover.credit,
       caption = _ref$block$data$cover.caption,
       styleContext = _ref.styleContext;
-  var classNames = [[styles$y.root, true], [styles$y[onlyOn], true]];
+  var classNames = [[styles$z.root, true], [styles$z[onlyOn], true]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
 
   return React.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, React.createElement("div", {
-    className: styles$y.main
+    className: styles$z.main
   }, React.createElement("div", {
-    className: styles$y.image
+    className: styles$z.image
   }, React.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), React.createElement("div", {
-    className: styles$y.body
+    className: styles$z.body
   }, data.blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2313,7 +2363,7 @@ var HalfBlock = function HalfBlock(_ref) {
       styleContext: ['rich']
     });
   }))), React.createElement("div", {
-    className: styles$y.footer
+    className: styles$z.footer
   }, React.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2321,17 +2371,17 @@ var HalfBlock = function HalfBlock(_ref) {
   })));
 };
 
-var styles$z = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
+var styles$A = {"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$z.root, true], [styles$z[onlyOn], !!onlyOn]];
+  var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$z);
+    classNames = makeStyleContext(classNames, styleContext, styles$A);
   }
 
   return React.createElement("div", {
@@ -2346,7 +2396,7 @@ var ImportantLead = function ImportantLead(_ref) {
   }));
 };
 
-var styles$A = {"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$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 Spoiler = function Spoiler(_ref) {
   var _ref$block = _ref.block,
@@ -2381,11 +2431,11 @@ var Spoiler = function Spoiler(_ref) {
     }
   };
 
-  var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn], [styles$A[display], !!display && styles$A[display]], [[styles$A.spoiled], !!spoiled]];
+  var classNames = [[styles$B.root, true], [styles$B[onlyOn], !!onlyOn], [styles$B[display], !!display && styles$B[display]], [[styles$B.spoiled], !!spoiled]];
   var context = ['center'];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$A);
+    classNames = makeStyleContext(classNames, styleContext, styles$B);
   }
 
   var buttonCollapse = button ? button.collapse : 'Свернуть';
@@ -2395,9 +2445,9 @@ var Spoiler = function Spoiler(_ref) {
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, React.createElement("div", {
-    className: styles$A.header
+    className: styles$B.header
   }, title && React.createElement("h3", null, title)), React.createElement("div", {
-    className: styles$A.body
+    className: styles$B.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2405,7 +2455,7 @@ var Spoiler = function Spoiler(_ref) {
       styleContext: context
     });
   })), React.createElement("div", {
-    className: styles$A.footer
+    className: styles$B.footer
   }, React.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2418,7 +2468,7 @@ var Spoiler = function Spoiler(_ref) {
   }))));
 };
 
-var styles$B = {"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$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"};
 
 /* eslint-disable react/jsx-no-target-blank */
 var RelatedRichBlock = function RelatedRichBlock(_ref) {
@@ -2457,18 +2507,18 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
     postMessage('richRelated', url, 'click');
   };
 
-  var classNames = [[styles$B.root, true], [styles$B[cardType], !!layout && !!styles$B[cardType]], [styles$B.hasGradient, !!gradients], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]]];
+  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 context = ['isInMediaBlock'];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$B);
+    classNames = makeStyleContext(classNames, styleContext, styles$C);
     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$B);
+    classNames = makeStyleContext(classNames, theme, styles$C);
 
     if (onlyOn === 'desktop') {
       style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
@@ -2484,27 +2534,27 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
     },
     ref: ref
   }, layout === 'rich' && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: styles$B.overlay,
+    className: styles$C.overlay,
     style: style
   }), React.createElement("div", {
-    className: styles$B.overlayHeader,
+    className: styles$C.overlayHeader,
     style: styleHeader
   })), React.createElement("div", {
-    className: styles$B.tag
+    className: styles$C.tag
   }, React.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), React.createElement("div", {
-    className: styles$B.cover
+    className: styles$C.cover
   }, React.createElement("div", {
-    className: styles$B.picture
+    className: styles$C.picture
   }, React.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), React.createElement("div", {
-    className: styles$B.body
+    className: styles$C.body
   }, blocks.map(function (item) {
     return React.createElement(RenderBlocks, {
       key: item.id,
@@ -2514,7 +2564,7 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
   })));
 };
 
-var styles$C = {"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$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"};
 
 /* eslint-disable react/jsx-no-target-blank */
 var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
@@ -2553,16 +2603,16 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
     postMessage('productRelated', url, 'click');
   };
 
-  var classNames = [[styles$C.root, true], [styles$C.hasGradient, !!gradients], [styles$C[onlyOn], !!onlyOn && !!styles$C[onlyOn]]];
+  var classNames = [[styles$D.root, true], [styles$D.hasGradient, !!gradients], [styles$D[onlyOn], !!onlyOn && !!styles$D[onlyOn]]];
 
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$C);
+    classNames = makeStyleContext(classNames, styleContext, styles$D);
   }
 
   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');
@@ -2579,31 +2629,31 @@ var ShopRelatedBlock = function ShopRelatedBlock(_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
   }, React.createElement("h2", {
-    className: styles$C.title
+    className: styles$D.title
   }, firstTitle, React.createElement("span", {
-    className: styles$C.price
+    className: styles$D.price
   }, secondTitle))));
 };
 
@@ -2688,7 +2738,7 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
   }
 };
 
-var styles$D = {"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","text":"ToolbarButton-module_text__32m6s"};
+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","text":"ToolbarButton-module_text__32m6s"};
 
 var ToolbarButton = function ToolbarButton(_ref) {
   var children = _ref.children,
@@ -2696,7 +2746,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
       theme = _ref.theme,
       isActive = _ref.isActive,
       _onClick = _ref.onClick;
-  var classNames = [[styles$D.root, true], [styles$D[type], !!styles$D[type]], [styles$D[theme], !!styles$D[theme] && !!theme], [styles$D.isActive, !!isActive]];
+  var classNames = [[styles$E.root, true], [styles$E[type], !!styles$E[type]], [styles$E[theme], !!styles$E[theme] && !!theme], [styles$E.isActive, !!isActive]];
   return React.createElement("li", {
     className: toolbarStyles.item
   }, React.createElement("button", {
@@ -2711,9 +2761,9 @@ var ToolbarButton = function ToolbarButton(_ref) {
     icon: type,
     styleContext: "isInToolbar"
   }), children && React.createElement("span", {
-    className: styles$D.text
+    className: styles$E.text
   }, children)));
 };
 
-export { 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, 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 };
 //# sourceMappingURL=ui-kit-2.esm.js.map