@meduza/ui-kit-2 0.1.19 → 0.1.21

package/src/RelatedRichBlock/mock.json

@@ -0,0 +1,354 @@
+{
+  "rich": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+      "fallback": {
+        "data": {
+          "title": "Не богато вышло",
+          "related": [
+            {
+              "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "layout": "rich",
+              "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+              "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+            }
+          ]
+        },
+        "only_on": "mobile"
+      },
+      "cover": {
+        "ratio": 1.4976958525,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          }
+        },
+        "tag": "Читайте также"
+      },
+      "blocks": [
+        {
+          "type": "rich_title",
+          "data": {
+            "first": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+            "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+            "as": "h3",
+            "featured": false
+          },
+          "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+        },
+        {
+          "type": "meta",
+          "data": {
+            "lang": "ru",
+            "components": [
+              {
+                "type": "datetime",
+                "datetime": 1600593764,
+                "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+              }
+            ],
+            "theme": "dark"
+          },
+          "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+        }
+      ]
+    },
+    "only_on": "mobile"
+  },
+
+  "rich_dark": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+      "fallback": {
+        "data": {
+          "title": "Не богато вышло",
+          "related": [
+            {
+              "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "layout": "rich",
+              "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+              "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+            }
+          ]
+        },
+        "only_on": "desktop"
+      },
+      "cover": {
+        "ratio": 1.4976958525,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          }
+        },
+        "tag": "Читайте также",
+        "gradients": {
+          "text_rgb": "255,255,255",
+          "bg_rgb": "0,0,0"
+        }
+      },
+      "blocks": [
+        {
+          "type": "rich_title",
+          "data": {
+            "first": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+            "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+            "as": "h3",
+            "featured": false
+          },
+          "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+        },
+        {
+          "type": "meta",
+          "data": {
+            "lang": "ru",
+            "components": [
+              {
+                "type": "datetime",
+                "datetime": 1600593764,
+                "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+              }
+            ],
+            "theme": "light"
+          },
+          "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+        }
+      ]
+    },
+    "only_on": "desktop"
+  },
+
+  "rich_and_featured_desktop": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+      "fallback": {
+        "data": {
+          "title": "Не богато вышло",
+          "related": [
+            {
+              "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "layout": "rich",
+              "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+              "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+            }
+          ]
+        },
+        "only_on": "desktop"
+      },
+      "cover": {
+        "ratio": 1.4976958525,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+            "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+            "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+          }
+        },
+        "tag": "Читайте также",
+        "gradients": {
+          "text_rgb": "0,0,0",
+          "bg_rgb": "171,209,171"
+        }
+      },
+      "blocks": [
+        {
+          "type": "rich_title",
+          "data": {
+            "first": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+            "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+            "as": "h3",
+            "featured": false
+          },
+          "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+        },
+        {
+          "type": "meta",
+          "data": {
+            "lang": "ru",
+            "components": [
+              {
+                "type": "datetime",
+                "datetime": 1600593764,
+                "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+              }
+            ],
+            "theme": "dark"
+          },
+          "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+        }
+      ]
+    },
+    "only_on": "desktop"
+  },
+
+  "rich_and_featured_mobile": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+      "fallback": {
+        "data": {
+          "title": "Не богато вышло",
+          "related": [
+            {
+              "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "layout": "rich",
+              "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+              "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+            }
+          ]
+        },
+        "only_on": "mobile"
+      },
+      "cover": {
+        "ratio": 0.63,
+        "layout": "rich",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/impro/YW9jtqBkQc7dgyPKdgtvS8JlSvPyIgY7p-7-9C49csw/fill/325/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "2x": "http://meduza.io/impro/jQf0sx4Df9y23YQ0HKyGauLGYB6kMxQ_jR2QExB4_Q0/fill/650/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "1x_webp": "http://meduza.io/impro/dROSpimx8lYjBAbaWxhjPzPggOoz_RxV8useloSPgbQ/fill/325/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp",
+            "2x_webp": "http://meduza.io/impro/dgkov3ooEbjTSe1sUvY-NLVUr6y56Dbmtpke_g-i65c/fill/650/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/impro/03bNGjN3Exb5vIT4jm4-VouBTahiFgH9gF8MhGd5hdw/fill/600/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "2x": "http://meduza.io/impro/k7qCc2LDxE-qv6L2P5LBGo-Qmdlm68WxC2OIi6yg_SY/fill/1200/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.jpg",
+            "1x_webp": "http://meduza.io/impro/4So4ZS9GWd3WTs4fUY7Lbk4CiKkoPhUQiigwXxZVGo0/fill/600/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp",
+            "2x_webp": "http://meduza.io/impro/VZ5TtAH8GN9hENkyuoPhG7TvCLemOhHf1fgJKG9i5T4/fill/1200/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNC81/NDMvOTE4L29yaWdp/bmFsLzRDeHQwdFR5/YWhlUGhnZHd4YVBz/R1EuanBn.webp"
+          }
+        },
+        "tag": "Читайте также",
+        "gradients": {
+          "text_rgb": "255,255,255",
+          "bg_rgb": "0,0,0"
+        }
+      },
+      "blocks": [
+        {
+          "type": "rich_title",
+          "data": {
+            "first": "«В биеннале есть что-то очень садистское»",
+            "second": "Куратор Венецианской биеннале современного искусства Ральф Ругофф — как он добивался, чтобы выставка не была для зрителей мучением",
+            "as": "h3",
+            "featured": true
+          },
+          "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+        },
+        {
+          "type": "meta",
+          "data": {
+            "lang": "ru",
+            "components": [
+              {
+                "type": "datetime",
+                "datetime": 1600593764,
+                "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+              }
+            ],
+            "theme": "light"
+          },
+          "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+        }
+      ]
+    },
+    "only_on": "mobile"
+  },
+
+  "card": {
+    "type": "related_rich",
+    "data": {
+      "url": "https://meduza.io/",
+      "fallback": {
+        "data": {
+          "title": "Не богато вышло",
+          "related": [
+            {
+              "title": "До «обнуления» много говорили, что Путин в 2024 году может уйти в Госсовет. Теперь закон о нем внесли в Думу. Что там сказано?",
+              "layout": "rich",
+              "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+              "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+            }
+          ]
+        }
+      },
+      "cover": {
+        "ratio": 1,
+        "layout": "card",
+        "urls": {
+          "w325": {
+            "1x": "http://meduza.io/impro/xqOclGw-6OXsqpQ4P0hApkF9KXvd3KLnvJLT4xCvW8g/fill/360/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/NDgvMDk3L2xhcmdl/L2xaN3VUdklEUVFE/ekJUb1l3blpZeWcu/cG5n.png",
+            "2x": "http://meduza.io/impro/xqOclGw-6OXsqpQ4P0hApkF9KXvd3KLnvJLT4xCvW8g/fill/360/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/NDgvMDk3L2xhcmdl/L2xaN3VUdklEUVFE/ekJUb1l3blpZeWcu/cG5n.png",
+            "1x_webp": "http://meduza.io/impro/hQuT4tOA7mQ-GH959fn5zNu3T2f6Mem9XerH12N1JRc/resizing_type:fit/width:360/height:0/enlarge:1/quality:95/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODAvNDAzL29yaWdp/bmFsL0k3UFBtSm02/XzkzSjJWWjBvTV93/cmcucG5n.webp",
+            "2x_webp": "http://meduza.io/impro/hQuT4tOA7mQ-GH959fn5zNu3T2f6Mem9XerH12N1JRc/resizing_type:fit/width:360/height:0/enlarge:1/quality:95/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODAvNDAzL29yaWdp/bmFsL0k3UFBtSm02/XzkzSjJWWjBvTV93/cmcucG5n.webp"
+          },
+          "w600": {
+            "1x": "http://meduza.io/impro/xqOclGw-6OXsqpQ4P0hApkF9KXvd3KLnvJLT4xCvW8g/fill/360/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/NDgvMDk3L2xhcmdl/L2xaN3VUdklEUVFE/ekJUb1l3blpZeWcu/cG5n.png",
+            "2x": "http://meduza.io/impro/xqOclGw-6OXsqpQ4P0hApkF9KXvd3KLnvJLT4xCvW8g/fill/360/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/NDgvMDk3L2xhcmdl/L2xaN3VUdklEUVFE/ekJUb1l3blpZeWcu/cG5n.png",
+            "1x_webp": "http://meduza.io/impro/hQuT4tOA7mQ-GH959fn5zNu3T2f6Mem9XerH12N1JRc/resizing_type:fit/width:360/height:0/enlarge:1/quality:95/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODAvNDAzL29yaWdp/bmFsL0k3UFBtSm02/XzkzSjJWWjBvTV93/cmcucG5n.webp",
+            "2x_webp": "http://meduza.io/impro/hQuT4tOA7mQ-GH959fn5zNu3T2f6Mem9XerH12N1JRc/resizing_type:fit/width:360/height:0/enlarge:1/quality:95/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODAvNDAzL29yaWdp/bmFsL0k3UFBtSm02/XzkzSjJWWjBvTV93/cmcucG5n.webp"
+          }
+        },
+        "tag": "Читайте также"
+      },
+      "blocks": [
+        {
+          "type": "rich_title",
+          "data": {
+            "first": "До «обнуления» много говорили, что Путин в 2024 году может уйти в Госсовет. Теперь закон о нем внесли в Думу. Что там сказано?",
+            "as": "h3",
+            "featured": false
+          },
+          "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+        },
+        {
+          "type": "meta",
+          "data": {
+            "lang": "ru",
+            "components": [
+              {
+                "type": "datetime",
+                "datetime": 1600593764,
+                "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+              }
+            ],
+            "theme": "light"
+          },
+          "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+        }
+      ]
+    }
+  }
+}

package/src/RenderBlocks/RenderBlocks.stories.module.css

@@ -2,4 +2,7 @@
 
 .root {
   display: block;
+
+  max-width: 650px;
+  margin: 0 auto;
 }

package/src/RenderBlocks/RenderBlocks.stories.tsx

@@ -3,6 +3,7 @@ import { RenderBlocks } from './'
 import { PreviewWrapper } from '../_storybook/PreviewWrapper'
 
 import styles from './RenderBlocks.stories.module.css'
+import mock from './mock.json'
 
 export default {
   title: 'Main / RenderBlocks',
@@ -16,7 +17,9 @@ const Example: React.FC = () => {
   return (
     <>
       <div className={styles.root}>
-        <RenderBlocks block={[]} />
+        {mock.blocks.map((block) => (
+          <RenderBlocks block={block} key={block.id} />
+        ))}
       </div>
     </>
   )

package/src/RenderBlocks/RenderBlocks.test.tsx

@@ -3,18 +3,24 @@ import { render } from '@testing-library/react'
 import { RenderBlocks } from './'
 import { RenderBlocksProps } from './RenderBlocks.types'
 
-import styles from './RenderBlocks.module.css'
+import mock from './mock.json'
 
 describe('Render Blocks', () => {
-  let props: RenderBlocksProps
+  const renderComponent = () =>
+    render(
+      <div>
+        {mock.blocks.map((block) => (
+          <RenderBlocks
+            block={block as RenderBlocksProps['block']}
+            key={block.id}
+          />
+        ))}
+      </div>
+    )
 
-  const renderComponent = () => render(<RenderBlocks {...props} />)
+  it('should have some blocks', () => {
+    const { getByText } = renderComponent()
 
-  it('should have root style', () => {
-    const { getByTestId } = renderComponent()
-
-    const renderBlocks = getByTestId('render-blocks')
-
-    expect(renderBlocks).toHaveClass(styles.root)
+    getByText('Hello Component')
   })
 })

package/src/RenderBlocks/index.tsx

@@ -11,6 +11,7 @@ import { CardTitle } from '../CardTitle'
 import { RelatedBlock } from '../RelatedBlock'
 import { SourceBlock } from '../SourceBlock'
 import { EmbedBlockContainer } from '../EmbedBlock'
+import { RelatedRichBlock } from '../RelatedRichBlock'
 import { GroupedBlock } from '../GroupedBlock'
 import { MetaContainer } from '../Meta/MetaContainer'
 import { Table } from '../Table'
@@ -81,6 +82,10 @@ export const RenderBlocks: React.FC<RenderBlocksProps> = ({
       return <ListBlock block={block} styleContext={styleContext} />
     }
 
+    case 'related_rich': {
+      return <RelatedRichBlock block={block} styleContext={styleContext} />
+    }
+
     case 'chapter-subtitle': {
       return <ChapterBlock block={block} styleContext={styleContext} />
     }

package/src/RenderBlocks/mock.json

@@ -0,0 +1,83 @@
+{
+  "blocks": [
+    {
+      "type": "p",
+      "data": "Hello Component",
+      "length": 9,
+      "id": "11-1ff7b114f405e532387ad41ebfc3c794c3baaa413180d495c00a60273f0d2eb400d"
+    },
+    {
+      "type": "related_rich",
+      "data": {
+        "url": "https://meduza.io/",
+        "fallback": {
+          "data": {
+            "title": "Не богато вышло",
+            "related": [
+              {
+                "title": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+                "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+                "layout": "rich",
+                "url": "feature/2018/09/18/na-rossiyskuyu-bolnitsu-pervye-podali-v-sud-za-otkaz-v-poseschenii-umirayuschego-v-reanimatsii-rodstvennika-sud-vstal-na-storonu-medikov",
+                "id": "0-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
+              }
+            ]
+          },
+          "only_on": "desktop"
+        },
+        "cover": {
+          "ratio": 1.4976958525,
+          "layout": "rich",
+          "urls": {
+            "w325": {
+              "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+              "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+            },
+            "w600": {
+              "1x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "2x": "http://meduza.io/image/attachments/images/006/087/556/elarge/E_3uGWnvssXzgtJ05-_Rfw.jpg",
+              "1x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp",
+              "2x_webp": "http://meduza.io/impro/MbBIK4vj9YMr8INLi6GMIYF4muqHFCWV0b1rxhhM6aI/fill/0/0/ce/1/aHR0cHM6Ly9tZWR1/emEuaW8vaW1hZ2Uv/YXR0YWNobWVudHMv/aW1hZ2VzLzAwNi8w/ODcvNTU2L2VsYXJn/ZS9FXzN1R1dudnNz/WHpndEowNS1fUmZ3/LmpwZw.webp"
+            }
+          },
+          "tag": "Читайте также",
+          "gradients": {
+            "text_rgb": "255,255,255",
+            "bg_rgb": "0,0,0"
+          }
+        },
+        "blocks": [
+          {
+            "type": "rich_title",
+            "data": {
+              "first": "«Если кто-нибудь видит меня и слышит, пожалуйста, распространите это видео любым способом! Чтобы я существовал!»",
+              "second": "Автор фильма «Котлован» — о том, как сделал его из обращений россиян к Путину",
+              "as": "h3",
+              "featured": false
+            },
+            "id": "1-7b53ea24bd8ae1cfa59f45e4e4027bdabb5bf9667b97f0a6ed45d6b464c47356"
+          },
+          {
+            "type": "meta",
+            "data": {
+              "lang": "ru",
+              "components": [
+                {
+                  "type": "datetime",
+                  "datetime": 1600593764,
+                  "id": "7639a7d1455a1ca907de0fc98a22b017e23f30e7df15b0739c78418848d674b5"
+                }
+              ],
+              "theme": "light"
+            },
+            "id": "2-e09585bd2b15e886b22728975010295dae47dd7ace948bc8aa012080f713290d"
+          }
+        ]
+      },
+      "only_on": "desktop",
+      "id": "11-1ff7b114f405e532387ad41ebfc3c7941313c3baaa413180d495c00a60273f0d2eb400d"
+    }
+  ]
+}

package/src/RichTitle/RichTitle.module.css

@@ -55,19 +55,49 @@
 }
 
 .featured {
-  letter-spacing: 0.3px;
+  @media $landscapeTabletMax {
+    letter-spacing: 0.3px;
 
-  font-size: 28px;
-  line-height: 30px;
+    font-size: 28px;
+    line-height: 30px;
+  }
 }
 
 .featured span {
-  display: block;
+  @media $landscapeTabletMax {
+    display: block;
+
+    padding-top: 2px;
 
-  padding-top: 2px;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
 
-  font-size: 18px;
-  line-height: 24px;
+.isInMediaBlock {
+  @media $landscapeTablet {
+    margin-bottom: 18px;
+  }
+}
+
+.isInMediaBlock:not(.featured) {
+  font-size: 19px;
+  line-height: 23px;
+
+  @media $landscapeTablet {
+    font-size: 26px;
+    line-height: 32px;
+  }
+}
+
+.isInMediaBlock:not(.featured) span {
+  font-size: 20px;
+  line-height: 23px;
+
+  @media $landscapeTablet {
+    font-size: 27px;
+    line-height: 32px;
+  }
 }
 
 .mobile {

package/src/RichTitle/RichTitle.test.tsx

@@ -5,10 +5,11 @@ import { RichTitleProps } from './RichTitle.types'
 
 import styles from './RichTitle.module.css'
 
-describe('Rich Title', () => {
-  let props: RichTitleProps
+import mock from './mock.json'
 
-  const renderComponent = () => render(<RichTitle {...props} />)
+describe('Rich Title', () => {
+  const renderComponent = () =>
+    render(<RichTitle block={mock as RichTitleProps['block']} />)
 
   it('should have root style', () => {
     const { getByTestId } = renderComponent()

package/src/RichTitle/RichTitle.types.ts

@@ -1,4 +1,11 @@
 export interface RichTitleProps {
-  block: any
+  block: {
+    only_on?: string
+    data: {
+      featured?: boolean
+      first: string
+      second?: string
+    }
+  }
   styleContext?: string[] | string
 }

package/src/SimpleBlock/SimpleBlock.test.tsx

@@ -3,18 +3,25 @@ import { render } from '@testing-library/react'
 import { SimpleBlock } from './'
 import { SimpleBlockProps } from './SimpleBlock.types'
 
-import styles from './SimpleBlock.module.css'
+import mock from './mock.json'
 
 describe('Simple Block', () => {
-  let props: SimpleBlockProps
+  const renderComponent = () =>
+    render(
+      <div>
+        {mock.blocks.map((item) => (
+          <SimpleBlock
+            block={item as SimpleBlockProps['block']}
+            styleContext={['no_mods', 'center', 'rich']}
+            key={item.id}
+          />
+        ))}
+      </div>
+    )
 
-  const renderComponent = () => render(<SimpleBlock {...props} />)
+  it('should have some blocks', () => {
+    const { getByText } = renderComponent()
 
-  it('should have root style', () => {
-    const { getByTestId } = renderComponent()
-
-    const simpleBlock = getByTestId('simple-block')
-
-    expect(simpleBlock).toHaveClass(styles.root)
+    getByText('Hello Component')
   })
 })