@meduza/ui-kit-2 0.2.20 → 0.2.22

package/dist/SvgSymbol/SvgSymbol.types.d.ts

@@ -1,5 +1,5 @@
 export declare type SvgSymbolStyleContexts = 'isInFeature' | 'isInCard' | 'isInTopicBlockItem' | 'isInPageStatic' | 'isInMaterialMeta' | 'isInToolbar' | 'isInEpisodeBlock' | 'isInAudioPlayer' | 'isInAudioPanel' | 'isInPlaylist' | 'PodcastMaterial' | 'isInHeader' | 'isInProfile' | 'isInBookmark';
-export declare type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'chat' | 'backward' | 'forward' | 'download' | 'play' | 'pause' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
+export declare type Icons = 'meduzaLogo' | 'meduzaSymbol' | 'menu' | 'fb' | 'tw' | 'vk' | 'ok' | 'tg' | 'chat' | 'backward' | 'forward' | 'download' | 'play' | 'pause' | 'shareBookmark' | 'speedHalf' | 'speedOne' | 'speedOneHalf' | 'speedTwo' | 'podcastBookmark' | 'reaction' | 'cross' | 'link' | 'search' | 'card' | 'podcast' | 'arrow' | 'brent' | 'user' | 'bookmark' | 'receipt' | 'read' | 'listened';
 export declare type Sizes = 'small' | 'normal' | 'medium' | 'large' | 'unset';
 export interface SvgSymbolProps {
     styleContext?: SvgSymbolStyleContexts;

package/dist/SvgSymbol/icons.d.ts

@@ -139,6 +139,11 @@ export declare const icons: {
         height: number;
         content: string;
     };
+    shareBookmark: {
+        width: number;
+        height: number;
+        content: string;
+    };
     receipt: {
         width: number;
         height: number;

package/dist/ToolbarButton/ToolbarButton.types.d.ts

@@ -3,6 +3,8 @@ export declare type ToolbarButtonTypes = 'vk' | 'fb' | 'tw' | 'tg' | 'ok' | 'rea
 export interface ToolbarButtonProps {
     type: ToolbarButtonTypes;
     theme?: string;
+    lang: 'ru' | 'en';
+    icon?: 'shareBookmark';
     isActive?: boolean;
     onClick: (type: string) => void;
     children?: React.ReactNode | JSX.Element[] | JSX.Element;

package/dist/constants.d.ts

@@ -20,3 +20,22 @@ export declare const imageConditionalKeys: {
     default: number[];
     narrow: number[];
 };
+export declare const SocialLabels: {
+    ru: {
+        tg: string;
+        fb: string;
+        vk: string;
+        ok: string;
+        tw: string;
+        bookmark: string;
+        reaction: string;
+    };
+    en: {
+        tg: string;
+        fb: string;
+        vk: string;
+        ok: string;
+        tw: string;
+        bookmark: string;
+    };
+};

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

@@ -221,6 +221,11 @@ var icons = {
     height: 21,
     content: '<path d="M16 20l-7.5-6.333L1 20V1h15z" stroke="currentColor" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/>'
   },
+  shareBookmark: {
+    width: 8,
+    height: 11,
+    content: '<path clip-rule="evenodd" d="M7 10 4 7l-3 3V1h6v9Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>'
+  },
   receipt: {
     width: 10,
     height: 13,
@@ -238,7 +243,7 @@ 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 styles$1 = {"root":"SvgSymbol-module_root__2CsRW","small":"SvgSymbol-module_small__2g6oR","normal":"SvgSymbol-module_normal__9lFn1","medium":"SvgSymbol-module_medium__2eF5L","large":"SvgSymbol-module_large__2kQrt","adaptive":"SvgSymbol-module_adaptive__3_68T","fb":"SvgSymbol-module_fb__1whmw","vk":"SvgSymbol-module_vk__3VEuu","ok":"SvgSymbol-module_ok__2_1Qb","tw":"SvgSymbol-module_tw__2VRG5","tg":"SvgSymbol-module_tg__2xe2f","reaction":"SvgSymbol-module_reaction__rrJvf","card":"SvgSymbol-module_card__1XAqw","podcast":"SvgSymbol-module_podcast__3oPoo","read":"SvgSymbol-module_read__2V82i","listened":"SvgSymbol-module_listened__1oMFV","menu":"SvgSymbol-module_menu__2iYFt","cross":"SvgSymbol-module_cross__J2lCN","isInFeature":"SvgSymbol-module_isInFeature__cDeTI","isInCard":"SvgSymbol-module_isInCard__pKq4e","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__3Te91","isInPageStatic":"SvgSymbol-module_isInPageStatic__H31Rd","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__2IbAw","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__2xlzW","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__2vY3o","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__1L3TW","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__1Grf9","isInButtonForward":"SvgSymbol-module_isInButtonForward__D1AFL","isInToolbar":"SvgSymbol-module_isInToolbar__3SaIh","play":"SvgSymbol-module_play__pM-qY","meduzaLogo":"SvgSymbol-module_meduzaLogo__2Ouzp","arrow":"SvgSymbol-module_arrow__11naX","oil":"SvgSymbol-module_oil__hvHE5","search":"SvgSymbol-module_search__VK6p3","user":"SvgSymbol-module_user__1MGim","bookmark":"SvgSymbol-module_bookmark__2z7tX","shareBookmark":"SvgSymbol-module_shareBookmark__QEJOS","receipt":"SvgSymbol-module_receipt__3Eqow","isInHeader":"SvgSymbol-module_isInHeader__1QHjL"};
 
 var SvgSymbol = function SvgSymbol(_ref) {
   var icon = _ref.icon,
@@ -374,6 +379,25 @@ var imageConditionalKeys = {
   "default": [650, 520, 325],
   narrow: [600, 325]
 };
+var SocialLabels = {
+  ru: {
+    tg: 'Telegram',
+    fb: 'Фб',
+    vk: 'Вк',
+    ok: 'Ок',
+    tw: 'Твиттер',
+    bookmark: 'В закладки',
+    reaction: 'Напишите нам'
+  },
+  en: {
+    tg: 'Telegram',
+    fb: 'Fb',
+    vk: 'Vk',
+    ok: 'Ok',
+    tw: 'Twitter',
+    bookmark: 'Add to bookmarks'
+  }
+};
 
 var toCamel = function toCamel(s) {
   return s.replace(/([_][a-z])/gi, function (str) {
@@ -2062,14 +2086,14 @@ var AnnouncementInText = function AnnouncementInText(_ref) {
 
   var data = {
     ru: {
-      title: 'Поддержите &laquo;Медузу&raquo;. Сейчас. Это&nbsp;критически важно',
-      text: 'Мы&nbsp;готовимся к&nbsp;худшему. Из-за войны с&nbsp;Украиной власти могут начать блокировать независимые СМИ в&nbsp;любой момент. В&nbsp;то&nbsp;же время международные санкции в&nbsp;отношении Центробанка и&nbsp;других российских кредитных организаций создают серьезные риски для нашего краудфандинга. Поэтому мы&nbsp;просим вас помочь нашей редакции. Прямо сейчас. Что важно знать: мы&nbsp;независимое издание, мы&nbsp;работаем только в&nbsp;интересах наших читателей, мы&nbsp;не&nbsp;планируем закрываться. Несмотря ни&nbsp;на&nbsp;что. Спасибо вам!',
+      title: '&laquo;Медуза&raquo; заблокирована в&nbsp;России. Мы&nbsp;были к&nbsp;этому готовы&nbsp;&mdash; и&nbsp;продолжаем работать. Несмотря&nbsp;ни&nbsp;на&nbsp;что',
+      text: '<p>Нам нужна ваша помощь как никогда. Прямо сейчас. Дальше всем нам будет еще труднее. Мы&nbsp;независимое издание и&nbsp;работаем только в&nbsp;интересах читателей.</p>',
       button: 'Хочу помочь',
       href: 'https://mdza.io/yiNxPZ7Bs-k'
     },
     en: {
-      title: 'Meduza needs your support. We need it now, like never before.',
-      text: 'We are preparing for the worst. Due to the war with Ukraine, the Russian authorities could begin blocking the country’s independent media at any moment. International sanctions against the Central Bank and other Russian credit organizations are creating serious risks for own crowdfunding. That’s why we’re asking you to support our newsroom. Right now. What you should know: We are an independent publication. We work only in the interests of our readers. We have no plans to close, come hell or high water. Thank you, everyone!',
+      title: 'Meduza has been blocked in Russia. We&nbsp;were ready for this and our work continues, no matter what, but we need your support like never before. ',
+      text: '<p>We need it now. Tomorrow could be too late. We are an independent publication, and we work only in the interests of our readers. Many&nbsp;of&nbsp;our&nbsp;readers in Russia can no longer contribute, so we turn to you, our audience around the world.</p>',
       button: 'I want to help',
       href: 'https://support.meduza.io/en'
     }
@@ -2085,7 +2109,7 @@ var AnnouncementInText = function AnnouncementInText(_ref) {
     dangerouslySetInnerHTML: {
       __html: localeData.title
     }
-  }), React__default.createElement("p", {
+  }), React__default.createElement("div", {
     dangerouslySetInnerHTML: {
       __html: localeData.text
     }
@@ -2752,15 +2776,19 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
   }
 };
 
-var styles$E = {"root":"ToolbarButton-module_root__xN-fq","isDark":"ToolbarButton-module_isDark__2q5U7","dark":"ToolbarButton-module_dark__GrIOr","bookmark":"ToolbarButton-module_bookmark__3369b","isActive":"ToolbarButton-module_isActive__3NLAE","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","icon":"ToolbarButton-module_icon__4wCid","text":"ToolbarButton-module_text__32m6s","counter":"ToolbarButton-module_counter__2NOtu"};
 
 var ToolbarButton = function ToolbarButton(_ref) {
   var children = _ref.children,
       type = _ref.type,
       theme = _ref.theme,
       isActive = _ref.isActive,
+      _ref$lang = _ref.lang,
+      lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
+      icon = _ref.icon,
       _onClick = _ref.onClick;
   var classNames = [[styles$E.root, true], [styles$E[type], !!styles$E[type]], [styles$E[theme], !!styles$E[theme] && !!theme], [styles$E.isActive, !!isActive]];
+  var label = SocialLabels[lang][type];
   return React__default.createElement("li", {
     className: toolbarStyles.item
   }, React__default.createElement("button", {
@@ -2770,13 +2798,17 @@ var ToolbarButton = function ToolbarButton(_ref) {
     onClick: function onClick() {
       return _onClick(type);
     }
+  }, icon && React__default.createElement("div", {
+    className: styles$E.icon
   }, React__default.createElement(SvgSymbol, {
     size: "medium",
-    icon: type,
+    icon: icon,
     styleContext: "isInToolbar"
-  }), children && React__default.createElement("span", {
+  })), React__default.createElement("span", {
     className: styles$E.text
-  }, children)));
+  }, label), children && React__default.createElement("span", {
+    className: styles$E.counter
+  }, " ", children)));
 };
 
 exports.AnnouncementInText = AnnouncementInText;