@meduza/ui-kit-2 0.1.7 → 0.1.9

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.
Files changed (147) hide show
  1. package/dist/Image/Image.types.d.ts +2 -2
  2. package/dist/MaterialNote/MaterialNote.stories.d.ts +2 -1
  3. package/dist/MaterialNote/MaterialNote.types.d.ts +2 -1
  4. package/dist/MaterialTitle/MaterialTitle.types.d.ts +2 -2
  5. package/dist/Popover/Popover.types.d.ts +2 -2
  6. package/dist/Tag/Tag.types.d.ts +2 -2
  7. package/dist/ui-kit-2.cjs.development.js +83 -79
  8. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  9. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  10. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  11. package/dist/ui-kit-2.esm.js +83 -79
  12. package/dist/ui-kit-2.esm.js.map +1 -1
  13. package/dist/ui-kit.css +446 -446
  14. package/dist/utils/DangerousHtml.d.ts +3 -3
  15. package/dist/utils/makeClassName.d.ts +2 -1
  16. package/dist/utils/makeStyleContext.d.ts +2 -1
  17. package/package.json +12 -4
  18. package/src/BookmarkButton/BookmarkButton.stories.tsx +1 -1
  19. package/src/BookmarkButton/index.tsx +2 -4
  20. package/src/Button/Button.stories.tsx +2 -2
  21. package/src/Button/Button.test.tsx +3 -3
  22. package/src/Button/index.tsx +3 -3
  23. package/src/CardTitle/CardTitle.stories.tsx +1 -1
  24. package/src/CardTitle/CardTitle.test.tsx +1 -1
  25. package/src/CardTitle/index.tsx +1 -2
  26. package/src/ChapterBlock/ChapterBlock.stories.tsx +1 -1
  27. package/src/ChapterBlock/ChapterBlock.test.tsx +1 -1
  28. package/src/ChapterBlock/index.tsx +4 -8
  29. package/src/Cover/Cover.stories.tsx +1 -1
  30. package/src/Cover/Cover.test.tsx +1 -1
  31. package/src/Cover/index.tsx +5 -6
  32. package/src/DocumentItemsCount/DocumentItemsCount.stories.tsx +2 -2
  33. package/src/DocumentItemsCount/DocumentItemsCount.test.tsx +1 -1
  34. package/src/DocumentItemsCount/index.tsx +0 -1
  35. package/src/DotsOnImage/DotsOnImage.stories.tsx +1 -1
  36. package/src/DotsOnImage/DotsOnImage.test.tsx +1 -0
  37. package/src/DotsOnImage/index.tsx +1 -2
  38. package/src/Dropdown/index.tsx +2 -2
  39. package/src/EmbedBlock/EmbedBlock.stories.tsx +2 -2
  40. package/src/EmbedBlock/EmbedBlock.test.tsx +1 -1
  41. package/src/EmbedBlock/EmbedBlock.tsx +3 -8
  42. package/src/EmbedBlock/EmbedGif.tsx +0 -3
  43. package/src/EmbedBlock/IframeBlock.tsx +0 -1
  44. package/src/EmbedBlock/index.tsx +0 -1
  45. package/src/GroupedBlock/GroupedBlock.stories.tsx +2 -2
  46. package/src/GroupedBlock/GroupedBlock.test.tsx +1 -1
  47. package/src/GroupedBlock/GroupedBlock.types.ts +1 -1
  48. package/src/GroupedBlock/index.tsx +4 -6
  49. package/src/HalfBlock/HalfBlock.stories.tsx +1 -1
  50. package/src/HalfBlock/HalfBlock.test.tsx +1 -1
  51. package/src/HalfBlock/HalfBlock.types.ts +1 -1
  52. package/src/HalfBlock/index.tsx +3 -5
  53. package/src/Image/Image.stories.tsx +1 -1
  54. package/src/Image/Image.test.tsx +1 -1
  55. package/src/Image/Image.types.ts +2 -2
  56. package/src/Image/RenderPicture.tsx +1 -2
  57. package/src/Image/index.tsx +1 -6
  58. package/src/ImportantLead/ImportantLead.stories.tsx +1 -1
  59. package/src/ImportantLead/ImportantLead.test.tsx +1 -1
  60. package/src/ImportantLead/index.tsx +3 -5
  61. package/src/Lazy/Lazy.stories.tsx +3 -2
  62. package/src/Lazy/Lazy.test.tsx +1 -1
  63. package/src/Lazy/index.tsx +2 -4
  64. package/src/ListBlock/ListBlock.stories.tsx +3 -3
  65. package/src/ListBlock/ListBlock.test.tsx +1 -1
  66. package/src/ListBlock/index.tsx +3 -5
  67. package/src/MaterialNote/MaterialNote.stories.tsx +4 -3
  68. package/src/MaterialNote/MaterialNote.test.tsx +1 -1
  69. package/src/MaterialNote/MaterialNote.types.ts +2 -1
  70. package/src/MaterialNote/index.tsx +3 -3
  71. package/src/MaterialTitle/MaterialTitle.stories.tsx +1 -1
  72. package/src/MaterialTitle/MaterialTitle.test.tsx +1 -1
  73. package/src/MaterialTitle/MaterialTitle.types.ts +2 -1
  74. package/src/MediaCaption/MediaCaption.stories.tsx +1 -1
  75. package/src/MediaCaption/MediaCaption.test.tsx +1 -1
  76. package/src/MediaCaption/MediaCaption.types.ts +2 -2
  77. package/src/MediaCaption/index.tsx +2 -2
  78. package/src/Meta/Meta.stories.tsx +2 -2
  79. package/src/Meta/Meta.test.tsx +1 -1
  80. package/src/Meta/MetaContainer.tsx +2 -4
  81. package/src/Meta/index.tsx +2 -3
  82. package/src/MetaItem/MetaItem.stories.tsx +2 -2
  83. package/src/MetaItem/MetaItem.test.tsx +1 -1
  84. package/src/MetaItem/index.tsx +1 -3
  85. package/src/MetaItemLive/MetaItemLive.stories.tsx +2 -2
  86. package/src/MetaItemLive/MetaItemLive.test.tsx +1 -1
  87. package/src/MetaItemLive/index.tsx +1 -3
  88. package/src/Popover/Popover.stories.tsx +1 -1
  89. package/src/Popover/Popover.test.tsx +1 -1
  90. package/src/Popover/Popover.types.ts +2 -1
  91. package/src/Popover/index.tsx +1 -2
  92. package/src/QuoteBlock/QuoteBlock.stories.tsx +1 -1
  93. package/src/QuoteBlock/QuoteBlock.test.tsx +1 -1
  94. package/src/QuoteBlock/index.tsx +2 -3
  95. package/src/RawHtmlBlock/RawHtmlBlock.stories.tsx +2 -2
  96. package/src/RawHtmlBlock/RawHtmlBlock.test.tsx +1 -1
  97. package/src/RawHtmlBlock/index.tsx +0 -2
  98. package/src/RelatedBlock/RelatedBlock.stories.tsx +1 -1
  99. package/src/RelatedBlock/RelatedBlock.test.tsx +1 -1
  100. package/src/RelatedBlock/index.tsx +2 -3
  101. package/src/RenderBlocks/RenderBlocks.stories.tsx +1 -1
  102. package/src/RenderBlocks/RenderBlocks.test.tsx +1 -1
  103. package/src/RenderBlocks/index.tsx +0 -1
  104. package/src/RichTitle/RichTitle.stories.tsx +1 -1
  105. package/src/RichTitle/RichTitle.test.tsx +1 -1
  106. package/src/RichTitle/index.tsx +2 -3
  107. package/src/SimpleBlock/SimpleBlock.stories.tsx +2 -2
  108. package/src/SimpleBlock/SimpleBlock.test.tsx +1 -1
  109. package/src/SimpleBlock/index.tsx +8 -11
  110. package/src/SimpleTitle/SimpleTitle.stories.tsx +1 -1
  111. package/src/SimpleTitle/SimpleTitle.test.tsx +1 -1
  112. package/src/SimpleTitle/index.tsx +2 -2
  113. package/src/SourceBlock/SourceBlock.stories.tsx +6 -6
  114. package/src/SourceBlock/SourceBlock.test.tsx +1 -1
  115. package/src/SourceBlock/index.tsx +7 -6
  116. package/src/SourceBlock/mock.json +15 -0
  117. package/src/Spoiler/Spoiler.stories.tsx +1 -1
  118. package/src/Spoiler/Spoiler.test.tsx +1 -1
  119. package/src/Spoiler/index.tsx +4 -5
  120. package/src/SvgSymbol/SvgSymbol.stories.tsx +6 -6
  121. package/src/SvgSymbol/SvgSymbol.test.tsx +1 -1
  122. package/src/SvgSymbol/index.tsx +2 -2
  123. package/src/Switcher/Switcher.stories.tsx +4 -4
  124. package/src/Switcher/Switcher.test.tsx +1 -1
  125. package/src/Switcher/index.tsx +1 -2
  126. package/src/Table/Table.stories.tsx +1 -1
  127. package/src/Table/Table.test.tsx +1 -1
  128. package/src/Table/index.tsx +2 -2
  129. package/src/Tag/Tag.stories.tsx +1 -3
  130. package/src/Tag/Tag.test.tsx +4 -4
  131. package/src/Tag/Tag.types.ts +3 -1
  132. package/src/Tag/index.tsx +2 -2
  133. package/src/Timestamp/Timestamp.stories.tsx +1 -1
  134. package/src/Timestamp/Timestamp.test.tsx +1 -1
  135. package/src/Timestamp/index.tsx +0 -2
  136. package/src/Toolbar/Toolbar.stories.tsx +0 -2
  137. package/src/Toolbar/Toolbar.test.tsx +1 -1
  138. package/src/Toolbar/index.tsx +2 -3
  139. package/src/ToolbarButton/ToolbarButton.stories.tsx +2 -2
  140. package/src/ToolbarButton/ToolbarButton.test.tsx +1 -1
  141. package/src/ToolbarButton/index.tsx +2 -3
  142. package/src/_storybook/PreviewWrapper/index.tsx +1 -1
  143. package/src/utils/DangerousHtml.tsx +26 -18
  144. package/src/utils/generateGradient.ts +1 -1
  145. package/src/utils/makeClassName.ts +3 -1
  146. package/src/utils/makeStyleContext.ts +8 -4
  147. package/src/utils/toCamel.ts +1 -1
package/dist/ui-kit.css CHANGED
@@ -1484,50 +1484,6 @@
1484
1484
  }
1485
1485
  }
1486
1486
 
1487
- /* Colors */
1488
- /* Fonts */
1489
- /* Gap */
1490
- /* Media */
1491
- /* 512 */
1492
- /* 650 */
1493
- /* 768 */
1494
- /* 1024 */
1495
- /* 1010 */
1496
- /* 1200 */
1497
- /* 511 */
1498
- /* 1023 */
1499
- /* Zindex */
1500
- .MaterialTitle-module_root__18ku- {
1501
- display: block;
1502
- }
1503
- .MaterialTitle-module_root__18ku- {
1504
- margin: 0;
1505
-
1506
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1507
- font-size: 25px;
1508
- font-weight: normal;
1509
- line-height: 27px
1510
- }
1511
- @media only screen and (min-device-width: 48em) {
1512
- .MaterialTitle-module_root__18ku- {
1513
- font-size: 37px;
1514
- line-height: 38px
1515
- }
1516
- }
1517
- .MaterialTitle-module_primary__2Sfmx {
1518
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1519
- font-weight: normal;
1520
- }
1521
- .MaterialTitle-module_secondary__3uDp4 {
1522
- font-size: 24px;
1523
- font-weight: 700
1524
- }
1525
- @media only screen and (min-device-width: 48em) {
1526
- .MaterialTitle-module_secondary__3uDp4 {
1527
- font-size: 36px
1528
- }
1529
- }
1530
-
1531
1487
  /* Colors */
1532
1488
  /* Fonts */
1533
1489
  /* Gap */
@@ -1586,6 +1542,50 @@
1586
1542
  display: none;
1587
1543
  }
1588
1544
 
1545
+ /* Colors */
1546
+ /* Fonts */
1547
+ /* Gap */
1548
+ /* Media */
1549
+ /* 512 */
1550
+ /* 650 */
1551
+ /* 768 */
1552
+ /* 1024 */
1553
+ /* 1010 */
1554
+ /* 1200 */
1555
+ /* 511 */
1556
+ /* 1023 */
1557
+ /* Zindex */
1558
+ .MaterialTitle-module_root__18ku- {
1559
+ display: block;
1560
+ }
1561
+ .MaterialTitle-module_root__18ku- {
1562
+ margin: 0;
1563
+
1564
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
1565
+ font-size: 25px;
1566
+ font-weight: normal;
1567
+ line-height: 27px
1568
+ }
1569
+ @media only screen and (min-device-width: 48em) {
1570
+ .MaterialTitle-module_root__18ku- {
1571
+ font-size: 37px;
1572
+ line-height: 38px
1573
+ }
1574
+ }
1575
+ .MaterialTitle-module_primary__2Sfmx {
1576
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
1577
+ font-weight: normal;
1578
+ }
1579
+ .MaterialTitle-module_secondary__3uDp4 {
1580
+ font-size: 24px;
1581
+ font-weight: 700
1582
+ }
1583
+ @media only screen and (min-device-width: 48em) {
1584
+ .MaterialTitle-module_secondary__3uDp4 {
1585
+ font-size: 36px
1586
+ }
1587
+ }
1588
+
1589
1589
  /* Colors */
1590
1590
  /* Fonts */
1591
1591
  /* Gap */
@@ -2134,6 +2134,92 @@
2134
2134
  }
2135
2135
  }
2136
2136
 
2137
+ /* Colors */
2138
+ /* Fonts */
2139
+ /* Gap */
2140
+ /* Media */
2141
+ /* 512 */
2142
+ /* 650 */
2143
+ /* 768 */
2144
+ /* 1024 */
2145
+ /* 1010 */
2146
+ /* 1200 */
2147
+ /* 511 */
2148
+ /* 1023 */
2149
+ /* Zindex */
2150
+ .QuoteBlock-module_root__2GrcC {
2151
+ position: relative;
2152
+
2153
+ margin-bottom: 14px;
2154
+ padding-left: 18px;
2155
+
2156
+ font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2157
+ font-size: 18px;
2158
+ line-height: 24px
2159
+ }
2160
+ @media only screen and (min-device-width: 32em) {
2161
+ .QuoteBlock-module_root__2GrcC {
2162
+ margin: 0 0 20px;
2163
+ padding-left: 36px;
2164
+
2165
+ font-size: 20px;
2166
+ line-height: 28px
2167
+ }
2168
+ }
2169
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2170
+ margin-top: -14px;
2171
+ padding-top: 14px
2172
+ }
2173
+ @media only screen and (min-device-width: 32em) {
2174
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2175
+ margin-top: -20px;
2176
+ padding-top: 20px
2177
+ }
2178
+ }
2179
+ .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
2180
+ top: -10px;
2181
+ }
2182
+ .QuoteBlock-module_root__2GrcC:before {
2183
+ position: absolute;
2184
+ top: 5px;
2185
+ bottom: 7px;
2186
+ left: 0;
2187
+
2188
+ width: 4px;
2189
+
2190
+ content: '';
2191
+
2192
+ border-radius: 2px;
2193
+ background-color: #ebebeb
2194
+ }
2195
+ @media only screen and (min-device-width: 32em) {
2196
+ .QuoteBlock-module_root__2GrcC:before {
2197
+ top: 4px;
2198
+ bottom: 6px
2199
+ }
2200
+ }
2201
+ .QuoteBlock-module_root__2GrcC:last-child {
2202
+ margin-bottom: 0;
2203
+ }
2204
+ .QuoteBlock-module_root__2GrcC p {
2205
+ margin: 0;
2206
+ }
2207
+ .QuoteBlock-module_root__2GrcC a {
2208
+ text-decoration: none;
2209
+
2210
+ color: inherit;
2211
+ box-shadow: inset 0 -1px #b88b59;
2212
+ }
2213
+ .QuoteBlock-module_root__2GrcC a:hover {
2214
+ color: #b88b59;
2215
+ }
2216
+ .QuoteBlock-module_center__cTFNy {
2217
+ width: 100%;
2218
+ max-width: 650px;
2219
+ margin-right: auto;
2220
+ margin-left: auto;
2221
+ }
2222
+
2137
2223
  /* Colors */
2138
2224
  /* Fonts */
2139
2225
  /* Gap */
@@ -2288,144 +2374,58 @@
2288
2374
  /* 511 */
2289
2375
  /* 1023 */
2290
2376
  /* Zindex */
2291
- .QuoteBlock-module_root__2GrcC {
2377
+ .Cover-module_root__18Z8J {
2292
2378
  position: relative;
2379
+ }
2380
+ .Cover-module_body__1xs8e {
2381
+ position: absolute;
2382
+ z-index: 1;
2383
+ right: 0;
2384
+ bottom: 0;
2385
+ left: 0;
2293
2386
 
2294
- margin-bottom: 14px;
2295
- padding-left: 18px;
2387
+ display: -webkit-box;
2296
2388
 
2297
- font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
2298
- font-size: 18px;
2299
- line-height: 24px
2300
- }
2301
- @media only screen and (min-device-width: 32em) {
2302
- .QuoteBlock-module_root__2GrcC {
2303
- margin: 0 0 20px;
2304
- padding-left: 36px;
2389
+ display: -webkit-flex;
2305
2390
 
2306
- font-size: 20px;
2307
- line-height: 28px
2308
- }
2309
- }
2310
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2311
- margin-top: -14px;
2312
- padding-top: 14px
2391
+ display: -ms-flexbox;
2392
+
2393
+ display: flex;
2394
+ flex-flow: column nowrap;
2395
+ justify-content: flex-end;
2396
+
2397
+ min-height: 412px;
2398
+ padding: 0 20px 12px;
2313
2399
  }
2314
- @media only screen and (min-device-width: 32em) {
2315
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC {
2316
- margin-top: -20px;
2317
- padding-top: 20px
2400
+ .Cover-module_image__2f3Qc {
2401
+ position: relative;
2318
2402
  }
2319
- }
2320
- .QuoteBlock-module_root__2GrcC + .QuoteBlock-module_root__2GrcC::before {
2321
- top: -10px;
2403
+ .Cover-module_rich__1fAGA {
2404
+ overflow: hidden;
2405
+
2406
+ margin: 0 -20px;
2407
+
2408
+ border-radius: 9px 9px 0 0;
2322
2409
  }
2323
- .QuoteBlock-module_root__2GrcC:before {
2410
+ .Cover-module_rich__1fAGA::after {
2324
2411
  position: absolute;
2325
- top: 5px;
2326
- bottom: 7px;
2412
+ z-index: 1;
2413
+ top: 0;
2414
+ right: 0;
2415
+ bottom: 0;
2327
2416
  left: 0;
2328
2417
 
2329
- width: 4px;
2330
-
2331
2418
  content: '';
2332
2419
 
2333
- border-radius: 2px;
2334
- background-color: #ebebeb
2335
- }
2336
- @media only screen and (min-device-width: 32em) {
2337
- .QuoteBlock-module_root__2GrcC:before {
2338
- top: 4px;
2339
- bottom: 6px
2420
+ border: 1px solid rgba(255, 255, 255, 0.1);
2421
+ border-radius: 10px 10px 0 0;
2340
2422
  }
2341
- }
2342
- .QuoteBlock-module_root__2GrcC:last-child {
2343
- margin-bottom: 0;
2423
+ .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2424
+ color: #000;
2344
2425
  }
2345
- .QuoteBlock-module_root__2GrcC p {
2346
- margin: 0;
2347
- }
2348
- .QuoteBlock-module_root__2GrcC a {
2349
- text-decoration: none;
2350
-
2351
- color: inherit;
2352
- box-shadow: inset 0 -1px #b88b59;
2353
- }
2354
- .QuoteBlock-module_root__2GrcC a:hover {
2355
- color: #b88b59;
2356
- }
2357
- .QuoteBlock-module_center__cTFNy {
2358
- width: 100%;
2359
- max-width: 650px;
2360
- margin-right: auto;
2361
- margin-left: auto;
2362
- }
2363
-
2364
- /* Colors */
2365
- /* Fonts */
2366
- /* Gap */
2367
- /* Media */
2368
- /* 512 */
2369
- /* 650 */
2370
- /* 768 */
2371
- /* 1024 */
2372
- /* 1010 */
2373
- /* 1200 */
2374
- /* 511 */
2375
- /* 1023 */
2376
- /* Zindex */
2377
- .Cover-module_root__18Z8J {
2378
- position: relative;
2379
- }
2380
- .Cover-module_body__1xs8e {
2381
- position: absolute;
2382
- z-index: 1;
2383
- right: 0;
2384
- bottom: 0;
2385
- left: 0;
2386
-
2387
- display: -webkit-box;
2388
-
2389
- display: -webkit-flex;
2390
-
2391
- display: -ms-flexbox;
2392
-
2393
- display: flex;
2394
- flex-flow: column nowrap;
2395
- justify-content: flex-end;
2396
-
2397
- min-height: 412px;
2398
- padding: 0 20px 12px;
2399
- }
2400
- .Cover-module_image__2f3Qc {
2401
- position: relative;
2402
- }
2403
- .Cover-module_rich__1fAGA {
2404
- overflow: hidden;
2405
-
2406
- margin: 0 -20px;
2407
-
2408
- border-radius: 9px 9px 0 0;
2409
- }
2410
- .Cover-module_rich__1fAGA::after {
2411
- position: absolute;
2412
- z-index: 1;
2413
- top: 0;
2414
- right: 0;
2415
- bottom: 0;
2416
- left: 0;
2417
-
2418
- content: '';
2419
-
2420
- border: 1px solid rgba(255, 255, 255, 0.1);
2421
- border-radius: 10px 10px 0 0;
2422
- }
2423
- .Cover-module_dark__2Ac-w .Cover-module_body__1xs8e {
2424
- color: #000;
2425
- }
2426
- .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2427
- color: #fff;
2428
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2426
+ .Cover-module_light__FUp5X .Cover-module_body__1xs8e {
2427
+ color: #fff;
2428
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
2429
2429
  }
2430
2430
  .Cover-module_control__VXbhi {
2431
2431
  position: absolute;
@@ -2580,77 +2580,6 @@
2580
2580
  }
2581
2581
 
2582
2582
 
2583
- /* Colors */
2584
- /* Fonts */
2585
- /* Gap */
2586
- /* Media */
2587
- /* 512 */
2588
- /* 650 */
2589
- /* 768 */
2590
- /* 1024 */
2591
- /* 1010 */
2592
- /* 1200 */
2593
- /* 511 */
2594
- /* 1023 */
2595
- /* Zindex */
2596
- .ImportantLead-module_root__2BdT3 {
2597
- margin: 18px 0;
2598
- padding: 12px 12px 13px;
2599
-
2600
- border: 1px solid rgba(0, 0, 0, 0.08);
2601
- border-radius: 4px;
2602
- border-radius: 8px;
2603
- background: #FFF8C4;
2604
-
2605
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2606
- font-size: 16px;
2607
- font-weight: normal;
2608
- line-height: 20px
2609
- }
2610
- @media only screen and (min-device-width: 32em) {
2611
- .ImportantLead-module_root__2BdT3 {
2612
- margin: 25px 0;
2613
- padding: 12px 15px 13px;
2614
-
2615
- font-size: 17px;
2616
- line-height: 24px
2617
- }
2618
- }
2619
- .ImportantLead-module_root__2BdT3:last-child {
2620
- margin-bottom: 0;
2621
- }
2622
- .ImportantLead-module_root__2BdT3:first-child {
2623
- margin-top: 0;
2624
- }
2625
- .ImportantLead-module_root__2BdT3 a {
2626
- color: #000;
2627
- box-shadow: inset 0 -1px #000;
2628
- }
2629
- .ImportantLead-module_root__2BdT3 a:hover {
2630
- color: #b88b59;
2631
- box-shadow: inset 0 -1px #b88b59;
2632
- }
2633
- .ImportantLead-module_slide__3kQ9x {
2634
- max-width: 650px;
2635
- margin-right: auto;
2636
- margin-left: auto;
2637
- }
2638
- /* VISIBILITY */
2639
- @media only screen and (min-device-width: 32em) {
2640
- .ImportantLead-module_mobile__3BXbm {
2641
- display: none
2642
- }
2643
- }
2644
- .ImportantLead-module_desktop__3Zljc {
2645
- display: none
2646
- }
2647
- @media only screen and (min-device-width: 32em) {
2648
- .ImportantLead-module_desktop__3Zljc {
2649
- display: block
2650
- }
2651
- }
2652
-
2653
-
2654
2583
  /* Colors */
2655
2584
  /* Fonts */
2656
2585
  /* Gap */
@@ -2767,118 +2696,59 @@
2767
2696
  /* 511 */
2768
2697
  /* 1023 */
2769
2698
  /* Zindex */
2770
- .RelatedBlock-module_root__IKcQq {
2771
- margin: 16px 0;
2772
-
2773
- border-radius: 8px;
2774
- background-color: #f5f5f5;
2775
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2776
- }
2777
- @media only screen and (min-device-width: 48em) {
2778
- .RelatedBlock-module_root__IKcQq {
2779
- margin: 25px 0
2780
- }
2781
- }
2782
- .RelatedBlock-module_root__IKcQq:last-child {
2783
- margin-bottom: 0;
2784
- }
2785
- .RelatedBlock-module_root__IKcQq:first-child {
2786
- margin-top: 0;
2787
- }
2788
- .RelatedBlock-module_root__IKcQq a {
2789
- display: block;
2790
-
2699
+ .ImportantLead-module_root__2BdT3 {
2700
+ margin: 18px 0;
2791
2701
  padding: 12px 12px 13px;
2792
2702
 
2793
- transition: color 0.15s;
2794
- text-decoration: none;
2795
-
2796
- color: #000;
2797
- box-shadow: none;
2798
-
2799
- font-size: 17px;
2800
- line-height: 20px
2801
- }
2802
- @media only screen and (min-device-width: 48em) {
2803
- .RelatedBlock-module_root__IKcQq a {
2804
- padding: 15px 20px 17px;
2805
-
2806
- font-size: 19px;
2807
- line-height: 23px
2808
- }
2809
- }
2810
- .RelatedBlock-module_root__IKcQq a:hover {
2811
- color: #5c5c5c;
2812
- }
2813
- .RelatedBlock-module_header__2SuWP {
2814
- margin: 0;
2815
- padding: 14px 12px 3px;
2816
-
2817
- letter-spacing: 1px;
2818
- text-transform: uppercase;
2819
-
2820
- color: #7F7F7F;
2703
+ border: 1px solid rgba(0, 0, 0, 0.08);
2704
+ border-radius: 4px;
2705
+ border-radius: 8px;
2706
+ background: #FFF8C4;
2821
2707
 
2822
2708
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2823
- font-size: 12px;
2824
- font-weight: 600;
2825
- line-height: 17px
2709
+ font-size: 16px;
2710
+ font-weight: normal;
2711
+ line-height: 20px
2826
2712
  }
2827
- @media only screen and (min-device-width: 48em) {
2828
- .RelatedBlock-module_header__2SuWP {
2829
- padding: 20px 20px 14px;
2713
+ @media only screen and (min-device-width: 32em) {
2714
+ .ImportantLead-module_root__2BdT3 {
2715
+ margin: 25px 0;
2716
+ padding: 12px 15px 13px;
2830
2717
 
2831
- font-size: 14px;
2832
- line-height: 16px
2718
+ font-size: 17px;
2719
+ line-height: 24px
2833
2720
  }
2834
2721
  }
2835
- .RelatedBlock-module_items__2V-Ap {
2836
- margin: 0;
2837
- padding-left: 0;
2838
-
2839
- list-style: none;
2840
- }
2841
- .RelatedBlock-module_items__2V-Ap li {
2842
- padding: 0;
2843
- }
2844
- .RelatedBlock-module_items__2V-Ap li + li {
2845
- border-top: 1px solid #e6e6e6;
2722
+ .ImportantLead-module_root__2BdT3:last-child {
2723
+ margin-bottom: 0;
2846
2724
  }
2847
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2848
- font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2849
- font-size: 16px;
2850
- font-weight: 700;
2851
- line-height: 18px
2725
+ .ImportantLead-module_root__2BdT3:first-child {
2726
+ margin-top: 0;
2852
2727
  }
2853
- @media only screen and (min-device-width: 48em) {
2854
- .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
2855
- font-size: 18px
2728
+ .ImportantLead-module_root__2BdT3 a {
2729
+ color: #000;
2730
+ box-shadow: inset 0 -1px #000;
2856
2731
  }
2857
- }
2858
- .RelatedBlock-module_simple__29HVO {
2732
+ .ImportantLead-module_root__2BdT3 a:hover {
2733
+ color: #b88b59;
2734
+ box-shadow: inset 0 -1px #b88b59;
2859
2735
  }
2860
- .RelatedBlock-module_center__1LmW8 {
2736
+ .ImportantLead-module_slide__3kQ9x {
2861
2737
  max-width: 650px;
2862
2738
  margin-right: auto;
2863
2739
  margin-left: auto;
2864
2740
  }
2865
- .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
2866
- margin-top: 0;
2867
- }
2868
- .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
2869
- margin-bottom: 0;
2870
- }
2871
2741
  /* VISIBILITY */
2872
2742
  @media only screen and (min-device-width: 32em) {
2873
- .RelatedBlock-module_mobile__2XM5a {
2743
+ .ImportantLead-module_mobile__3BXbm {
2874
2744
  display: none
2875
2745
  }
2876
2746
  }
2877
- .RelatedBlock-module_desktop__2mXeq {
2747
+ .ImportantLead-module_desktop__3Zljc {
2878
2748
  display: none
2879
2749
  }
2880
2750
  @media only screen and (min-device-width: 32em) {
2881
- .RelatedBlock-module_desktop__2mXeq {
2751
+ .ImportantLead-module_desktop__3Zljc {
2882
2752
  display: block
2883
2753
  }
2884
2754
  }
@@ -3006,46 +2876,176 @@
3006
2876
 
3007
2877
  text-align: center;
3008
2878
 
3009
- font-size: 20px
2879
+ font-size: 20px
2880
+ }
2881
+ }
2882
+ .ListBlock-module_center__tdIwd {
2883
+ max-width: 650px;
2884
+ margin-right: auto;
2885
+ margin-left: auto;
2886
+ }
2887
+ .ListBlock-module_isInImportantLead__UP0ic {
2888
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2889
+ font-size: 16px;
2890
+ line-height: 20px
2891
+ }
2892
+ @media only screen and (min-device-width: 48em) {
2893
+ .ListBlock-module_isInImportantLead__UP0ic {
2894
+ font-size: 17px;
2895
+ line-height: 24px
2896
+ }
2897
+ }
2898
+ .ListBlock-module_dark__3E3tV a {
2899
+ color: inherit;
2900
+ }
2901
+ .ListBlock-module_dark__3E3tV a:hover {
2902
+ color: #b88b59;
2903
+ }
2904
+ /* VISIBILITY */
2905
+ @media only screen and (min-device-width: 32em) {
2906
+ .ListBlock-module_mobile__2-nuV {
2907
+ display: none
2908
+ }
2909
+ }
2910
+ .ListBlock-module_desktop__1EE0g {
2911
+ display: none
2912
+ }
2913
+ @media only screen and (min-device-width: 32em) {
2914
+ .ListBlock-module_desktop__1EE0g {
2915
+ display: block
2916
+ }
2917
+ }
2918
+
2919
+ /* Colors */
2920
+ /* Fonts */
2921
+ /* Gap */
2922
+ /* Media */
2923
+ /* 512 */
2924
+ /* 650 */
2925
+ /* 768 */
2926
+ /* 1024 */
2927
+ /* 1010 */
2928
+ /* 1200 */
2929
+ /* 511 */
2930
+ /* 1023 */
2931
+ /* Zindex */
2932
+ .RelatedBlock-module_root__IKcQq {
2933
+ margin: 16px 0;
2934
+
2935
+ border-radius: 8px;
2936
+ background-color: #f5f5f5;
2937
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 4px 0 0 #b78b5c
2938
+ }
2939
+ @media only screen and (min-device-width: 48em) {
2940
+ .RelatedBlock-module_root__IKcQq {
2941
+ margin: 25px 0
2942
+ }
2943
+ }
2944
+ .RelatedBlock-module_root__IKcQq:last-child {
2945
+ margin-bottom: 0;
2946
+ }
2947
+ .RelatedBlock-module_root__IKcQq:first-child {
2948
+ margin-top: 0;
2949
+ }
2950
+ .RelatedBlock-module_root__IKcQq a {
2951
+ display: block;
2952
+
2953
+ padding: 12px 12px 13px;
2954
+
2955
+ transition: color 0.15s;
2956
+ text-decoration: none;
2957
+
2958
+ color: #000;
2959
+ box-shadow: none;
2960
+
2961
+ font-size: 17px;
2962
+ line-height: 20px
2963
+ }
2964
+ @media only screen and (min-device-width: 48em) {
2965
+ .RelatedBlock-module_root__IKcQq a {
2966
+ padding: 15px 20px 17px;
2967
+
2968
+ font-size: 19px;
2969
+ line-height: 23px
2970
+ }
2971
+ }
2972
+ .RelatedBlock-module_root__IKcQq a:hover {
2973
+ color: #5c5c5c;
2974
+ }
2975
+ .RelatedBlock-module_header__2SuWP {
2976
+ margin: 0;
2977
+ padding: 14px 12px 3px;
2978
+
2979
+ letter-spacing: 1px;
2980
+ text-transform: uppercase;
2981
+
2982
+ color: #7F7F7F;
2983
+
2984
+ font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
2985
+ font-size: 12px;
2986
+ font-weight: 600;
2987
+ line-height: 17px
2988
+ }
2989
+ @media only screen and (min-device-width: 48em) {
2990
+ .RelatedBlock-module_header__2SuWP {
2991
+ padding: 20px 20px 14px;
2992
+
2993
+ font-size: 14px;
2994
+ line-height: 16px
3010
2995
  }
3011
2996
  }
3012
- .ListBlock-module_center__tdIwd {
3013
- max-width: 650px;
3014
- margin-right: auto;
3015
- margin-left: auto;
2997
+ .RelatedBlock-module_items__2V-Ap {
2998
+ margin: 0;
2999
+ padding-left: 0;
3000
+
3001
+ list-style: none;
3016
3002
  }
3017
- .ListBlock-module_isInImportantLead__UP0ic {
3003
+ .RelatedBlock-module_items__2V-Ap li {
3004
+ padding: 0;
3005
+ }
3006
+ .RelatedBlock-module_items__2V-Ap li + li {
3007
+ border-top: 1px solid #e6e6e6;
3008
+ }
3009
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3018
3010
  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
3019
3011
  font-size: 16px;
3020
- line-height: 20px
3012
+ font-weight: 700;
3013
+ line-height: 18px
3021
3014
  }
3022
3015
  @media only screen and (min-device-width: 48em) {
3023
- .ListBlock-module_isInImportantLead__UP0ic {
3024
- font-size: 17px;
3025
- line-height: 24px
3016
+ .RelatedBlock-module_rich__ddaHq .RelatedBlock-module_first__BKItW {
3017
+ font-size: 18px
3026
3018
  }
3027
3019
  }
3028
- .ListBlock-module_dark__3E3tV a {
3029
- color: inherit;
3020
+ .RelatedBlock-module_simple__29HVO {
3030
3021
  }
3031
- .ListBlock-module_dark__3E3tV a:hover {
3032
- color: #b88b59;
3022
+ .RelatedBlock-module_center__1LmW8 {
3023
+ max-width: 650px;
3024
+ margin-right: auto;
3025
+ margin-left: auto;
3026
+ }
3027
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:first-child {
3028
+ margin-top: 0;
3029
+ }
3030
+ .RelatedBlock-module_isInSlideMaterial__2YSYG:last-child {
3031
+ margin-bottom: 0;
3033
3032
  }
3034
3033
  /* VISIBILITY */
3035
3034
  @media only screen and (min-device-width: 32em) {
3036
- .ListBlock-module_mobile__2-nuV {
3035
+ .RelatedBlock-module_mobile__2XM5a {
3037
3036
  display: none
3038
3037
  }
3039
3038
  }
3040
- .ListBlock-module_desktop__1EE0g {
3039
+ .RelatedBlock-module_desktop__2mXeq {
3041
3040
  display: none
3042
3041
  }
3043
3042
  @media only screen and (min-device-width: 32em) {
3044
- .ListBlock-module_desktop__1EE0g {
3043
+ .RelatedBlock-module_desktop__2mXeq {
3045
3044
  display: block
3046
3045
  }
3047
3046
  }
3048
3047
 
3048
+
3049
3049
  /* Colors */
3050
3050
  /* Fonts */
3051
3051
  /* Gap */
@@ -3595,108 +3595,6 @@ a mark {
3595
3595
  }
3596
3596
  }
3597
3597
 
3598
- /* Colors */
3599
- /* Fonts */
3600
- /* Gap */
3601
- /* Media */
3602
- /* 512 */
3603
- /* 650 */
3604
- /* 768 */
3605
- /* 1024 */
3606
- /* 1010 */
3607
- /* 1200 */
3608
- /* 511 */
3609
- /* 1023 */
3610
- /* Zindex */
3611
- .MetaItem-module_root__2VQom {
3612
- display: inline;
3613
-
3614
- margin-right: 15px;
3615
- }
3616
- .MetaItem-module_root__2VQom > svg {
3617
- display: inline-block;
3618
-
3619
- margin-right: 1px;
3620
-
3621
- vertical-align: top;
3622
-
3623
- color: inherit;
3624
-
3625
- fill: currentColor;
3626
- }
3627
- .MetaItem-module_root__2VQom a {
3628
- display: inline;
3629
-
3630
- text-decoration: underline;
3631
-
3632
- color: inherit;
3633
-
3634
- -webkit-text-decoration-skip: auto;
3635
- }
3636
- .MetaItem-module_root__2VQom a:hover {
3637
- color: #b88b59;
3638
- }
3639
- .MetaItem-module_hasBullets__CkQPI {
3640
- margin-right: 0;
3641
- }
3642
- .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3643
- display: inline-block;
3644
-
3645
- padding-right: 0.4em;
3646
- padding-left: 0.4em;
3647
-
3648
- content: '\B7';
3649
- }
3650
- @media only screen and (max-device-width: 32.1875em) {
3651
- .MetaItem-module_hasSource__1DmCI {
3652
- width: 100%;
3653
- margin-top: 3px;
3654
- margin-bottom: 3px
3655
- }
3656
- }
3657
- @media only screen and (max-device-width: 32.1875em) {
3658
- .MetaItem-module_hasSource__1DmCI:first-child {
3659
- margin-top: 0
3660
- }
3661
- }
3662
- .MetaItem-module_hasSource__1DmCI:last-child {
3663
- margin-bottom: 0;
3664
- }
3665
- @media only screen and (max-device-width: 32.1875em) {
3666
- .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3667
- display: none
3668
- }
3669
- }
3670
- @media only screen and (max-device-width: 32.1875em) {
3671
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3672
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3673
- display: inline-block
3674
- }
3675
- }
3676
- @media only screen and (max-device-width: 32.1875em) {
3677
- .MetaItem-module_datetime__3tOWm,
3678
- .MetaItem-module_listened__lwvAO,
3679
- .MetaItem-module_read__5eAIG {
3680
- width: auto
3681
- }
3682
- }
3683
- @media only screen and (max-device-width: 32.1875em) {
3684
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
3685
- order: -2
3686
- }
3687
- }
3688
- @media only screen and (max-device-width: 32.1875em) {
3689
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
3690
- .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
3691
- order: -1;
3692
-
3693
- margin-top: 0
3694
- }
3695
- }
3696
- .MetaItem-module_read__5eAIG svg {
3697
- margin-top: -1px;
3698
- }
3699
-
3700
3598
  /* Colors */
3701
3599
  /* Fonts */
3702
3600
  /* Gap */
@@ -4015,6 +3913,108 @@ a mark {
4015
3913
  }
4016
3914
  }
4017
3915
 
3916
+ /* Colors */
3917
+ /* Fonts */
3918
+ /* Gap */
3919
+ /* Media */
3920
+ /* 512 */
3921
+ /* 650 */
3922
+ /* 768 */
3923
+ /* 1024 */
3924
+ /* 1010 */
3925
+ /* 1200 */
3926
+ /* 511 */
3927
+ /* 1023 */
3928
+ /* Zindex */
3929
+ .MetaItem-module_root__2VQom {
3930
+ display: inline;
3931
+
3932
+ margin-right: 15px;
3933
+ }
3934
+ .MetaItem-module_root__2VQom > svg {
3935
+ display: inline-block;
3936
+
3937
+ margin-right: 1px;
3938
+
3939
+ vertical-align: top;
3940
+
3941
+ color: inherit;
3942
+
3943
+ fill: currentColor;
3944
+ }
3945
+ .MetaItem-module_root__2VQom a {
3946
+ display: inline;
3947
+
3948
+ text-decoration: underline;
3949
+
3950
+ color: inherit;
3951
+
3952
+ -webkit-text-decoration-skip: auto;
3953
+ }
3954
+ .MetaItem-module_root__2VQom a:hover {
3955
+ color: #b88b59;
3956
+ }
3957
+ .MetaItem-module_hasBullets__CkQPI {
3958
+ margin-right: 0;
3959
+ }
3960
+ .MetaItem-module_hasBullets__CkQPI:nth-child(n + 2)::before {
3961
+ display: inline-block;
3962
+
3963
+ padding-right: 0.4em;
3964
+ padding-left: 0.4em;
3965
+
3966
+ content: '\B7';
3967
+ }
3968
+ @media only screen and (max-device-width: 32.1875em) {
3969
+ .MetaItem-module_hasSource__1DmCI {
3970
+ width: 100%;
3971
+ margin-top: 3px;
3972
+ margin-bottom: 3px
3973
+ }
3974
+ }
3975
+ @media only screen and (max-device-width: 32.1875em) {
3976
+ .MetaItem-module_hasSource__1DmCI:first-child {
3977
+ margin-top: 0
3978
+ }
3979
+ }
3980
+ .MetaItem-module_hasSource__1DmCI:last-child {
3981
+ margin-bottom: 0;
3982
+ }
3983
+ @media only screen and (max-device-width: 32.1875em) {
3984
+ .MetaItem-module_hasSource__1DmCI:nth-child(n + 2)::before {
3985
+ display: none
3986
+ }
3987
+ }
3988
+ @media only screen and (max-device-width: 32.1875em) {
3989
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO::before,
3990
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG::before {
3991
+ display: inline-block
3992
+ }
3993
+ }
3994
+ @media only screen and (max-device-width: 32.1875em) {
3995
+ .MetaItem-module_datetime__3tOWm,
3996
+ .MetaItem-module_listened__lwvAO,
3997
+ .MetaItem-module_read__5eAIG {
3998
+ width: auto
3999
+ }
4000
+ }
4001
+ @media only screen and (max-device-width: 32.1875em) {
4002
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_datetime__3tOWm:first-child {
4003
+ order: -2
4004
+ }
4005
+ }
4006
+ @media only screen and (max-device-width: 32.1875em) {
4007
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_listened__lwvAO,
4008
+ .MetaItem-module_hasSource__1DmCI.MetaItem-module_read__5eAIG {
4009
+ order: -1;
4010
+
4011
+ margin-top: 0
4012
+ }
4013
+ }
4014
+ .MetaItem-module_read__5eAIG svg {
4015
+ margin-top: -1px;
4016
+ }
4017
+
4018
4018
  /* stylelint-disable declaration-empty-line-before */
4019
4019
  /* Colors */
4020
4020
  /* Fonts */