@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.
- package/dist/AnnouncementInText/AnnouncementInText.stories.d.ts +10 -0
- package/dist/AnnouncementInText/AnnouncementInText.types.d.ts +4 -0
- package/dist/AnnouncementInText/index.d.ts +3 -0
- package/dist/index.d.ts +1 -0
- package/dist/ui-kit-2.cjs.development.js +104 -48
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +104 -49
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +3141 -2942
- package/package.json +1 -1
- package/src/AnnouncementInText/AnnouncementInText.module.css +188 -0
- package/src/AnnouncementInText/AnnouncementInText.stories.module.css +5 -0
- package/src/AnnouncementInText/AnnouncementInText.stories.tsx +35 -0
- package/src/AnnouncementInText/AnnouncementInText.test.tsx +20 -0
- package/src/AnnouncementInText/AnnouncementInText.types.ts +4 -0
- package/src/AnnouncementInText/index.tsx +61 -0
- package/src/RenderBlocks/index.tsx +4 -0
- package/src/index.tsx +1 -0
package/dist/ui-kit-2.esm.js
CHANGED
|
@@ -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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2340
|
+
var classNames = [[styles$z.root, true], [styles$z[onlyOn], true]];
|
|
2286
2341
|
|
|
2287
2342
|
if (styleContext) {
|
|
2288
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
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$
|
|
2350
|
+
className: styles$z.main
|
|
2296
2351
|
}, React.createElement("div", {
|
|
2297
|
-
className: styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2381
|
+
var classNames = [[styles$A.root, true], [styles$A[onlyOn], !!onlyOn]];
|
|
2327
2382
|
|
|
2328
2383
|
if (styleContext) {
|
|
2329
|
-
classNames = makeStyleContext(classNames, styleContext, styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2448
|
+
className: styles$B.header
|
|
2394
2449
|
}, title && React.createElement("h3", null, title)), React.createElement("div", {
|
|
2395
|
-
className: styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2537
|
+
className: styles$C.overlay,
|
|
2483
2538
|
style: style
|
|
2484
2539
|
}), React.createElement("div", {
|
|
2485
|
-
className: styles$
|
|
2540
|
+
className: styles$C.overlayHeader,
|
|
2486
2541
|
style: styleHeader
|
|
2487
2542
|
})), React.createElement("div", {
|
|
2488
|
-
className: styles$
|
|
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$
|
|
2549
|
+
className: styles$C.cover
|
|
2495
2550
|
}, React.createElement("div", {
|
|
2496
|
-
className: styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2632
|
+
className: styles$D.overlay,
|
|
2578
2633
|
style: style
|
|
2579
2634
|
}), React.createElement("div", {
|
|
2580
|
-
className: styles$
|
|
2635
|
+
className: styles$D.overlayHeader,
|
|
2581
2636
|
style: styleHeader
|
|
2582
2637
|
})), React.createElement("div", {
|
|
2583
|
-
className: styles$
|
|
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$
|
|
2644
|
+
className: styles$D.cover
|
|
2590
2645
|
}, React.createElement("div", {
|
|
2591
|
-
className: styles$
|
|
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$
|
|
2652
|
+
className: styles$D.body
|
|
2598
2653
|
}, React.createElement("h2", {
|
|
2599
|
-
className: styles$
|
|
2654
|
+
className: styles$D.title
|
|
2600
2655
|
}, firstTitle, React.createElement("span", {
|
|
2601
|
-
className: styles$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|