chore(demo): update markup in stories (#706)

Author: d3m1d0v

demo/stories/markdown/markup.ts

@@ -1,5 +1,7 @@
 export const markup = {
     heading: `
+ 
+
 # h1 Heading
 ## h2 Heading
 ### h3 Heading
@@ -9,6 +11,8 @@ export const markup = {
 `.trim(),
 
     blockquote: `
+ 
+
 ## Blockquotes
 
 
@@ -18,6 +22,8 @@ export const markup = {
 `.trim(),
 
     emphasis: `
+ 
+
 ## Emphasis
 
 **This is bold text**
@@ -38,6 +44,8 @@ _This is italic text_
 `.trim(),
 
     horizontalRules: `
+ 
+
 ## Horizontal Rules
 
 ___
@@ -48,6 +56,8 @@ ___
 `.trim(),
 
     lists: `
+ 
+
 ## Lists
 
 Unordered
@@ -77,6 +87,8 @@ Start numbering with offset:
 `.trim(),
 
     code: `
+ 
+
 ## Code
 
 Inline \`code\`
@@ -107,6 +119,8 @@ console.log(foo(5));
 `.trim(),
 
     tables: `
+ 
+
 ## Tables
 
 | Option | Description |
@@ -125,6 +139,8 @@ Right aligned columns
 `.trim(),
 
     links: `
+ 
+
 ## Links
 
 [link text](https://gravity-ui.com)
@@ -135,6 +151,8 @@ Autoconverted link https://gravity-ui.com/components (linkify must be enabled)
 `.trim(),
 
     images: `
+ 
+
 ## Images
 
 ![Minion](https://octodex.github.com/images/minion.png)
@@ -144,19 +162,25 @@ Autoconverted link https://gravity-ui.com/components (linkify must be enabled)
 `.trim(),
 
     subAndSub: `
+ 
+
 ## Subscript & Superscript (additional feature)
 
 - 19^th^
 - H~2~O
 `.trim(),
 
     emojis: `
+ 
+
 ## Emojis (additional feature)
 
 :wink: :cry: :laughing: :yum:
 `.trim(),
 
     deflist: `
+ 
+
 ## Definition list (additional feature)
 
 Term 1

demo/stories/yfm/content.ts

@@ -1,11 +1,15 @@
 export const markup = {
     textMarks: `
+ 
+
 ## YFM text marks
 
 ##Monospaced text##
 `.trim(),
 
     yfmNotes: `
+ 
+
 ## YFM Notes
 
 {% note info %}
@@ -36,6 +40,8 @@ This is an alert.
 `.trim(),
 
     yfmCut: `
+ 
+
 ## YFM Cut
 
 {% cut "Cut header" %}
@@ -57,6 +63,8 @@ Content displayed when clicked.
 `.trim(),
 
     yfmTabs: `
+ 
+
 ## YFM Tabs
 
 {% list tabs %}
@@ -76,7 +84,7 @@ Content displayed when clicked.
 `.trim(),
 
     yfmHtmlBlock: `
-Some text here
+ 
 
 ## Next is YFM HTML block
 
@@ -213,12 +221,16 @@ aside blockquote {
 `.trim(),
 
     yfmFile: `
+ 
+
 ## YFM File
 
 File: {% file src="data:text/plain;base64,Cg==" name="empty.txt" %}
 `.trim(),
 
     yfmTable: `
+ 
+
 ## YFM Table
 
 ### Simple table
@@ -262,6 +274,8 @@ Text after other table||
 `.trim(),
 
     tasklist: `
+ 
+
 ## Task lists (additional feature)
 
 - [x] ~~Write the press release~~
@@ -270,6 +284,8 @@ Text after other table||
 `.trim(),
 
     latexFormulas: `
+ 
+
 ## LaTeX Formulas (optional feature)
 
 Inline formula: $\\sqrt{3x-1}+(1+x)^2$
@@ -284,6 +300,8 @@ $$
 `.trim(),
 
     mermaidDiagram: `
+ 
+
 ## Mermaid diagram (optional feature)
 
 \`\`\`mermaid
@@ -294,6 +312,8 @@ sequenceDiagram
 `.trim(),
 
     foldingHeadings: `
+ 
+
 #+ Heading 1
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nulla sit amet sodales porttitor, ligula arcu consectetur justo, sit amet varius orci lorem a augue.