@meduza/ui-kit-2 0.2.21 → 0.2.23

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) {
@@ -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;