@meduza/ui-kit-2 0.2.4 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2038,6 +2038,55 @@ var DonatesTeaser = function DonatesTeaser(_ref) {
2038
2038
  }, data[lang].button))));
2039
2039
  };
2040
2040
 
2041
+ 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"};
2042
+
2043
+ var AnnouncementInText = function AnnouncementInText(_ref) {
2044
+ var styleContext = _ref.styleContext,
2045
+ _ref$lang = _ref.lang,
2046
+ lang = _ref$lang === void 0 ? 'ru' : _ref$lang;
2047
+ var classNames = [[styles$x.root, true], [styles$x[lang], styles$x[lang]]];
2048
+
2049
+ if (styleContext) {
2050
+ classNames = makeStyleContext(classNames, styleContext, styles$x);
2051
+ }
2052
+
2053
+ var data = {
2054
+ ru: {
2055
+ title: 'Подарите себе «Медузу»',
2056
+ text: 'В 2021 году «Медуза» смогла выжить — благодаря читателям. Но нам по-прежнему нужна поддержка. Один раз или регулярно, маленькая сумма или большая — любая помощь критически важна. В 2022-м наша редакция может рассчитывать только на вас. А вы знаете, что делать.',
2057
+ button: 'О да, я знаю!',
2058
+ href: 'https://mdza.io/FNtRa28cc1o'
2059
+ },
2060
+ en: {
2061
+ title: 'This holiday season, make Meduza your gift to yourself',
2062
+ 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.',
2063
+ button: 'Let’s do this!',
2064
+ href: 'https://mdza.io/c-m1LRBgwEA'
2065
+ }
2066
+ };
2067
+ var localeData = data[lang];
2068
+ return React.createElement("div", {
2069
+ "data-testid": "announcement-in-text",
2070
+ className: makeClassName(classNames)
2071
+ }, React.createElement("div", {
2072
+ className: styles$x.body
2073
+ }, React.createElement("h3", {
2074
+ className: styles$x.title,
2075
+ dangerouslySetInnerHTML: {
2076
+ __html: localeData.title
2077
+ }
2078
+ }), React.createElement("p", {
2079
+ dangerouslySetInnerHTML: {
2080
+ __html: localeData.text
2081
+ }
2082
+ })), React.createElement("div", {
2083
+ className: styles$x.footer
2084
+ }, React.createElement("a", {
2085
+ className: styles$x.button,
2086
+ href: localeData.href
2087
+ }, localeData.button)));
2088
+ };
2089
+
2041
2090
  var RenderBlocks = function RenderBlocks(_ref) {
2042
2091
  var block = _ref.block,
2043
2092
  styleContext = _ref.styleContext,
@@ -2190,6 +2239,12 @@ var RenderBlocks = function RenderBlocks(_ref) {
2190
2239
  styleContext: styleContext
2191
2240
  });
2192
2241
 
2242
+ case 'announcement_in_text':
2243
+ return React.createElement(AnnouncementInText, {
2244
+ styleContext: styleContext,
2245
+ lang: lang
2246
+ });
2247
+
2193
2248
  default:
2194
2249
  {
2195
2250
  return null;
@@ -2197,7 +2252,7 @@ var RenderBlocks = function RenderBlocks(_ref) {
2197
2252
  }
2198
2253
  };
2199
2254
 
2200
- 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"};
2255
+ 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"};
2201
2256
 
2202
2257
  var Cover = function Cover(_ref) {
2203
2258
  var _ref$block = _ref.block,
@@ -2218,15 +2273,15 @@ var Cover = function Cover(_ref) {
2218
2273
  setIsPopoverShown = _useState[1];
2219
2274
 
2220
2275
  var style = {};
2221
- var classNames = [[styles$x.root, true], [styles$x[onlyOn], !!onlyOn && !!styles$x[onlyOn]]];
2276
+ var classNames = [[styles$y.root, true], [styles$y[onlyOn], !!onlyOn && !!styles$y[onlyOn]]];
2222
2277
 
2223
2278
  if (styleContext) {
2224
- classNames = makeStyleContext(classNames, styleContext, styles$x);
2279
+ classNames = makeStyleContext(classNames, styleContext, styles$y);
2225
2280
  }
2226
2281
 
2227
2282
  if (gradients) {
2228
2283
  var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
2229
- classNames = makeStyleContext(classNames, theme, styles$x);
2284
+ classNames = makeStyleContext(classNames, theme, styles$y);
2230
2285
  style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
2231
2286
  }
2232
2287
 
@@ -2242,13 +2297,13 @@ var Cover = function Cover(_ref) {
2242
2297
  "data-testid": "cover",
2243
2298
  className: makeClassName(classNames)
2244
2299
  }, React.createElement("div", {
2245
- className: styles$x.image
2300
+ className: styles$y.image
2246
2301
  }, React.createElement(Image, {
2247
2302
  optimized: urls,
2248
2303
  ratio: mobileRatio,
2249
2304
  display: "narrow"
2250
2305
  })), React.createElement("div", {
2251
- className: styles$x.body,
2306
+ className: styles$y.body,
2252
2307
  style: style
2253
2308
  }, blocks.map(function (item) {
2254
2309
  return React.createElement(RenderBlocks, {
@@ -2257,7 +2312,7 @@ var Cover = function Cover(_ref) {
2257
2312
  styleContext: styleContext
2258
2313
  });
2259
2314
  })), cc === 'button' && React.createElement("button", {
2260
- className: styles$x.control,
2315
+ className: styles$y.control,
2261
2316
  type: "button",
2262
2317
  "aria-label": "Open",
2263
2318
  onClick: function onClick() {
@@ -2270,7 +2325,7 @@ var Cover = function Cover(_ref) {
2270
2325
  }, renderCC('isInPopover')));
2271
2326
  };
2272
2327
 
2273
- 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"};
2328
+ 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"};
2274
2329
 
2275
2330
  var HalfBlock = function HalfBlock(_ref) {
2276
2331
  var _ref$block = _ref.block,
@@ -2282,25 +2337,25 @@ var HalfBlock = function HalfBlock(_ref) {
2282
2337
  credit = _ref$block$data$cover.credit,
2283
2338
  caption = _ref$block$data$cover.caption,
2284
2339
  styleContext = _ref.styleContext;
2285
- var classNames = [[styles$y.root, true], [styles$y[onlyOn], true]];
2340
+ var classNames = [[styles$z.root, true], [styles$z[onlyOn], true]];
2286
2341
 
2287
2342
  if (styleContext) {
2288
- classNames = makeStyleContext(classNames, styleContext, styles$y);
2343
+ classNames = makeStyleContext(classNames, styleContext, styles$z);
2289
2344
  }
2290
2345
 
2291
2346
  return React.createElement("div", {
2292
2347
  "data-testid": "half-block",
2293
2348
  className: makeClassName(classNames)
2294
2349
  }, React.createElement("div", {
2295
- className: styles$y.main
2350
+ className: styles$z.main
2296
2351
  }, React.createElement("div", {
2297
- className: styles$y.image
2352
+ className: styles$z.image
2298
2353
  }, React.createElement(Image, {
2299
2354
  optimized: optimized,
2300
2355
  ratio: ratio,
2301
2356
  display: "super_full"
2302
2357
  })), React.createElement("div", {
2303
- className: styles$y.body
2358
+ className: styles$z.body
2304
2359
  }, data.blocks.map(function (item) {
2305
2360
  return React.createElement(RenderBlocks, {
2306
2361
  key: item.id,
@@ -2308,7 +2363,7 @@ var HalfBlock = function HalfBlock(_ref) {
2308
2363
  styleContext: ['rich']
2309
2364
  });
2310
2365
  }))), React.createElement("div", {
2311
- className: styles$y.footer
2366
+ className: styles$z.footer
2312
2367
  }, React.createElement(MediaCaption, {
2313
2368
  credit: credit,
2314
2369
  caption: caption,
@@ -2316,17 +2371,17 @@ var HalfBlock = function HalfBlock(_ref) {
2316
2371
  })));
2317
2372
  };
2318
2373
 
2319
- var styles$z = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
2374
+ var styles$A = {"root":"ImportantLead-module_root__2BdT3","slide":"ImportantLead-module_slide__3kQ9x","mobile":"ImportantLead-module_mobile__3BXbm","desktop":"ImportantLead-module_desktop__3Zljc"};
2320
2375
 
2321
2376
  var ImportantLead = function ImportantLead(_ref) {
2322
2377
  var _ref$block = _ref.block,
2323
2378
  onlyOn = _ref$block.only_on,
2324
2379
  data = _ref$block.data,
2325
2380
  styleContext = _ref.styleContext;
2326
- var classNames = [[styles$z.root, true], [styles$z[onlyOn], !!onlyOn]];
2381
+ var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn]];
2327
2382
 
2328
2383
  if (styleContext) {
2329
- classNames = makeStyleContext(classNames, styleContext, styles$z);
2384
+ classNames = makeStyleContext(classNames, styleContext, styles$A);
2330
2385
  }
2331
2386
 
2332
2387
  return React.createElement("div", {
@@ -2341,7 +2396,7 @@ var ImportantLead = function ImportantLead(_ref) {
2341
2396
  }));
2342
2397
  };
2343
2398
 
2344
- 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"};
2399
+ 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"};
2345
2400
 
2346
2401
  var Spoiler = function Spoiler(_ref) {
2347
2402
  var _ref$block = _ref.block,
@@ -2376,11 +2431,11 @@ var Spoiler = function Spoiler(_ref) {
2376
2431
  }
2377
2432
  };
2378
2433
 
2379
- var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn], [styles$A[display], !!display && styles$A[display]], [[styles$A.spoiled], !!spoiled]];
2434
+ var classNames = [[styles$B.root, true], [styles$B[onlyOn], !!onlyOn], [styles$B[display], !!display && styles$B[display]], [[styles$B.spoiled], !!spoiled]];
2380
2435
  var context = ['center'];
2381
2436
 
2382
2437
  if (styleContext) {
2383
- classNames = makeStyleContext(classNames, styleContext, styles$A);
2438
+ classNames = makeStyleContext(classNames, styleContext, styles$B);
2384
2439
  }
2385
2440
 
2386
2441
  var buttonCollapse = button ? button.collapse : 'Свернуть';
@@ -2390,9 +2445,9 @@ var Spoiler = function Spoiler(_ref) {
2390
2445
  className: makeClassName(classNames),
2391
2446
  "data-testid": "spoiler"
2392
2447
  }, React.createElement("div", {
2393
- className: styles$A.header
2448
+ className: styles$B.header
2394
2449
  }, title && React.createElement("h3", null, title)), React.createElement("div", {
2395
- className: styles$A.body
2450
+ className: styles$B.body
2396
2451
  }, blocks.map(function (item) {
2397
2452
  return React.createElement(RenderBlocks, {
2398
2453
  key: item.id,
@@ -2400,7 +2455,7 @@ var Spoiler = function Spoiler(_ref) {
2400
2455
  styleContext: context
2401
2456
  });
2402
2457
  })), React.createElement("div", {
2403
- className: styles$A.footer
2458
+ className: styles$B.footer
2404
2459
  }, React.createElement(Button, {
2405
2460
  size: "default",
2406
2461
  theme: "gray",
@@ -2413,7 +2468,7 @@ var Spoiler = function Spoiler(_ref) {
2413
2468
  }))));
2414
2469
  };
2415
2470
 
2416
- 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"};
2471
+ 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"};
2417
2472
 
2418
2473
  /* eslint-disable react/jsx-no-target-blank */
2419
2474
  var RelatedRichBlock = function RelatedRichBlock(_ref) {
@@ -2452,18 +2507,18 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
2452
2507
  postMessage('richRelated', url, 'click');
2453
2508
  };
2454
2509
 
2455
- var classNames = [[styles$B.root, true], [styles$B[cardType], !!layout && !!styles$B[cardType]], [styles$B.hasGradient, !!gradients], [styles$B[onlyOn], !!onlyOn && !!styles$B[onlyOn]]];
2510
+ var classNames = [[styles$C.root, true], [styles$C[cardType], !!layout && !!styles$C[cardType]], [styles$C.hasGradient, !!gradients], [styles$C[onlyOn], !!onlyOn && !!styles$C[onlyOn]]];
2456
2511
  var context = ['isInMediaBlock'];
2457
2512
 
2458
2513
  if (styleContext) {
2459
- classNames = makeStyleContext(classNames, styleContext, styles$B);
2514
+ classNames = makeStyleContext(classNames, styleContext, styles$C);
2460
2515
  context = [].concat(styleContext, ['isInMediaBlock']);
2461
2516
  }
2462
2517
 
2463
2518
  if (gradients) {
2464
2519
  styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
2465
2520
  var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
2466
- classNames = makeStyleContext(classNames, theme, styles$B);
2521
+ classNames = makeStyleContext(classNames, theme, styles$C);
2467
2522
 
2468
2523
  if (onlyOn === 'desktop') {
2469
2524
  style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
@@ -2479,27 +2534,27 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
2479
2534
  },
2480
2535
  ref: ref
2481
2536
  }, layout === 'rich' && React.createElement(React.Fragment, null, React.createElement("div", {
2482
- className: styles$B.overlay,
2537
+ className: styles$C.overlay,
2483
2538
  style: style
2484
2539
  }), React.createElement("div", {
2485
- className: styles$B.overlayHeader,
2540
+ className: styles$C.overlayHeader,
2486
2541
  style: styleHeader
2487
2542
  })), React.createElement("div", {
2488
- className: styles$B.tag
2543
+ className: styles$C.tag
2489
2544
  }, React.createElement(Tag, {
2490
2545
  size: "small",
2491
2546
  theme: "inherit",
2492
2547
  styleContext: "richRelated"
2493
2548
  }, tag)), React.createElement("div", {
2494
- className: styles$B.cover
2549
+ className: styles$C.cover
2495
2550
  }, React.createElement("div", {
2496
- className: styles$B.picture
2551
+ className: styles$C.picture
2497
2552
  }, React.createElement(Image, {
2498
2553
  optimized: urls,
2499
2554
  ratio: ratio,
2500
2555
  display: "narrow"
2501
2556
  }))), React.createElement("div", {
2502
- className: styles$B.body
2557
+ className: styles$C.body
2503
2558
  }, blocks.map(function (item) {
2504
2559
  return React.createElement(RenderBlocks, {
2505
2560
  key: item.id,
@@ -2509,7 +2564,7 @@ var RelatedRichBlock = function RelatedRichBlock(_ref) {
2509
2564
  })));
2510
2565
  };
2511
2566
 
2512
- 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"};
2567
+ 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"};
2513
2568
 
2514
2569
  /* eslint-disable react/jsx-no-target-blank */
2515
2570
  var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
@@ -2548,16 +2603,16 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
2548
2603
  postMessage('productRelated', url, 'click');
2549
2604
  };
2550
2605
 
2551
- var classNames = [[styles$C.root, true], [styles$C.hasGradient, !!gradients], [styles$C[onlyOn], !!onlyOn && !!styles$C[onlyOn]]];
2606
+ var classNames = [[styles$D.root, true], [styles$D.hasGradient, !!gradients], [styles$D[onlyOn], !!onlyOn && !!styles$D[onlyOn]]];
2552
2607
 
2553
2608
  if (styleContext) {
2554
- classNames = makeStyleContext(classNames, styleContext, styles$C);
2609
+ classNames = makeStyleContext(classNames, styleContext, styles$D);
2555
2610
  }
2556
2611
 
2557
2612
  if (gradients) {
2558
2613
  styleHeader.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockTop');
2559
2614
  var theme = [gradients.text_rgb === '0,0,0' ? 'dark' : 'light'];
2560
- classNames = makeStyleContext(classNames, theme, styles$C);
2615
+ classNames = makeStyleContext(classNames, theme, styles$D);
2561
2616
 
2562
2617
  if (onlyOn === 'desktop') {
2563
2618
  style.backgroundImage = generateGradient(gradients.bg_rgb, 'mediaBlockBottom');
@@ -2574,31 +2629,31 @@ var ShopRelatedBlock = function ShopRelatedBlock(_ref) {
2574
2629
  },
2575
2630
  ref: ref
2576
2631
  }, layout === 'rich' && React.createElement(React.Fragment, null, React.createElement("div", {
2577
- className: styles$C.overlay,
2632
+ className: styles$D.overlay,
2578
2633
  style: style
2579
2634
  }), React.createElement("div", {
2580
- className: styles$C.overlayHeader,
2635
+ className: styles$D.overlayHeader,
2581
2636
  style: styleHeader
2582
2637
  })), React.createElement("div", {
2583
- className: styles$C.tag
2638
+ className: styles$D.tag
2584
2639
  }, React.createElement(Tag, {
2585
2640
  size: "small",
2586
2641
  theme: "inherit",
2587
2642
  styleContext: "richRelated"
2588
2643
  }, tag)), React.createElement("div", {
2589
- className: styles$C.cover
2644
+ className: styles$D.cover
2590
2645
  }, React.createElement("div", {
2591
- className: styles$C.picture
2646
+ className: styles$D.picture
2592
2647
  }, React.createElement(Image, {
2593
2648
  optimized: urls,
2594
2649
  ratio: ratio,
2595
2650
  display: "narrow"
2596
2651
  }))), React.createElement("div", {
2597
- className: styles$C.body
2652
+ className: styles$D.body
2598
2653
  }, React.createElement("h2", {
2599
- className: styles$C.title
2654
+ className: styles$D.title
2600
2655
  }, firstTitle, React.createElement("span", {
2601
- className: styles$C.price
2656
+ className: styles$D.price
2602
2657
  }, secondTitle))));
2603
2658
  };
2604
2659
 
@@ -2683,7 +2738,7 @@ var RawHtmlBlock = function RawHtmlBlock(_ref) {
2683
2738
  }
2684
2739
  };
2685
2740
 
2686
- 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"};
2741
+ 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"};
2687
2742
 
2688
2743
  var ToolbarButton = function ToolbarButton(_ref) {
2689
2744
  var children = _ref.children,
@@ -2691,7 +2746,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
2691
2746
  theme = _ref.theme,
2692
2747
  isActive = _ref.isActive,
2693
2748
  _onClick = _ref.onClick;
2694
- var classNames = [[styles$D.root, true], [styles$D[type], !!styles$D[type]], [styles$D[theme], !!styles$D[theme] && !!theme], [styles$D.isActive, !!isActive]];
2749
+ var classNames = [[styles$E.root, true], [styles$E[type], !!styles$E[type]], [styles$E[theme], !!styles$E[theme] && !!theme], [styles$E.isActive, !!isActive]];
2695
2750
  return React.createElement("li", {
2696
2751
  className: toolbarStyles.item
2697
2752
  }, React.createElement("button", {
@@ -2706,9 +2761,9 @@ var ToolbarButton = function ToolbarButton(_ref) {
2706
2761
  icon: type,
2707
2762
  styleContext: "isInToolbar"
2708
2763
  }), children && React.createElement("span", {
2709
- className: styles$D.text
2764
+ className: styles$E.text
2710
2765
  }, children)));
2711
2766
  };
2712
2767
 
2713
- export { BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, ShopRelatedBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
2768
+ export { AnnouncementInText, BookmarkButton, Button, CardTitle, ChapterBlock, Cover, DocumentItemsCount, DonatesTeaser, DotsOnImage, Dropdown, EmbedBlockContainer, Footnote, GroupedBlock, HalfBlock, Image, ImportantLead, Lazy, ListBlock, MaterialNote, MaterialTitle, MediaCaption, Menu, Meta, MetaItem, MetaItemLive, Popover, Primary, QuoteBlock, RawHtmlBlock, RelatedBlock, RelatedRichBlock, RenderBlocks, RichTitle, Secondary, SensitiveBlock, ShopRelatedBlock, SimpleBlock, SimpleTitle, SourceBlock, Spoiler, SvgSymbol, Switcher, Table, Tag, Timestamp, Toolbar, ToolbarButton };
2714
2769
  //# sourceMappingURL=ui-kit-2.esm.js.map