@meduza/ui-kit-2 0.2.4 → 0.2.5

package/dist/AnnouncementInText/AnnouncementInText.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./AnnouncementInText.types").AnnouncementInTextProps>;
+    parameters: {
+        themeWrapperSideBySide: boolean;
+    };
+};
+export default _default;
+export declare const Default: React.FC;

package/dist/AnnouncementInText/AnnouncementInText.types.d.ts

@@ -0,0 +1,4 @@
+export interface AnnouncementInTextProps {
+    styleContext: string[] | string;
+    lang: 'ru' | 'en';
+}

package/dist/AnnouncementInText/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AnnouncementInTextProps } from './AnnouncementInText.types';
+export declare const AnnouncementInText: React.FC<AnnouncementInTextProps>;

package/dist/index.d.ts

@@ -41,3 +41,4 @@ export * from './RelatedRichBlock';
 export * from './SensitiveBlock';
 export * from './DonatesTeaser';
 export * from './ShopRelatedBlock';
+export * from './AnnouncementInText';

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

@@ -2045,6 +2045,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: 'В 2021 году «Медуза» смогла выжить — благодаря читателям. Но нам по-прежнему нужна поддержка. Один раз или регулярно, маленькая сумма или большая — любая помощь критически важна. В 2022-м наша редакция может рассчитывать только на вас. А вы знаете, что делать.',
+      button: 'О да, я знаю!',
+      href: 'https://support.meduza.io'
+    },
+    en: {
+      title: 'This holiday season, make Meduza your gift to yourself',
+      text: 'Meduza survived 2021 thanks to readers like 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__default.createElement("div", {
+    "data-testid": "announcement-in-text",
+    className: makeClassName(classNames)
+  }, React__default.createElement("div", {
+    className: styles$x.body
+  }, React__default.createElement("h3", {
+    className: styles$x.title,
+    dangerouslySetInnerHTML: {
+      __html: localeData.title
+    }
+  }), React__default.createElement("p", {
+    dangerouslySetInnerHTML: {
+      __html: localeData.text
+    }
+  })), React__default.createElement("div", {
+    className: styles$x.footer
+  }, React__default.createElement("a", {
+    className: styles$x.button,
+    href: localeData.href
+  }, localeData.button)));
+};
+
 var RenderBlocks = function RenderBlocks(_ref) {
   var block = _ref.block,
       styleContext = _ref.styleContext,
@@ -2197,6 +2246,12 @@ var RenderBlocks = function RenderBlocks(_ref) {
         styleContext: styleContext
       });
 
+    case 'announcement_in_text':
+      return React__default.createElement(AnnouncementInText, {
+        styleContext: styleContext,
+        lang: lang
+      });
+
     default:
       {
         return null;
@@ -2204,7 +2259,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,
@@ -2225,15 +2280,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');
   }
 
@@ -2249,13 +2304,13 @@ var Cover = function Cover(_ref) {
     "data-testid": "cover",
     className: makeClassName(classNames)
   }, React__default.createElement("div", {
-    className: styles$x.image
+    className: styles$y.image
   }, React__default.createElement(Image, {
     optimized: urls,
     ratio: mobileRatio,
     display: "narrow"
   })), React__default.createElement("div", {
-    className: styles$x.body,
+    className: styles$y.body,
     style: style
   }, blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
@@ -2264,7 +2319,7 @@ var Cover = function Cover(_ref) {
       styleContext: styleContext
     });
   })), cc === 'button' && React__default.createElement("button", {
-    className: styles$x.control,
+    className: styles$y.control,
     type: "button",
     "aria-label": "Open",
     onClick: function onClick() {
@@ -2277,7 +2332,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,
@@ -2289,25 +2344,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__default.createElement("div", {
     "data-testid": "half-block",
     className: makeClassName(classNames)
   }, React__default.createElement("div", {
-    className: styles$y.main
+    className: styles$z.main
   }, React__default.createElement("div", {
-    className: styles$y.image
+    className: styles$z.image
   }, React__default.createElement(Image, {
     optimized: optimized,
     ratio: ratio,
     display: "super_full"
   })), React__default.createElement("div", {
-    className: styles$y.body
+    className: styles$z.body
   }, data.blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
       key: item.id,
@@ -2315,7 +2370,7 @@ var HalfBlock = function HalfBlock(_ref) {
       styleContext: ['rich']
     });
   }))), React__default.createElement("div", {
-    className: styles$y.footer
+    className: styles$z.footer
   }, React__default.createElement(MediaCaption, {
     credit: credit,
     caption: caption,
@@ -2323,17 +2378,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__default.createElement("div", {
@@ -2348,7 +2403,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,
@@ -2383,11 +2438,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 : 'Свернуть';
@@ -2397,9 +2452,9 @@ var Spoiler = function Spoiler(_ref) {
     className: makeClassName(classNames),
     "data-testid": "spoiler"
   }, React__default.createElement("div", {
-    className: styles$A.header
+    className: styles$B.header
   }, title && React__default.createElement("h3", null, title)), React__default.createElement("div", {
-    className: styles$A.body
+    className: styles$B.body
   }, blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
       key: item.id,
@@ -2407,7 +2462,7 @@ var Spoiler = function Spoiler(_ref) {
       styleContext: context
     });
   })), React__default.createElement("div", {
-    className: styles$A.footer
+    className: styles$B.footer
   }, React__default.createElement(Button, {
     size: "default",
     theme: "gray",
@@ -2420,7 +2475,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) {
@@ -2459,18 +2514,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');
@@ -2486,27 +2541,27 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
     },
     ref: ref
   }, layout === 'rich' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$B.overlay,
+    className: styles$C.overlay,
     style: style
   }), React__default.createElement("div", {
-    className: styles$B.overlayHeader,
+    className: styles$C.overlayHeader,
     style: styleHeader
   })), React__default.createElement("div", {
-    className: styles$B.tag
+    className: styles$C.tag
   }, React__default.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), React__default.createElement("div", {
-    className: styles$B.cover
+    className: styles$C.cover
   }, React__default.createElement("div", {
-    className: styles$B.picture
+    className: styles$C.picture
   }, React__default.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), React__default.createElement("div", {
-    className: styles$B.body
+    className: styles$C.body
   }, blocks.map(function (item) {
     return React__default.createElement(RenderBlocks, {
       key: item.id,
@@ -2516,7 +2571,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) {
@@ -2555,16 +2610,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');
@@ -2581,31 +2636,31 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
     },
     ref: ref
   }, layout === 'rich' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: styles$C.overlay,
+    className: styles$D.overlay,
     style: style
   }), React__default.createElement("div", {
-    className: styles$C.overlayHeader,
+    className: styles$D.overlayHeader,
     style: styleHeader
   })), React__default.createElement("div", {
-    className: styles$C.tag
+    className: styles$D.tag
   }, React__default.createElement(Tag, {
     size: "small",
     theme: "inherit",
     styleContext: "richRelated"
   }, tag)), React__default.createElement("div", {
-    className: styles$C.cover
+    className: styles$D.cover
   }, React__default.createElement("div", {
-    className: styles$C.picture
+    className: styles$D.picture
   }, React__default.createElement(Image, {
     optimized: urls,
     ratio: ratio,
     display: "narrow"
   }))), React__default.createElement("div", {
-    className: styles$C.body
+    className: styles$D.body
   }, React__default.createElement("h2", {
-    className: styles$C.title
+    className: styles$D.title
   }, firstTitle, React__default.createElement("span", {
-    className: styles$C.price
+    className: styles$D.price
   }, secondTitle))));
 };
 
@@ -2690,7 +2745,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,
@@ -2698,7 +2753,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__default.createElement("li", {
     className: toolbarStyles.item
   }, React__default.createElement("button", {
@@ -2713,10 +2768,11 @@ var ToolbarButton = function ToolbarButton(_ref) {
     icon: type,
     styleContext: "isInToolbar"
   }), children && React__default.createElement("span", {
-    className: styles$D.text
+    className: styles$E.text
   }, children)));
 };
 
+exports.AnnouncementInText = AnnouncementInText;
 exports.BookmarkButton = BookmarkButton;
 exports.Button = Button;
 exports.CardTitle = CardTitle;