@meduza/ui-kit-2 1.1.3 → 1.3.0

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

@@ -30,7 +30,7 @@ const ButtonLoader = () => (/*#__PURE__*/React.createElement("svg", {
   d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
 }))));
 
-var styles$J = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInPodcast":"Button-module_isInPodcast__SNSpl","isInSpoiler":"Button-module_isInSpoiler__pGp-w","isInChronology":"Button-module_isInChronology__T-znS","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
+var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInPodcast":"Button-module_isInPodcast__SNSpl","isInSpoiler":"Button-module_isInSpoiler__pGp-w","isInChronology":"Button-module_isInChronology__T-znS","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
 
 const Button = ({
   theme = 'gold',
@@ -50,12 +50,12 @@ const Button = ({
   };
   return /*#__PURE__*/React.createElement("button", {
     "data-testid": "button",
-    className: makeClassName([[styles$J.root, true], [styles$J[size], !!size], [styles$J[theme], !!theme], [styles$J[appearance], !!appearance], [styles$J[state], !!state && !!styles$J[state]], [styles$J[styleContext], !!styleContext]]),
+    className: makeClassName([[styles$I.root, true], [styles$I[size], !!size], [styles$I[theme], !!theme], [styles$I[appearance], !!appearance], [styles$I[state], !!state && !!styles$I[state]], [styles$I[styleContext], !!styleContext]]),
     disabled: disabled,
     onClick: handleClick,
     type: "button"
   }, state === 'isLoading' ? (/*#__PURE__*/React.createElement("span", {
-    className: styles$J.loader
+    className: styles$I.loader
   }, /*#__PURE__*/React.createElement(ButtonLoader, null))) : children);
 };
 
@@ -192,11 +192,6 @@ const icons = {
                 <path d="M1.45592 9.99949C0.895922 9.99949 0.419922 9.53749 0.419922 8.96348C0.419922 8.62748 0.601922 8.31948 0.853922 8.13748C4.40992 5.54748 5.45992 4.62348 5.45992 3.50348C5.45992 2.69148 4.71792 2.28549 3.93392 2.28549C3.16392 2.28549 2.51992 2.52348 1.95992 2.91548C1.81992 3.01348 1.65192 3.06948 1.46992 3.06948C0.979922 3.06948 0.587922 2.67748 0.587922 2.18748C0.587922 1.89348 0.741922 1.62748 0.951922 1.47348C1.81992 0.815485 2.88392 0.521484 3.90592 0.521484C5.89392 0.521484 7.47592 1.64148 7.47592 3.50348C7.47592 5.09948 6.15992 6.48549 3.65392 8.24949H6.76192C7.23792 8.24949 7.64392 8.64149 7.64392 9.11749C7.64392 9.60748 7.23792 9.99949 6.76192 9.99949H1.45592Z" fill="black"/>
               </g>`
   },
-  podcastBookmark: {
-    width: 25,
-    height: 27,
-    content: '<path d="M12.5 27C19.404 27 25 21.404 25 14.5S19.404 2 12.5 2 0 7.596 0 14.5 5.596 27 12.5 27zm0-1.5c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11z" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75zm-.75 1.499v9.176l-3.3-2.8-.098-.07a.75.75 0 00-.873.07l-3.3 2.799V9.749h7.571z" data-stroke="true" /> <path d="M17.071 8.25H8a.75.75 0 00-.75.75v11.545l.007.104a.75.75 0 001.228.468l4.05-3.437 4.051 3.437a.75.75 0 001.235-.572V9a.75.75 0 00-.75-.75z" data-fill="true" />'
-  },
   reaction: {
     width: 16,
     height: 16,
@@ -242,31 +237,11 @@ const icons = {
     height: 16,
     content: '<path fill="currentColor" fill-rule="nonzero" d="M8 1a4.25 4.25 0 012.676 7.552 6.751 6.751 0 014.074 6.198.75.75 0 11-1.5 0 5.25 5.25 0 00-10.5 0 .75.75 0 11-1.5 0 6.752 6.752 0 014.074-6.199A4.25 4.25 0 018 1zm0 1.5A2.75 2.75 0 108 8a2.75 2.75 0 000-5.5z" />'
   },
-  bookmark: {
-    width: 30,
-    height: 30,
-    content: '<g opacity="1"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 21.8237C24 22.847 24 23.3587 23.7885 23.6299C23.6043 23.8659 23.3242 24.007 23.025 24.0145C22.6811 24.0231 22.27 23.7185 21.4476 23.1094L15.9524 19.0388C15.6105 18.7856 15.4396 18.659 15.2523 18.6101C15.0869 18.567 14.9131 18.567 14.7477 18.6101C14.5604 18.659 14.3895 18.7856 14.0476 19.0388L8.55236 23.1094C7.73003 23.7185 7.31886 24.0231 6.97505 24.0145C6.67581 24.007 6.39566 23.8659 6.21155 23.6299C6 23.3587 6 22.847 6 21.8237V6.6C6 6.03995 6 5.75992 6.10899 5.54601C6.20487 5.35785 6.35785 5.20487 6.54601 5.10899C6.75992 5 7.03995 5 7.6 5H22.4C22.9601 5 23.2401 5 23.454 5.10899C23.6422 5.20487 23.7951 5.35785 23.891 5.54601C24 5.75992 24 6.03995 24 6.6V21.8237Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g>'
-  },
-  shareBookmark: {
-    width: 11,
-    height: 15,
-    content: '<path clip-rule="evenodd" d="M10 14 5.5 9.667 1 14V1h9v13Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>'
-  },
   receipt: {
     width: 10,
     height: 13,
     content: '<g fill="currentColor" fill-rule="nonzero"><path d="M10 0H0v13l2-1.74 1.5 1.305L5 11.26l1.5 1.305L8 11.26 10 13V0zM9 .997v9.81l-1-.87-1.5 1.304L5 9.937 3.5 11.24 2 9.937l-1 .87V.996h8z"/><path d="M7 3v1H3V3zM7 6v1H3V6z"/></g>'
   },
-  read: {
-    width: 15,
-    height: 15,
-    content: '<g fill="none" fill-rule="evenodd"><path opacity=".98" d="M0 0h15v15H0z"/><path d="M13.085 1.694a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" fill-rule="nonzero"/><path d="M6.454 12.997l-.06-.01-.078-.023a.49.49 0 01-.266-.24l.011.015a2.349 2.349 0 00-.535-.607c-.89-.745-2.117-.917-3.813-.12a.5.5 0 01-.706-.37L1 11.558V4.568a.5.5 0 01.287-.453c2.053-.963 3.695-.733 4.88.26.327.272.556.548.698.77l.084.144.018.04.022.076.01.071L7 11.233l.126-.09c.95-.656 2.16-.857 3.608-.417l.266.087v-2.81a.5.5 0 01.41-.491l.09-.008a.5.5 0 01.492.41l.008.09v3.555a.5.5 0 01-.713.452c-1.696-.796-2.922-.624-3.813.12a2.533 2.533 0 00-.497.544l-.038.064a.486.486 0 01-.485.258zm-4.29-8.17L2 4.892v5.92c1.637-.572 2.977-.348 4 .42l.002-5.58a2.605 2.605 0 00-.476-.513c-.81-.677-1.897-.88-3.362-.314z" fill="currentColor" fill-rule="nonzero"/></g>'
-  },
-  listened: {
-    width: 15,
-    height: 15,
-    content: '<g fill-rule="nonzero"><path d="M4.978 4.354a.5.5 0 01-.332.624c-1.197.367-2.064 1.527-2.14 2.897l-.005.167a.749.749 0 01.999.708v3a.75.75 0 01-1.458.248L2 12a1 1 0 01-1-1v-1a1 1 0 01.5-.866V8.072c0-1.886 1.172-3.535 2.854-4.05a.5.5 0 01.624.332zM10 7a.5.5 0 01.492.41l.008.09.001 1.634a1 1 0 01.492.745L11 10v1a1 1 0 01-.883.993L10 12l-.042-.002a.75.75 0 01-1.451-.146L8.5 11.75v-3a.75.75 0 011.001-.707L9.5 7.5l.008-.09A.5.5 0 0110 7z" fill="currentColor" /><path d="M11.585 1.194a.513.513 0 01.855.56l-.051.077-3.163 3.975a.514.514 0 01-.73.075l-.068-.069-1.812-2.208a.512.512 0 01.729-.716l.065.066 1.409 1.718 2.766-3.478z" fill="#6EAC65" /></g>'
-  },
   magic: {
     width: 15,
     height: 15,
@@ -274,7 +249,7 @@ const icons = {
   }
 };
 
-var styles$I = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","read":"SvgSymbol-module_read__Bu653","listened":"SvgSymbol-module_listened__AOn7j","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","speedHalf":"SvgSymbol-module_speedHalf__mvVYC","speedThreeQuarters":"SvgSymbol-module_speedThreeQuarters__9N7uH","speedOne":"SvgSymbol-module_speedOne__sRNph","speedOneQuarter":"SvgSymbol-module_speedOneQuarter__fKIT7","speedOneHalf":"SvgSymbol-module_speedOneHalf__7yXsa","speedTwo":"SvgSymbol-module_speedTwo__Bv8-b","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","bookmark":"SvgSymbol-module_bookmark__JPKyG","shareBookmark":"SvgSymbol-module_shareBookmark__7w9X9","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
+var styles$H = {"root":"SvgSymbol-module_root__WctNR","small":"SvgSymbol-module_small__h9V-w","normal":"SvgSymbol-module_normal__gFAVe","medium":"SvgSymbol-module_medium__QaYjY","large":"SvgSymbol-module_large__o6A4o","adaptive":"SvgSymbol-module_adaptive__gL9qn","fb":"SvgSymbol-module_fb__HZqcB","vk":"SvgSymbol-module_vk__XctB2","ok":"SvgSymbol-module_ok__IM6Z9","tw":"SvgSymbol-module_tw__fio-Q","tg":"SvgSymbol-module_tg__GRhd-","magic":"SvgSymbol-module_magic__N-jKk","reaction":"SvgSymbol-module_reaction__xSbgo","card":"SvgSymbol-module_card__2nVFu","podcast":"SvgSymbol-module_podcast__Yp05r","menu":"SvgSymbol-module_menu__z-dLm","cross":"SvgSymbol-module_cross__3Xej1","isInFeature":"SvgSymbol-module_isInFeature__BmyI-","isInCard":"SvgSymbol-module_isInCard__USxBS","isInTopicBlockItem":"SvgSymbol-module_isInTopicBlockItem__cnCgw","isInPageStatic":"SvgSymbol-module_isInPageStatic__7kMP-","isInMaterialMeta":"SvgSymbol-module_isInMaterialMeta__lIKJO","isInAudioPlayer":"SvgSymbol-module_isInAudioPlayer__mamWa","isInEpisodeBlock":"SvgSymbol-module_isInEpisodeBlock__oZ6JG","isInButtonPlaybackRate":"SvgSymbol-module_isInButtonPlaybackRate__NnADm","isInButtonBackward":"SvgSymbol-module_isInButtonBackward__x8L9a","isInButtonForward":"SvgSymbol-module_isInButtonForward__TtixK","isInToolbar":"SvgSymbol-module_isInToolbar__RzbaX","play":"SvgSymbol-module_play__dAES0","speedHalf":"SvgSymbol-module_speedHalf__mvVYC","speedThreeQuarters":"SvgSymbol-module_speedThreeQuarters__9N7uH","speedOne":"SvgSymbol-module_speedOne__sRNph","speedOneQuarter":"SvgSymbol-module_speedOneQuarter__fKIT7","speedOneHalf":"SvgSymbol-module_speedOneHalf__7yXsa","speedTwo":"SvgSymbol-module_speedTwo__Bv8-b","meduzaLogo":"SvgSymbol-module_meduzaLogo__aVKzZ","arrow":"SvgSymbol-module_arrow__lWTSJ","oil":"SvgSymbol-module_oil__VFGTp","search":"SvgSymbol-module_search__h06cc","user":"SvgSymbol-module_user__ORMm-","receipt":"SvgSymbol-module_receipt__o3V8u","isInHeader":"SvgSymbol-module_isInHeader__M5Tzw"};
 
 const SvgSymbol = ({
   icon,
@@ -286,7 +261,7 @@ const SvgSymbol = ({
     "data-testid": "svg-symbol",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    className: makeClassName([[styles$I.root, true], [styles$I[size], !!styles$I[size]], [styles$I[icon], !!styles$I[icon]], [styles$I[styleContext], !!styles$I[styleContext]]]),
+    className: makeClassName([[styles$H.root, true], [styles$H[size], !!styles$H[size]], [styles$H[icon], !!styles$H[icon]], [styles$H[styleContext], !!styles$H[styleContext]]]),
     width: data.width,
     height: data.height,
     viewBox: `0 0 ${data.width} ${data.height}`,
@@ -296,7 +271,7 @@ const SvgSymbol = ({
   });
 };
 
-var styles$H = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT","children":"Switcher-module_children__uLapU"};
+var styles$G = {"root":"Switcher-module_root__cBsJB","dark":"Switcher-module_dark__1QQsH","control":"Switcher-module_control__60WMX","input":"Switcher-module_input__5UDnv","knob":"Switcher-module_knob__PwA1A","isInMenu":"Switcher-module_isInMenu__RQVhp","isInLive":"Switcher-module_isInLive__ZyMCT","children":"Switcher-module_children__uLapU"};
 
 const Switcher = ({
   enabled,
@@ -307,20 +282,20 @@ const Switcher = ({
   childrenRight
 }) => (/*#__PURE__*/React.createElement("label", {
   "data-testid": "switcher",
-  className: makeClassName([[styles$H.root, true], [styles$H[theme], !!styles$H[theme]], [styles$H[styleContext], !!styles$H[styleContext]]])
+  className: makeClassName([[styles$G.root, true], [styles$G[theme], !!styles$G[theme]], [styles$G[styleContext], !!styles$G[styleContext]]])
 }, childrenLeft && (/*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$H.children, true], [styles$H.left, true]])
+  className: makeClassName([[styles$G.children, true], [styles$G.left, true]])
 }, childrenLeft)), /*#__PURE__*/React.createElement("input", {
-  className: styles$H.input,
+  className: styles$G.input,
   type: "checkbox",
   checked: enabled,
   onChange: onChange
 }), /*#__PURE__*/React.createElement("span", {
-  className: styles$H.control
+  className: styles$G.control
 }, /*#__PURE__*/React.createElement("span", {
-  className: styles$H.knob
+  className: styles$G.knob
 })), childrenRight && (/*#__PURE__*/React.createElement("div", {
-  className: makeClassName([[styles$H.children, true], [styles$H.right, true]])
+  className: makeClassName([[styles$G.children, true], [styles$G.right, true]])
 }, childrenRight))));
 
 const makeStyleContext = (classNames, styleContext, styles) => {
@@ -346,7 +321,7 @@ const postMessage = (category, element, action) => {
   }
 };
 
-var styles$G = {"root":"Lazy-module_root__DWw8D"};
+var styles$F = {"root":"Lazy-module_root__DWw8D"};
 
 const Lazy = ({
   children,
@@ -367,7 +342,7 @@ const Lazy = ({
     }
   }, [inView]);
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$G.root, true], [styles$G.visible, visible]]),
+    className: makeClassName([[styles$F.root, true], [styles$F.visible, visible]]),
     ref: ref,
     "data-testid": "lazy"
   }, visible && children);
@@ -402,7 +377,6 @@ const SocialLabels = {
     tw: 'Твиттер',
     pdf: 'PDF',
     unblock: 'Magic link',
-    bookmark: 'В закладки',
     reaction: 'Напишите нам'
   },
   en: {
@@ -410,8 +384,7 @@ const SocialLabels = {
     fb: 'Fb',
     tw: 'Twitter',
     pdf: 'PDF',
-    unblock: 'Magic link',
-    bookmark: 'Add to bookmarks'
+    unblock: 'Magic link'
   }
 };
 
@@ -460,7 +433,7 @@ const RenderPicture = ({
   }));
 };
 
-var styles$F = {"root":"Image-module_root__H5wAh","fullRatio":"Image-module_fullRatio__q7QPa","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
+var styles$E = {"root":"Image-module_root__H5wAh","fullRatio":"Image-module_fullRatio__q7QPa","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
 
 const Image = ({
   alt,
@@ -494,9 +467,9 @@ const Image = ({
   };
   /* fallback w325 url until w6 was released */
   const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
-  let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, isFullscreenEnabled], [styles$F.fullRatio, ratio === null]];
+  let classNames = [[styles$E.root, true], [styles$E.isLoaded, isLoaded], [styles$E.fullscreen, isFullscreenEnabled], [styles$E.fullRatio, ratio === null]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$F);
+    classNames = makeStyleContext(classNames, styleContext, styles$E);
   }
   const wrapperProps = isFullscreenEnabled ? {
     onClick: handleClick,
@@ -509,7 +482,7 @@ const Image = ({
     style: blockStyles,
     "data-testid": "image"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$F.wrapper,
+    className: styles$E.wrapper,
     style: pictureStyles,
     ...wrapperProps
   }, lazy ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Lazy, {
@@ -534,7 +507,7 @@ const Image = ({
   }))));
 };
 
-var styles$E = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
+var styles$D = {"root":"Popover-module_root__nBiV4","fadeOut":"Popover-module_fadeOut__Y88V7","visible":"Popover-module_visible__XVQLW","fadeIn":"Popover-module_fadeIn__FK1gd","overlay":"Popover-module_overlay__NAPar","container":"Popover-module_container__y4SB1","disappear":"Popover-module_disappear__uUn2b","dismiss":"Popover-module_dismiss__W8KFF","background":"Popover-module_background__apiio","appear":"Popover-module_appear__b-CZ2","body":"Popover-module_body__UJEZf"};
 
 const Popover = ({
   children,
@@ -566,20 +539,20 @@ const Popover = ({
   /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "popover",
-    className: makeClassName([[styles$E.root, true], [styles$E.visible, visible]])
+    className: makeClassName([[styles$D.root, true], [styles$D.visible, visible]])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$E.overlay,
+    className: styles$D.overlay,
     onClick: () => handleClose()
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles$E.container
+    className: styles$D.container
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: styles$E.dismiss,
+    className: styles$D.dismiss,
     onClick: () => handleClose(),
     "aria-label": "dismiss"
   }), /*#__PURE__*/React.createElement("svg", {
     width: "100%",
-    className: styles$E.background
+    className: styles$D.background
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("mask", {
     id: "myMask",
     x: "0",
@@ -608,11 +581,11 @@ const Popover = ({
     width: "100%",
     height: "100%"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$E.body
+    className: styles$D.body
   }, children)));
 };
 
-var styles$D = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
+var styles$C = {"root":"Footnote-module_root__W5D8G","body":"Footnote-module_body__C-ZC-","dismiss":"Footnote-module_dismiss__Q2hAX"};
 
 const Footnote = ({
   children,
@@ -620,16 +593,16 @@ const Footnote = ({
 }) => {
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "footnote",
-    className: makeClassName([[styles$D.root, true]])
+    className: makeClassName([[styles$C.root, true]])
   }, /*#__PURE__*/React.createElement("button", {
-    className: styles$D.dismiss,
+    className: styles$C.dismiss,
     type: "button",
     onClick: () => onClose()
   }, /*#__PURE__*/React.createElement(SvgSymbol, {
     icon: "cross",
     size: "unset"
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$D.body
+    className: styles$C.body
   }, children));
 };
 
@@ -638,7 +611,7 @@ var viewportSize = () => ({
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
 });
 
-var styles$C = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
+var styles$B = {"root":"DotsOnImage-module_root__8UQf2","isVisible":"DotsOnImage-module_isVisible__rA5x9","marker":"DotsOnImage-module_marker__pLdQT","show":"DotsOnImage-module_show__Ec0lG","dot":"DotsOnImage-module_dot__e2MWx","isActive":"DotsOnImage-module_isActive__Bhb58","popover":"DotsOnImage-module_popover__zHSbU","isRight":"DotsOnImage-module_isRight__IaUbc","isTop":"DotsOnImage-module_isTop__RMK49","isLeft":"DotsOnImage-module_isLeft__Q6JZ-","isBottom":"DotsOnImage-module_isBottom__c-aLe"};
 
 const DotsOnImage = ({
   block: {
@@ -720,7 +693,7 @@ const DotsOnImage = ({
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$C.root, true], [styles$C.isVisible, visible]]),
+    className: makeClassName([[styles$B.root, true], [styles$B.isVisible, visible]]),
     "data-testid": "dots-on-image",
     ref: ref
   }, /*#__PURE__*/React.createElement(Image, {
@@ -733,7 +706,7 @@ const DotsOnImage = ({
   }), /*#__PURE__*/React.createElement("div", {
     ref: container
   }, dots.map(dot => (/*#__PURE__*/React.createElement("div", {
-    className: styles$C.dot,
+    className: styles$B.dot,
     key: dot.id,
     style: {
       top: `${dot.position.y}%`,
@@ -741,7 +714,7 @@ const DotsOnImage = ({
       transform: `scale(${ratio}) translate(-${50 / ratio}%, -${50 / ratio}%)`
     }
   }, /*#__PURE__*/React.createElement("button", {
-    className: makeClassName([[styles$C.marker, true], [styles$C.isActive, dot.id === popover.id]]),
+    className: makeClassName([[styles$B.marker, true], [styles$B.isActive, dot.id === popover.id]]),
     type: "button",
     style: {
       backgroundColor: dot.icon.color
@@ -752,7 +725,7 @@ const DotsOnImage = ({
       __html: dot.icon.svg_string
     }
   })), dot.icon.type === 'number' && dot.icon.number)))), popover.show && (/*#__PURE__*/React.createElement(React.Fragment, null, viewportSize().width >= MediaQuerySizes.LANDSCAPE_TABLET ? (/*#__PURE__*/React.createElement("div", {
-    className: makeClassName([[styles$C.popover, true], [styles$C[popover.side], !!popover.side], [styles$C[popover.align], !!popover.align]]),
+    className: makeClassName([[styles$B.popover, true], [styles$B[popover.side], !!popover.side], [styles$B[popover.align], !!popover.align]]),
     style: popover.style
   }, /*#__PURE__*/React.createElement(Footnote, {
     onClose: () => {
@@ -777,7 +750,7 @@ const DotsOnImage = ({
   })))))));
 };
 
-var styles$B = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","isInPodcastPlayer":"Tag-module_isInPodcastPlayer__H4sK9","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
+var styles$A = {"root":"Tag-module_root__sGbnM","small":"Tag-module_small__hcPrf","large":"Tag-module_large__EKMu6","dark":"Tag-module_dark__9SHCb","light":"Tag-module_light__qlfy3","gold":"Tag-module_gold__u0bzS","gray":"Tag-module_gray__eazPk","inherit":"Tag-module_inherit__z21c-","is1to1":"Tag-module_is1to1__V-fH5","is1to2":"Tag-module_is1to2__b9Obh","isInSuperBlock":"Tag-module_isInSuperBlock__wrFUY","is1to3":"Tag-module_is1to3__vZT-R","is1to4":"Tag-module_is1to4__MBh5V","slide":"Tag-module_slide__gzptP","game":"Tag-module_game__NmKec","podcastMaterial":"Tag-module_podcastMaterial__O-LBI","richRelated":"Tag-module_richRelated__Qs6Ei","isInBookRelated":"Tag-module_isInBookRelated__ikTaj","isInBlockMetaContainer":"Tag-module_isInBlockMetaContainer__bAmLh","card":"Tag-module_card__TX87-","live":"Tag-module_live__ykyR7","episode":"Tag-module_episode__3OHmN","podcast":"Tag-module_podcast__K6dHn","rich":"Tag-module_rich__vPnWd","isInDynamicBlock":"Tag-module_isInDynamicBlock__WNleF","isInPodcastPlayer":"Tag-module_isInPodcastPlayer__H4sK9","mobile":"Tag-module_mobile__19oMH","desktop":"Tag-module_desktop__cNyQs"};
 
 const Tag = ({
   children,
@@ -787,9 +760,9 @@ const Tag = ({
   correlation,
   onlyOn
 }) => {
-  let classNames = [[styles$B.root, true], [styles$B[size], !!size && !!styles$B[size]], [styles$B[theme], !!theme && !!styles$B[theme]], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]], [styles$B[correlation], !!correlation && !!styles$B[correlation]]];
+  let classNames = [[styles$A.root, true], [styles$A[size], !!size && !!styles$A[size]], [styles$A[theme], !!theme && !!styles$A[theme]], [styles$A[onlyOn], !!onlyOn && !!styles$A[onlyOn]], [styles$A[correlation], !!correlation && !!styles$A[correlation]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$B);
+    classNames = makeStyleContext(classNames, styleContext, styles$A);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "tag",
@@ -797,34 +770,34 @@ const Tag = ({
   }, children);
 };
 
-var styles$A = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
+var styles$z = {"root":"MediaCaption-module_root__1r0wu","caption":"MediaCaption-module_caption__ewfcc","credit":"MediaCaption-module_credit__7y4v8","dark":"MediaCaption-module_dark__7a9Cm","video":"MediaCaption-module_video__RDTUa","picture":"MediaCaption-module_picture__abCvw","desktop":"MediaCaption-module_desktop__e0lCY","isDark":"MediaCaption-module_isDark__IFb9X"};
 
 const MediaCaption = ({
   credit,
   caption,
   styleContext
 }) => {
-  let classNames = [[styles$A.root, true]];
+  let classNames = [[styles$z.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$A);
+    classNames = makeStyleContext(classNames, styleContext, styles$z);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "media-caption",
     className: makeClassName(classNames)
   }, caption && (/*#__PURE__*/React.createElement("div", {
-    className: styles$A.caption,
+    className: styles$z.caption,
     dangerouslySetInnerHTML: {
       __html: caption
     }
   })), credit && (/*#__PURE__*/React.createElement("div", {
-    className: styles$A.credit,
+    className: styles$z.credit,
     dangerouslySetInnerHTML: {
       __html: credit
     }
   })));
 };
 
-var styles$z = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
+var styles$y = {"root":"Table-module_root__fRuZq","card":"Table-module_card__8r-EA","table":"Table-module_table__7Pagp","slide":"Table-module_slide__dgMPV","wrapper":"Table-module_wrapper__AP4Pz","tracks":"Table-module_tracks__mRNG0","default":"Table-module_default__nwBEg","full":"Table-module_full__YZPDz","row":"Table-module_row__9OHT3","cell":"Table-module_cell__yFdqc","fixedColumn":"Table-module_fixedColumn__O2528","white":"Table-module_white__Laj3-","gray":"Table-module_gray__FPFh0","pink":"Table-module_pink__CGkAA","blue":"Table-module_blue__b8BHs","yellow":"Table-module_yellow__YOJgu","orange":"Table-module_orange__B-i8L","green":"Table-module_green__Bt6iC","violet":"Table-module_violet__yTZd7","header":"Table-module_header__YPDzO","s":"Table-module_s__I-CeX","m":"Table-module_m__vxhDf","l":"Table-module_l__GYHhk","xs":"Table-module_xs__imR8t"};
 
 const Table = ({
   styleContext,
@@ -846,26 +819,26 @@ const Table = ({
     '#e7f2ef': 'green',
     '#f4f0f8': 'violet'
   };
-  let classNames = [[styles$z.root, true], [styles$z[display], !!display && !!styles$z[display]]];
+  let classNames = [[styles$y.root, true], [styles$y[display], !!display && !!styles$y[display]]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$z);
+    classNames = makeStyleContext(classNames, styleContext, styles$y);
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "table",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$z.wrapper
+    className: styles$y.wrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$z.table
+    className: styles$y.table
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$z.tracks
+    className: styles$y.tracks
   }, rows.map((row, i) => {
     return /*#__PURE__*/React.createElement("div", {
       key: row.key,
-      className: styles$z.row
+      className: styles$y.row
     }, row.cells.map((cell, j) => (/*#__PURE__*/React.createElement("div", {
       key: cell.key,
-      className: makeClassName([[styles$z.cell, true], [styles$z.header, options.header && i === 0], [styles$z[colors[cell.color]], true], [styles$z[columnsWidth[j]], true], [styles$z.fixedColumn, options.fixed_first_column && j === 0]]),
+      className: makeClassName([[styles$y.cell, true], [styles$y.header, options.header && i === 0], [styles$y[colors[cell.color]], true], [styles$y[columnsWidth[j]], true], [styles$y.fixedColumn, options.fixed_first_column && j === 0]]),
       dangerouslySetInnerHTML: {
         __html: cell.val
       }
@@ -876,7 +849,7 @@ const Table = ({
   })));
 };
 
-var styles$y = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
+var styles$x = {"root":"MaterialNote-module_root__99HSA","dark":"MaterialNote-module_dark__etjym","note_credit":"MaterialNote-module_note_credit__J1skG","note_caption":"MaterialNote-module_note_caption__G2Ad0","center":"MaterialNote-module_center__mDLEO","default":"MaterialNote-module_default__ozgd7","card":"MaterialNote-module_card__EVuZe","slide":"MaterialNote-module_slide__mg8XV","game":"MaterialNote-module_game__c-r0n","gameSurvey":"MaterialNote-module_gameSurvey__azhu6"};
 
 const MaterialNote = ({
   block: {
@@ -884,15 +857,15 @@ const MaterialNote = ({
   },
   styleContext
 }) => {
-  let classNames = [[styles$y.root, true]];
+  let classNames = [[styles$x.root, true]];
   if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$y);
+    classNames = makeStyleContext(classNames, styleContext, styles$x);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "material-note",
     className: makeClassName(classNames)
   }, data && data.map(item => (/*#__PURE__*/React.createElement("p", {
-    className: styles$y[item.type],
+    className: styles$x[item.type],
     key: item.id,
     dangerouslySetInnerHTML: {
       __html: item.data
@@ -900,31 +873,6 @@ const MaterialNote = ({
   })))));
 };
 
-var styles$x = {"root":"BookmarkButton-module_root__A-75w","control":"BookmarkButton-module_control__-xy5O","dark":"BookmarkButton-module_dark__GkMEC","light":"BookmarkButton-module_light__1W6tx","isInBookmarks":"BookmarkButton-module_isInBookmarks__YSjjj","isInGrid":"BookmarkButton-module_isInGrid__Desh-"};
-
-const BookmarkButton = ({
-  styleContext,
-  theme,
-  isInBookmarks,
-  onClick
-}) => {
-  let classNames = [[styles$x.root, true], [styles$x.isInBookmarks, isInBookmarks], [styles$x[theme], !!theme && !!styles$x[theme]]];
-  if (styleContext) {
-    classNames = makeStyleContext(classNames, styleContext, styles$x);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "bookmark-button",
-    className: makeClassName(classNames)
-  }, /*#__PURE__*/React.createElement("button", {
-    className: styles$x.control,
-    onClick: () => onClick(),
-    type: "button"
-  }, /*#__PURE__*/React.createElement(SvgSymbol, {
-    icon: "bookmark",
-    size: "unset"
-  })));
-};
-
 var styles$w = {"root":"MaterialTitle-module_root__VSphO","primary":"MaterialTitle-module_primary__XGnpb","secondary":"MaterialTitle-module_secondary__7IDEp"};
 
 const Primary = ({
@@ -1001,7 +949,7 @@ const Toolbar = ({
   }, children));
 };
 
-var styles$t = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","bookmark":"Meta-module_bookmark__jcFWn","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
+var styles$t = {"root":"Meta-module_root__H-Q4d","rich":"Meta-module_rich__dCkJK","podcast":"Meta-module_podcast__MI8gD","episode":"Meta-module_episode__0n9CF","simple":"Meta-module_simple__tztcr","slide":"Meta-module_slide__3OyIN","card":"Meta-module_card__2vqfN","game":"Meta-module_game__HNcgr","isInMaterial":"Meta-module_isInMaterial__vKcTK","isInSearchItem":"Meta-module_isInSearchItem__ENqHo","isInMediaBlock":"Meta-module_isInMediaBlock__TENZG","center":"Meta-module_center__seHro","half":"Meta-module_half__aoa9h","podcastMaterial":"Meta-module_podcastMaterial__GTPyD","light":"Meta-module_light__oW3kc","dark":"Meta-module_dark__tLQNJ","isDark":"Meta-module_isDark__xSl1J","hasSource":"Meta-module_hasSource__OZJ0y","isInBookRelated":"Meta-module_isInBookRelated__Ohidg","mobile":"Meta-module_mobile__PbG8N","desktop":"Meta-module_desktop__W5AB7"};
 
 const Meta = ({
   hasSource,
@@ -1494,7 +1442,7 @@ const SimpleTitle = ({
   }, first);
 };
 
-var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","large":"RichTitle-module_large__n2URP","medium":"RichTitle-module_medium__KkBLJ","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
+var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInFeaturedBlock":"RichTitle-module_isInFeaturedBlock__3vYu9","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","large":"RichTitle-module_large__n2URP","medium":"RichTitle-module_medium__KkBLJ","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
 
 const RichTitle = ({
   block: {
@@ -1773,25 +1721,27 @@ const GroupedBlock = ({
   }))));
 };
 
-var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","listened":"MetaItem-module_listened__XZWFQ","read":"MetaItem-module_read__O3cUz","datetime":"MetaItem-module_datetime__--O8c"};
+var styles$f = {"root":"MetaItem-module_root__sRbrZ","hasBullets":"MetaItem-module_hasBullets__b1eW9","hasSource":"MetaItem-module_hasSource__35olm","datetime":"MetaItem-module_datetime__--O8c","tag":"MetaItem-module_tag__3HzOp"};
 
 const MetaItem = ({
   hasSource,
   type,
   children,
-  bullets
+  bullets,
+  variant
 }) => {
-  const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets]];
+  const classNames = [[styles$f.root, true], [styles$f[type], !!type && !!styles$f[type]], [styles$f.hasSource, !!hasSource], [styles$f.hasBullets, !!bullets], [styles$f[variant], !!variant && !!styles$f[variant]]];
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "meta-item",
     className: makeClassName(classNames)
   }, children);
 };
 
-var styles$e = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","frame":"MetaItemLive-module_frame__FHByQ","liveMiddle":"MetaItemLive-module_liveMiddle__SX4Gs","liveFirstWave":"MetaItemLive-module_liveFirstWave__QqstP","liveSecondWave":"MetaItemLive-module_liveSecondWave__hlbpt"};
+var styles$e = {"root":"MetaItemLive-module_root__XfQiW","gold":"MetaItemLive-module_gold__f1UOy","icon":"MetaItemLive-module_icon__JIMLl","pulse":"MetaItemLive-module_pulse__zzrle","text":"MetaItemLive-module_text__wgLcT"};
 
 const MetaItemLive = ({
-  theme = 'gold'
+  theme = 'gold',
+  children
 }) => {
   const classNames = [[styles$e.root, true], [styles$e[theme], !!theme && styles$e[theme]]];
   return /*#__PURE__*/React.createElement("div", {
@@ -1799,8 +1749,10 @@ const MetaItemLive = ({
     "data-meta": "live",
     className: makeClassName(classNames)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$e.frame
-  }));
+    className: styles$e.icon
+  }), children && /*#__PURE__*/React.createElement("span", {
+    className: styles$e.text
+  }, children));
 };
 
 const pluralize = (number, one, two, five) => {
@@ -1865,10 +1817,6 @@ const DocumentItemsCount = ({
 const MetaContainer = ({
   lang,
   block,
-  isRead,
-  isListened,
-  bookmarkAction,
-  isInBookmarks,
   block: {
     data: {
       components,
@@ -1879,7 +1827,6 @@ const MetaContainer = ({
 }) => {
   const themeColor = styleContext && styleContext.indexOf('dark') !== -1 ? 'light' : 'unset';
   const isPodcast = styleContext && styleContext.indexOf('podcast') !== -1;
-  const isSlides = styleContext && styleContext.indexOf('slide') !== -1;
   let context = [];
   if (styleContext && Array.isArray(styleContext)) {
     context = styleContext.filter(item => {
@@ -1912,10 +1859,7 @@ const MetaContainer = ({
             hasSource: hasSource,
             bullets: true,
             key: component.id
-          }, /*#__PURE__*/React.createElement(React.Fragment, null, styleContext !== 'isInDynamicBlock' && (/*#__PURE__*/React.createElement(SvgSymbol, {
-            icon: "podcast",
-            size: "small"
-          })), component.text));
+          }, component.text);
         }
       case 'datetime':
         {
@@ -1941,10 +1885,7 @@ const MetaContainer = ({
             items: component.count,
             type: isPodcast ? 'podcast' : 'card',
             lang: lang
-          }, /*#__PURE__*/React.createElement(SvgSymbol, {
-            icon: "card",
-            size: "unset"
-          })));
+          }));
         }
       case 'broadcast_active':
         {
@@ -1952,7 +1893,7 @@ const MetaContainer = ({
             hasSource: hasSource,
             bullets: true,
             key: component.id
-          }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MetaItemLive, null), " \u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
+          }, /*#__PURE__*/React.createElement(MetaItemLive, null, "\u041F\u0440\u044F\u043C\u043E\u0439 \u044D\u0444\u0438\u0440"));
         }
       case 'broadcast':
         {
@@ -1960,7 +1901,7 @@ const MetaContainer = ({
             hasSource: hasSource,
             bullets: true,
             key: component.id
-          }, /*#__PURE__*/React.createElement(React.Fragment, null, component.with_icon && /*#__PURE__*/React.createElement(MetaItemLive, null), component.label));
+          }, component.with_icon && /*#__PURE__*/React.createElement(MetaItemLive, null), component.label);
         }
       case 'string':
         {
@@ -1975,19 +1916,7 @@ const MetaContainer = ({
           return null;
         }
     }
-  }), (isRead || isListened) && (/*#__PURE__*/React.createElement(MetaItem, {
-    hasSource: hasSource,
-    bullets: true,
-    type: isListened ? 'listened' : 'read'
-  }, /*#__PURE__*/React.createElement(SvgSymbol, {
-    icon: isListened ? 'listened' : 'read',
-    size: "unset"
-  }))), isSlides && lang === 'ru' && (/*#__PURE__*/React.createElement("div", {
-    className: styles$t.bookmark
-  }, /*#__PURE__*/React.createElement(BookmarkButton, {
-    isInBookmarks: isInBookmarks,
-    onClick: () => bookmarkAction('bookmark', 'top')
-  }))));
+  }));
 };
 
 var styles$c = {"root":"DonatesTeaser-module_root__XQCVy","main":"DonatesTeaser-module_main__eN9kd","title":"DonatesTeaser-module_title__9umo1","text":"DonatesTeaser-module_text__s6tyf","cta":"DonatesTeaser-module_cta__-50aB","center":"DonatesTeaser-module_center__gxLvW","isInCard":"DonatesTeaser-module_isInCard__vaUhd","isInSlide":"DonatesTeaser-module_isInSlide__Dh4NH","ru":"DonatesTeaser-module_ru__y-PlJ","en":"DonatesTeaser-module_en__0Iisr"};
@@ -2119,10 +2048,6 @@ const RenderBlocks = ({
   block,
   styleContext,
   lang,
-  isRead,
-  isListened,
-  bookmarkAction,
-  isInBookmarks,
   platform
 }) => {
   switch (block.type) {
@@ -2154,11 +2079,7 @@ const RenderBlocks = ({
         return /*#__PURE__*/React.createElement(MetaContainer, {
           block: block,
           lang: block.data.lang,
-          styleContext: styleContext,
-          isRead: isRead,
-          isListened: isListened,
-          isInBookmarks: isInBookmarks,
-          bookmarkAction: bookmarkAction
+          styleContext: styleContext
         });
       }
     case 'blockquote':
@@ -2693,10 +2614,6 @@ const RelatedBook = ({
 const RawHtmlBlock = ({
   block,
   styleContext,
-  isRead,
-  isListened,
-  isInBookmarks,
-  bookmarkAction,
   lightBox,
   lang,
   platform
@@ -2763,10 +2680,6 @@ const RawHtmlBlock = ({
         }, /*#__PURE__*/React.createElement(RenderBlocks, {
           block: block,
           styleContext: styleContext,
-          isRead: isRead,
-          isListened: isListened,
-          isInBookmarks: isInBookmarks,
-          bookmarkAction: bookmarkAction,
           lang: lang,
           platform: platform
         }));
@@ -2797,7 +2710,7 @@ const ListViewSwitcher = ({
   className: styles$2.list
 })));
 
-var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","bookmark":"ToolbarButton-module_bookmark__7SWkm","isActive":"ToolbarButton-module_isActive__N4kkV","icon":"ToolbarButton-module_icon__Ldcgq","text":"ToolbarButton-module_text__4R2a0"};
+var styles$1 = {"root":"ToolbarButton-module_root__upsEH","isDark":"ToolbarButton-module_isDark__gWpv-","dark":"ToolbarButton-module_dark__5XOEp","icon":"ToolbarButton-module_icon__Ldcgq","text":"ToolbarButton-module_text__4R2a0","isActive":"ToolbarButton-module_isActive__N4kkV"};
 
 const ToolbarButton = ({
   type,
@@ -2805,7 +2718,6 @@ const ToolbarButton = ({
   isActive,
   lang = 'ru',
   text,
-  icon,
   onClick
 }) => {
   const classNames = [[styles$1.root, true], [styles$1[type], !!styles$1[type]], [styles$1[theme], !!styles$1[theme] && !!theme], [styles$1.isActive, !!isActive]];
@@ -2815,13 +2727,7 @@ const ToolbarButton = ({
     className: makeClassName(classNames),
     type: "button",
     onClick: event => onClick(event, type)
-  }, icon && (/*#__PURE__*/React.createElement("div", {
-    className: styles$1.icon
-  }, /*#__PURE__*/React.createElement(SvgSymbol, {
-    size: "medium",
-    icon: icon,
-    styleContext: "isInToolbar"
-  }))), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: styles$1.text
   }, text || label));
 };
@@ -2851,5 +2757,5 @@ const TooltipFooter = ({
   }, children);
 };
 
-export { AnnouncementInText, BookmarkButton, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, ListViewSwitcher, 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, ToolbarItem, Tooltip, TooltipFooter };
+export { AnnouncementInText, Button, ButtonLoader, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, ListViewSwitcher, 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, ToolbarItem, Tooltip, TooltipFooter };
 //# sourceMappingURL=ui-kit-2.esm.js.map