@gravity-ui/page-constructor 3.4.0 → 3.5.0

package/build/cjs/editor/data/templates/questions-block.json

@@ -0,0 +1,105 @@
+{
+  "template": {
+    "type": "questions-block",
+    "title": "Lorem ipsum",
+    "text": "<p>Dolor sit amet, consectetur adipiscing elit <a href=\"https://example.com\">sed do eiusmod</a> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
+    "additionalInfo": "<p>Dolor sit amet <a href=\"https://example.com\">consectetur adipiscing</a>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
+    "links": [
+      {
+        "url": "/security",
+        "text": "Learn more",
+        "theme": "normal",
+        "arrow": true
+      }
+    ],
+    "buttons": [
+      {
+        "text": "Button\r",
+        "theme": "action",
+        "url": "https://example.com"
+      }
+    ],
+    "items": [
+      {
+        "title": "Lorem ipsum dolor sit amet 0",
+        "text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 1",
+        "text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet 2",
+        "text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 3",
+        "text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet 4",
+        "text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 5",
+        "text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Lorem ipsum dolor sit amet 6",
+        "text": "<p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      },
+      {
+        "title": "Ut enim ad minim veniam, quis nostrud exercitation ullamco? 7",
+        "text": "<p>laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ",
+        "link": {
+          "url": "#",
+          "text": "Documentation",
+          "theme": "normal",
+          "arrow": true
+        }
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/security-block.json

@@ -0,0 +1,36 @@
+{
+  "template": {
+    "type": "security-block",
+    "title": "Lorem ipsum dolor sit amet",
+    "media": {
+      "youtube": "0Qd3T6skprA"
+    },
+    "theme": "dark",
+    "points": [
+      {
+        "img": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_dark.svg",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+        "link": {
+          "text": "Learn more",
+          "url": "https://example.com"
+        }
+      },
+      {
+        "img": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_dark.svg",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+        "link": {
+          "text": "Learn more",
+          "url": "https://example.com"
+        }
+      },
+      {
+        "img": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_dark.svg",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+        "link": {
+          "text": "Certificates and standards",
+          "url": "https://example.com"
+        }
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/share-block.json

@@ -0,0 +1,6 @@
+{
+  "template": {
+    "type": "share-block",
+    "items": ["facebook", "vk", "telegram", "twitter", "linkedin"]
+  }
+}

package/build/cjs/editor/data/templates/simple-block.json

@@ -0,0 +1,7 @@
+{
+  "template": {
+    "type": "simple-block",
+    "title": "Simple Block",
+    "description": "A simple block with a title and description."
+  }
+}

package/build/cjs/editor/data/templates/slider-block.json

@@ -0,0 +1,46 @@
+{
+  "template": {
+    "type": "slider-block",
+    "title": {
+      "text": "Slider",
+      "url": "https://example.com"
+    },
+    "children": [
+      {
+        "type": "basic-card",
+        "url": "https://example.com",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg"
+      },
+      {
+        "type": "basic-card",
+        "url": "https://example.com",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_light.svg"
+      },
+      {
+        "type": "basic-card",
+        "url": "https://example.com",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_light.svg"
+      },
+      {
+        "type": "basic-card",
+        "url": "https://example.com",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_4_light.svg"
+      },
+      {
+        "type": "basic-card",
+        "url": "https://example.com",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "icon": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg"
+      }
+    ]
+  }
+}

package/build/cjs/editor/data/templates/table-block.json

@@ -0,0 +1,18 @@
+{
+  "template": {
+    "type": "table-block",
+    "title": "Lorem ipsum dolor sit amet",
+    "table": {
+      "content": [
+        ["Lorem", "ipsum 1", "dolor 2", "sit 3"],
+        ["Lorem 1", "0", "0", "0"],
+        ["Lorem 2", "0", "0", "1"],
+        ["Lorem 3", "0", "0", "1"],
+        ["Lorem 4", "0", "1", "1"],
+        ["Lorem 5", "1", "1", "1"]
+      ],
+      "legend": ["ipsum 1", "ipsum 2"],
+      "justify": ["start", "center", "center", "center"]
+    }
+  }
+}

package/build/cjs/editor/data/templates/tabs-block.json

@@ -0,0 +1,90 @@
+{
+  "template": {
+    "type": "tabs-block",
+    "title": {
+      "text": "Lorem ipsum"
+    },
+    "items": [
+      {
+        "tabName": "Dolor sit amet",
+        "title": "Lorem ipsum dolor sit amet",
+        "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+        "buttons": [
+          {
+            "text": "Button",
+            "theme": "action",
+            "url": "https://example.com"
+          },
+          {
+            "text": "Button",
+            "theme": "outlined",
+            "url": "https://example.com"
+          }
+        ],
+        "image": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_white.png",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+        }
+      },
+      {
+        "tabName": "Lorem ipsum",
+        "title": "Lorem ipsum",
+        "media": {
+          "light": {
+            "video": {
+              "src": [
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.webm",
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.mp4",
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.png"
+              ],
+              "loop": {
+                "start": 0
+              }
+            },
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_white.png"
+          },
+          "dark": {
+            "video": {
+              "src": [
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.webm",
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.mp4",
+                "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.png"
+              ],
+              "loop": {
+                "start": 0
+              }
+            },
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+          }
+        },
+        "caption": "Dolor sit amet",
+        "text": "* Ut enim ad minim veniam\n* Ut enim ad minim veniam",
+        "links": [
+          {
+            "url": "https://example.com",
+            "text": "Link",
+            "theme": "normal",
+            "arrow": true
+          }
+        ]
+      },
+      {
+        "tabName": "Consectetur adipiscing elit",
+        "title": "Consectetur adipiscing elit",
+        "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+        "media": {
+          "light": {
+            "youtube": "https://youtu.be/0Qd3T6skprA",
+            "previewImg": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_light.png"
+          },
+          "dark": {
+            "youtube": "https://youtu.be/0Qd3T6skprA",
+            "previewImg": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/video_8-12_dark.png"
+          }
+        },
+        "caption": "Consectetur adipiscing elit",
+        "text": "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+      }
+    ]
+  }
+}

package/build/esm/editor/components/ControlPanel/ControlPanel.js

@@ -17,6 +17,7 @@ const ControlPanel = ({ viewMode = ViewModeItem.Edititng, onViewModeChange, clas
         React.createElement(RadioButton, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value) }, Object.values(ViewModeItem).map((item) => {
             const Icon = ControlPanelViewModeIcons[item];
             return (React.createElement(RadioButton.Option, { key: item, value: item },
-                React.createElement(Icon, { className: b('icon'), width: ICON_SIZE, height: ICON_SIZE })));
+                React.createElement("span", { className: b('icon') },
+                    React.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
         })))));
 export default ControlPanel;

package/build/esm/editor/components/Layout/Layout.css

@@ -33,4 +33,7 @@ unpredictable css rules order in build */
   width: var(--editor-left-column-width);
   border-right: var(--editor-divider-width) solid var(--yc-color-line-generic);
   overflow-x: auto;
+}
+.pc-editor-layout__right {
+  width: 100%;
 }

package/build/esm/editor/data/templates/banner-block.json

@@ -0,0 +1,25 @@
+{
+  "template": {
+    "theme": "light",
+    "type": "banner-block",
+    "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+    "subtitle": "<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
+    "image": {
+      "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_light.png",
+      "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img_8-12_dark.png"
+    },
+    "disableCompress": true,
+    "color": {
+      "light": "#EFF2F8",
+      "dark": "#262626"
+    },
+    "button": {
+      "text": "Learn more",
+      "url": "https://example.com"
+    }
+  },
+  "meta": {
+    "title": "Banner",
+    "description": "This is banner block"
+  }
+}

package/build/esm/editor/data/templates/card-layout-block.json

@@ -0,0 +1,39 @@
+{
+  "template": {
+    "type": "card-layout-block",
+    "title": "Card Layout",
+    "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+    "children": [
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      },
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      },
+      {
+        "type": "layout-item",
+        "media": {
+          "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+        },
+        "content": {
+          "title": "Lorem ipsum",
+          "text": "Dolor sit amet"
+        }
+      }
+    ]
+  }
+}

package/build/esm/editor/data/templates/companies-block.json

@@ -0,0 +1,20 @@
+{
+  "template": {
+    "type": "companies-block",
+    "title": "Page constructor",
+    "images": {
+      "light": {
+        "desktop": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_desktop_light.svg",
+        "tablet": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_tablet_light.svg",
+        "mobile": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_mobile_light.svg",
+        "alt": "Page constructor"
+      },
+      "dark": {
+        "desktop": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_desktop_dark.svg",
+        "tablet": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_tablet_dark.svg",
+        "mobile": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/logo-svg_12-12_mobile_dark.svg",
+        "alt": "Page constructor"
+      }
+    }
+  }
+}

package/build/esm/editor/data/templates/content-layout-block.json

@@ -0,0 +1,56 @@
+{
+  "template": {
+    "type": "content-layout-block",
+    "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "textContent": {
+      "title": "Lorem ipsum dolor sit amet",
+      "text": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+      "buttons": [
+        {
+          "text": "Button\r",
+          "theme": "action",
+          "url": "https://example.com"
+        },
+        {
+          "text": "Button",
+          "theme": "outlined",
+          "url": "https://example.com"
+        }
+      ],
+      "links": [
+        {
+          "url": "https://example.com",
+          "text": "Link",
+          "theme": "normal",
+          "arrow": true
+        }
+      ]
+    },
+    "fileContent": [
+      {
+        "href": "https://example.xls",
+        "text": "File xls"
+      },
+      {
+        "href": "https://example.fig",
+        "text": "File PNG, JPG, and SVG format"
+      },
+      {
+        "href": "https://example.pdf",
+        "text": "Pdf file"
+      },
+      {
+        "href": "https://example.zip",
+        "text": "Archive file"
+      },
+      {
+        "href": "https://example.doc",
+        "text": "Microsoft Word document"
+      },
+      {
+        "href": "https://example.ppt",
+        "text": "PPT file"
+      }
+    ]
+  }
+}

package/build/esm/editor/data/templates/extended-features-block.json

@@ -0,0 +1,56 @@
+{
+  "template": {
+    "type": "extended-features-block",
+    "title": {
+      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+      "textSize": "m"
+    },
+    "items": [
+      {
+        "title": "Sed do eiusmod tempor incididunt",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_1_dark.svg"
+        },
+        "additionalInfo": "Duis aute irure dolor in [reprehenderit](https://example.com) n voluptate velit esse cillum dolore eu fugiat nulla pariatur."
+      },
+      {
+        "title": "Sed do eiusmod tempor",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_2_dark.svg"
+        },
+        "buttons": [
+          {
+            "text": "Button",
+            "theme": "action",
+            "url": "https://example.com"
+          },
+          {
+            "text": "Button",
+            "theme": "outlined",
+            "url": "https://example.com"
+          }
+        ]
+      },
+      {
+        "title": "Sed do eiusmod tempor incididunt",
+        "text": "Ut enim ad minim veniam [quis nostrud](https://example.com) ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+        "icon": {
+          "light": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_light.svg",
+          "dark": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/icon_3_dark.svg"
+        },
+        "links": [
+          {
+            "text": "Go",
+            "url": "#",
+            "arrow": true,
+            "theme": "normal"
+          }
+        ]
+      }
+    ]
+  }
+}

package/build/esm/editor/data/templates/filter-block.json

@@ -0,0 +1,62 @@
+{
+  "template": {
+    "type": "filter-block",
+    "title": "Card Layout",
+    "description": "Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.",
+    "tags": [
+      {
+        "id": "one",
+        "label": "First very long label"
+      },
+      {
+        "id": "two",
+        "label": "Second very long label"
+      },
+      {
+        "id": "three",
+        "label": "Third very long label"
+      }
+    ],
+    "items": [
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["one"]
+      },
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["two"]
+      },
+      {
+        "card": {
+          "type": "layout-item",
+          "media": {
+            "image": "https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-mini_4-12_light.png"
+          },
+          "content": {
+            "title": "Lorem ipsum",
+            "text": "Dolor sit amet"
+          }
+        },
+        "tags": ["three"]
+      }
+    ]
+  }
+}

package/build/esm/editor/data/templates/header-block.json

@@ -0,0 +1,19 @@
+{
+  "template": {
+    "type": "header-block",
+    "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+    "description": "**Ut enim ad minim veniam** [quis nostrud](https://example.com) exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
+    "buttons": [
+      {
+        "text": "Button\r",
+        "theme": "action",
+        "url": "https://example.com"
+      },
+      {
+        "text": "Button",
+        "theme": "outlined",
+        "url": "https://example.com"
+      }
+    ]
+  }
+}