diff --git a/data/blocks/block.08Q2X2v2Wi.json b/data/blocks/block.08Q2X2v2Wi.json deleted file mode 100644 index 96bac31a..00000000 --- a/data/blocks/block.08Q2X2v2Wi.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "08Q2X2v2Wi" -} diff --git a/data/blocks/block.0jgDoN-06W.json b/data/blocks/block.0jgDoN-06W.json deleted file mode 100644 index 79906885..00000000 --- a/data/blocks/block.0jgDoN-06W.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Breakpoints", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "0jgDoN-06W" -} diff --git a/data/blocks/block.0m76iAbMDZ.json b/data/blocks/block.0m76iAbMDZ.json deleted file mode 100644 index 45147a62..00000000 --- a/data/blocks/block.0m76iAbMDZ.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "blockType": "youtube-block", - "data": { - "clickToInteract": true, - "height": "480", - "url": "https://www.youtube.com/watch?v=oFXaV-xXG5s" - }, - "id": "0m76iAbMDZ" -} diff --git a/data/blocks/block.0x-NO4hfz2.json b/data/blocks/block.0x-NO4hfz2.json deleted file mode 100644 index 25e1105c..00000000 --- a/data/blocks/block.0x-NO4hfz2.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "blockType": "pattern-template-block", - "data": { - "demoId": "2ysfvm4ShE", - "demoSize": "landscape", - "hideControls": false, - "patternId": "button", - "playgroundUi": { - "demoSize": "landscape", - "showCodeSnippet": false, - "showSchemaForm": false - }, - "showCodeSnippet": false, - "showSchemaForm": false, - "templateId": "react" - }, - "id": "0x-NO4hfz2", - "size": "medium" -} diff --git a/data/blocks/block.10pdmPU4A2.json b/data/blocks/block.10pdmPU4A2.json index d4357a94..5c581c9c 100644 --- a/data/blocks/block.10pdmPU4A2.json +++ b/data/blocks/block.10pdmPU4A2.json @@ -2,21 +2,22 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 2 + "level": 2, + "textAlign": "left" }, "content": [ { - "text": "Default Brand", + "text": "Brand Palette", "type": "text" } - ], - "type": "heading" + ] } - ], - "type": "doc" + ] } }, "id": "10pdmPU4A2" diff --git a/data/blocks/block.1MwxUqcERn.json b/data/blocks/block.1MwxUqcERn.json deleted file mode 100644 index 66466630..00000000 --- a/data/blocks/block.1MwxUqcERn.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Tables", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "1MwxUqcERn", - "size": null -} diff --git a/data/blocks/block.1abM1oYlhz.json b/data/blocks/block.1abM1oYlhz.json index 92dd8512..1ffcd6bb 100644 --- a/data/blocks/block.1abM1oYlhz.json +++ b/data/blocks/block.1abM1oYlhz.json @@ -3,11 +3,10 @@ "data": { "columns": "1", "imageStyles": { - "background": "light", - "corners": "square", "fit": "contain", - "seamless": false, - "size": "xsmall" + "size": "small", + "corners": "rounded", + "seamless": true }, "items": [ { diff --git a/data/blocks/block.1qNvMBLoCi.json b/data/blocks/block.1qNvMBLoCi.json deleted file mode 100644 index 6d0255f4..00000000 --- a/data/blocks/block.1qNvMBLoCi.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Animated GIFs", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "alt": "", - "src": "https://media4.giphy.com/media/lcs5BL0NIM4WMv61a9/giphy.gif?cid=ecf05e47nuxq7wzty4iymmzqu1z604dndq4owpvzqrv9ryd0&rid=giphy.gif?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "1qNvMBLoCi", - "size": "medium" -} diff --git a/data/blocks/block.2RIhkctxWB.json b/data/blocks/block.2RIhkctxWB.json deleted file mode 100644 index d7766eaa..00000000 --- a/data/blocks/block.2RIhkctxWB.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Shadow", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "2RIhkctxWB" -} diff --git a/data/blocks/block.2c9-R7CZYc.json b/data/blocks/block.2c9-R7CZYc.json deleted file mode 100644 index 6e76a0da..00000000 --- a/data/blocks/block.2c9-R7CZYc.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "color-swatch" - }, - "tokens": { - "category": "color", - "name": "", - "tags": ["brand"], - "type": "color" - } - }, - "id": "2c9-R7CZYc" -} diff --git a/data/blocks/block.3JP6lsPzm5.json b/data/blocks/block.3JP6lsPzm5.json deleted file mode 100644 index f01bb74d..00000000 --- a/data/blocks/block.3JP6lsPzm5.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "3JP6lsPzm5" -} diff --git a/data/blocks/block.3nx-x-krwF.json b/data/blocks/block.3nx-x-krwF.json deleted file mode 100644 index 7c41919a..00000000 --- a/data/blocks/block.3nx-x-krwF.json +++ /dev/null @@ -1,182 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Basic Text Formatting", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "level": 1 - }, - "content": [ - { - "text": "Heading 1", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Heading 2", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Heading 3", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "level": 4 - }, - "content": [ - { - "text": "Heading 4", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "text": "Bulleted List 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Bulleted List 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Bulleted List 3", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "attrs": { - "start": 1 - }, - "content": [ - { - "content": [ - { - "content": [ - { - "text": "Numbered List 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Numbered List 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Numbered List 3", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "orderedList" - }, - { - "content": [ - { - "content": [ - { - "text": "Block quotes block quotes block quotes block quotes", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "blockquote" - } - ], - "type": "doc" - } - }, - "id": "3nx-x-krwF" -} diff --git a/data/blocks/block.47VollR_2X.json b/data/blocks/block.47VollR_2X.json deleted file mode 100644 index 88deef8c..00000000 --- a/data/blocks/block.47VollR_2X.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "alt": "", - "src": "https://p189.p2.n0.cdn.getcloudapp.com/items/6quZxE4g/f25d63f7-d4bc-4ea8-a7ce-7c7674c9eebc.jpg?source=viewer&v=6d70885803e9c7d57a9c7e328992fe9b?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "47VollR_2X", - "size": "medium" -} diff --git a/data/blocks/block.5RQruglYiX.json b/data/blocks/block.5RQruglYiX.json deleted file mode 100644 index 8699e7a4..00000000 --- a/data/blocks/block.5RQruglYiX.json +++ /dev/null @@ -1,176 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Overview", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Using the ", - "type": "text" - }, - { - "marks": [ - { - "type": "bold" - } - ], - "text": "System", - "type": "text" - }, - { - "text": " content blocks, users can create dynamic documentation of component templates and specific variations. Since Knapsack is wired up to the source code of your design system, documentation will automatically update when changes occur.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "content": [ - { - "text": "Choose from a variety of formats and presentations depending on the type of documentation experience you're aiming for.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "attrs": { - "level": 4 - }, - "content": [ - { - "text": "Explore the different options for component presentation below:", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#component-embed", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Component Embed", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#component-demo", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Component Demo", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#system-overview-all-components", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "System Overview (All Components)", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#system-status-table", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "System Status Table", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "content": [ - { - "text": "Use the below sections to browse examples of component documentation.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "5RQruglYiX" -} diff --git a/data/blocks/block.6-qXFUJ0eH.json b/data/blocks/block.6-qXFUJ0eH.json index 7b23636e..4d5ac21a 100644 --- a/data/blocks/block.6-qXFUJ0eH.json +++ b/data/blocks/block.6-qXFUJ0eH.json @@ -2,94 +2,112 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 1 + "level": 1, + "textAlign": "left" }, "content": [ { "text": "Build better together", "type": "text" } - ], - "type": "heading" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { "text": "Knapsack is the next generation of design systems - flexible, scalable, and highly collaborative. Knapsack powers unified product experiences by providing a central source of truth for everyone on your team. Document decisions, create tokens, build prototypes, and ship code directly to your app or website. You'll see a new level of collaboration between teams and increase velocity in just a few weeks with Knapsack's ready-to-use infrastructure. Unite design and engineering in one powerful tool that will scale with your organization for years to come.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { "text": "Visit our ", "type": "text" }, { + "text": "website", + "type": "text", "marks": [ { + "type": "link", "attrs": { - "class": null, + "rel": "noopener noreferrer nofollow", "href": "https://knapsack.cloud", + "class": null, "target": "_blank" - }, - "type": "link" + } }, { "type": "bold" } - ], - "text": "website", - "type": "text" + ] }, { "text": ", follow us on ", "type": "text" }, { + "text": "Twitter", + "type": "text", "marks": [ { + "type": "link", "attrs": { - "class": null, + "rel": "noopener noreferrer nofollow", "href": "https://twitter.com/knapsackcloud", + "class": null, "target": "_blank" - }, - "type": "link" + } }, { "type": "bold" } - ], - "text": "Twitter", - "type": "text" + ] }, { "text": ", or check out our ", "type": "text" }, { + "text": "blog", + "type": "text", "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.knapsack.cloud/blog", + "class": null, + "target": "_blank" + } + }, { "type": "bold" } - ], - "text": "webinars", - "type": "text" + ] }, { "text": " to learn more!", "type": "text" } - ], - "type": "paragraph" + ] } - ], - "type": "doc" + ] } }, "id": "6-qXFUJ0eH" diff --git a/data/blocks/block.6eHTQ_DA5d.json b/data/blocks/block.6eHTQ_DA5d.json deleted file mode 100644 index a25fa2f7..00000000 --- a/data/blocks/block.6eHTQ_DA5d.json +++ /dev/null @@ -1,45 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Component Demo", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "A ", - "type": "text" - }, - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Component Demo", - "type": "text" - }, - { - "text": " shows all of the variations of a given component template based on a single property", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "6eHTQ_DA5d" -} diff --git a/data/blocks/block.7aopefwYVR.json b/data/blocks/block.7aopefwYVR.json deleted file mode 100644 index cab3e560..00000000 --- a/data/blocks/block.7aopefwYVR.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "lucidchart-block", - "id": "7aopefwYVR" -} diff --git a/data/blocks/block.7arudKsMF0.json b/data/blocks/block.7arudKsMF0.json deleted file mode 100644 index c7c9d968..00000000 --- a/data/blocks/block.7arudKsMF0.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "7arudKsMF0" -} diff --git a/data/blocks/block.836ZvCc7ev.json b/data/blocks/block.836ZvCc7ev.json deleted file mode 100644 index 00072d70..00000000 --- a/data/blocks/block.836ZvCc7ev.json +++ /dev/null @@ -1,260 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Overview", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Using the ", - "type": "text" - }, - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Markdown", - "type": "text" - }, - { - "text": " content block, users can create simple static documentation. Whether for documenting usage guidelines, defining processes, or providing access and reference to other resources, Markdown is a simple and flexible way to add your documentation to Knapsack.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "content": [ - { - "text": "If you're not familiar with Markdown, ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "https://www.w3.org/community/markdown/wiki/Syntax", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "check out the W3C guide to Markdown", - "type": "text" - }, - { - "text": " to get started.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "attrs": { - "level": 4 - }, - "content": [ - { - "text": "Explore the different options for static content formatting below:", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#basic-text-formatting", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Basic text formatting", - "type": "text" - }, - { - "text": " (headers, bulleted List, etc.)", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#in-line-images-and-gifs", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "In-line images and GIFs", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#multi-column-support", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Multi-Column Support", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#code-blocks", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Code blocks", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#horizontal-dividers", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Horizontal dividers", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#tables", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Tables", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Links (anchor, relative and full) - like those above!", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "content": [ - { - "text": "Use the below sections to browse examples of markdown content formatting.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "836ZvCc7ev" -} diff --git a/data/blocks/block.8DUW-7h2bt.json b/data/blocks/block.8DUW-7h2bt.json deleted file mode 100644 index f2e212fe..00000000 --- a/data/blocks/block.8DUW-7h2bt.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "box-shadow" - }, - "tokens": { - "category": "shadow", - "name": "", - "tags": ["box"] - } - }, - "id": "8DUW-7h2bt" -} diff --git a/data/blocks/block.9R_EDAEKZb.json b/data/blocks/block.9R_EDAEKZb.json deleted file mode 100644 index 2e043cc3..00000000 --- a/data/blocks/block.9R_EDAEKZb.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "In-Line Images and GIFs", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "9R_EDAEKZb" -} diff --git a/data/blocks/block.A2my1t53RY.json b/data/blocks/block.A2my1t53RY.json deleted file mode 100644 index 51a863fc..00000000 --- a/data/blocks/block.A2my1t53RY.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "A2my1t53RY" -} diff --git a/data/blocks/block.BUFKAm-2a4.json b/data/blocks/block.BUFKAm-2a4.json deleted file mode 100644 index 5aa4f029..00000000 --- a/data/blocks/block.BUFKAm-2a4.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Color Swatches", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "BUFKAm-2a4" -} diff --git a/data/blocks/block.CP2xFIJwTx.json b/data/blocks/block.CP2xFIJwTx.json deleted file mode 100644 index afd5f85a..00000000 --- a/data/blocks/block.CP2xFIJwTx.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "CP2xFIJwTx" -} diff --git a/data/blocks/block.CyJBGzdohK.json b/data/blocks/block.CyJBGzdohK.json deleted file mode 100644 index 54c340c0..00000000 --- a/data/blocks/block.CyJBGzdohK.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "blockType": "pattern-template-block", - "data": { - "demoId": "2ysfvm4ShE", - "demoSize": "landscape", - "hideControls": false, - "patternId": "button", - "playgroundUi": { - "demoSize": "landscape", - "showCodeSnippet": false, - "showSchemaForm": false - }, - "showCodeSnippet": false, - "showSchemaForm": false, - "templateId": "react" - }, - "id": "CyJBGzdohK" -} diff --git a/data/blocks/block.FaBVdJC1P7.json b/data/blocks/block.FaBVdJC1P7.json deleted file mode 100644 index 10a85538..00000000 --- a/data/blocks/block.FaBVdJC1P7.json +++ /dev/null @@ -1,77 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "italic" - } - ], - "text": "This section provides an overview of content formatting options in Knapsack. Visit the ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Design-Tokens-lNWaUqkDSo", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Design Tokens", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " and ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Components-Overview", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Components", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " sections for examples of asset docs.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "FaBVdJC1P7" -} diff --git a/data/blocks/block.Fph9sYCuho.json b/data/blocks/block.Fph9sYCuho.json deleted file mode 100644 index 1edf1d1c..00000000 --- a/data/blocks/block.Fph9sYCuho.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "Fph9sYCuho" -} diff --git a/data/blocks/block.FzPBc1o1wW.json b/data/blocks/block.FzPBc1o1wW.json deleted file mode 100644 index abcd524f..00000000 --- a/data/blocks/block.FzPBc1o1wW.json +++ /dev/null @@ -1,33 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 1 - }, - "content": [ - { - "text": "The text is over here!", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "The button is over there...", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "FzPBc1o1wW", - "size": "medium" -} diff --git a/data/blocks/block.Gtf7ERAcuu.json b/data/blocks/block.Gtf7ERAcuu.json deleted file mode 100644 index 3817f153..00000000 --- a/data/blocks/block.Gtf7ERAcuu.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "System Overview (All Components)", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "Gtf7ERAcuu" -} diff --git a/data/blocks/block.H4_9NLT2TE.json b/data/blocks/block.H4_9NLT2TE.json deleted file mode 100644 index 4aeb8923..00000000 --- a/data/blocks/block.H4_9NLT2TE.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "H4_9NLT2TE" -} diff --git a/data/blocks/block.Iu6QKbz80R.json b/data/blocks/block.Iu6QKbz80R.json index 92e19f54..c35f25b6 100644 --- a/data/blocks/block.Iu6QKbz80R.json +++ b/data/blocks/block.Iu6QKbz80R.json @@ -2,44 +2,45 @@ "blockType": "shortcut-tiles", "data": { "gridStyles": { - "centered": false, - "columns": "3" + "columns": "3", + "centered": false }, "shortcuts": [ { - "description": "View and manage building blocks for our digital brand.", "id": "OFYMBFwUXb", - "image": "https://knapsack.imgix.net/site/public-demo/46643-lg7przfyjvpng", "link": { "name": "Design Tokens", "path": "/pages/Design-Tokens" }, - "title": "🎨 Design Tokens" + "image": "https://knapsack.imgix.net/site/public-demo/46643-lg7przfyjvpng", + "title": "🎨 Design Tokens", + "description": "View and manage building blocks for our digital brand." }, { - "description": "Find and understand UI elements in design and code.", "id": "sDtamkSsTt", - "image": "https://knapsack.imgix.net/site/public-demo/materialillustrationabs-7b98tg-tfnpng", "link": { "name": "Components Overview", "path": "/pages/Components-Overview" }, - "title": "🧩 Components Overview" + "image": "https://knapsack.imgix.net/site/public-demo/materialillustrationabs-7b98tg-tfnpng", + "title": "🧩 Components Overview", + "description": "Find and understand UI elements in design and code." }, { - "description": "Assemble modular elements into UIs based in code.", "id": "BIVcAleTv7", "link": { "name": "Page-Level Prototyping", "path": "/pages/Page-Level-Prototyping" }, - "title": "🖼️ Page-Level Prototyping" + "image": "https://knapsack.imgix.net/site/public-demo/lego-rainbow-with-cloud-flat-ufftefvcdujpg", + "title": "🖼️ Page-Level Prototyping", + "description": "Assemble modular elements into UIs based in code." } ], "tileStyles": { - "imageSize": "none", - "outlined": true, "rounded": true, + "outlined": true, + "imageSize": "large", "titleSize": "xsmall" } }, diff --git a/data/blocks/block.LBMso-6f-6.json b/data/blocks/block.LBMso-6f-6.json deleted file mode 100644 index b8844175..00000000 --- a/data/blocks/block.LBMso-6f-6.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Horizontal Dividers", - "type": "text" - } - ], - "type": "heading" - }, - { - "type": "horizontalRule" - } - ], - "type": "doc" - } - }, - "id": "LBMso-6f-6" -} diff --git a/data/blocks/block.LcmSv3pwf5.json b/data/blocks/block.LcmSv3pwf5.json new file mode 100644 index 00000000..95fff04b --- /dev/null +++ b/data/blocks/block.LcmSv3pwf5.json @@ -0,0 +1,27 @@ +{ + "id": "LcmSv3pwf5", + "data": { + "shortcuts": [ + { + "id": "uOCPyb039d", + "link": { + "name": "Playground", + "path": "/pattern/one-pager?templateId=react" + }, + "title": "Landing Page Builder", + "description": "Prototype landing pages using design system elements" + } + ], + "gridStyles": { + "columns": "1", + "centered": false + }, + "tileStyles": { + "rounded": true, + "outlined": true, + "imageSize": "small", + "titleSize": "xsmall" + } + }, + "blockType": "shortcut-tiles" +} diff --git a/data/blocks/block.Lsu6cM8BeA.json b/data/blocks/block.Lsu6cM8BeA.json deleted file mode 100644 index 5a0142a3..00000000 --- a/data/blocks/block.Lsu6cM8BeA.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "Lsu6cM8BeA" -} diff --git a/data/blocks/block.PB83Qahdru.json b/data/blocks/block.PB83Qahdru.json deleted file mode 100644 index 6b3e9e48..00000000 --- a/data/blocks/block.PB83Qahdru.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Lucidchart", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Live example coming soon!", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "PB83Qahdru" -} diff --git a/data/blocks/block.TPySDEPq5j.json b/data/blocks/block.TPySDEPq5j.json deleted file mode 100644 index 774a6c45..00000000 --- a/data/blocks/block.TPySDEPq5j.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "simple-list" - }, - "tokens": { - "category": "color", - "name": "", - "tags": ["brand"], - "type": "color" - } - }, - "id": "TPySDEPq5j" -} diff --git a/data/blocks/block.UucuGVABD1.json b/data/blocks/block.UucuGVABD1.json deleted file mode 100644 index ece29976..00000000 --- a/data/blocks/block.UucuGVABD1.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "UucuGVABD1" -} diff --git a/data/blocks/block.WPb97EJk3q.json b/data/blocks/block.WPb97EJk3q.json deleted file mode 100644 index 40ac9f35..00000000 --- a/data/blocks/block.WPb97EJk3q.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "WPb97EJk3q" -} diff --git a/data/blocks/block.XvSFjTcPwH.json b/data/blocks/block.XvSFjTcPwH.json deleted file mode 100644 index decc1063..00000000 --- a/data/blocks/block.XvSFjTcPwH.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "spacing" - }, - "tokens": { - "category": "spacing", - "name": "", - "tags": [], - "type": "dimension" - } - }, - "id": "XvSFjTcPwH" -} diff --git a/data/blocks/block.Y6lDP3j81a.json b/data/blocks/block.Y6lDP3j81a.json deleted file mode 100644 index 2502f36c..00000000 --- a/data/blocks/block.Y6lDP3j81a.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Figma", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "Y6lDP3j81a" -} diff --git a/data/blocks/block.aFlbpnRLo5.json b/data/blocks/block.aFlbpnRLo5.json new file mode 100644 index 00000000..d24f3e31 --- /dev/null +++ b/data/blocks/block.aFlbpnRLo5.json @@ -0,0 +1,158 @@ +{ + "id": "aFlbpnRLo5", + "data": { + "guidelines": [ + { + "id": "B3M308nESA", + "type": "do", + "content": { + "type": "doc", + "content": [ + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Consider and choose text and visual elements carefully. Test your messages with the minimal content and only add additional content or graphics where they give needed context to the user", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Use headlines that set clear expectations about the content being linked to", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Use one style of message per module, don't mix and match", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Feature one piece of information per message", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Outline the main idea with the minimal possible information, don't overload with information as the message links to more detail", + "type": "text" + } + ] + } + ] + } + ] + } + ] + } + }, + { + "id": "ouL2g3EqVh", + "type": "dont", + "content": { + "type": "doc", + "content": [ + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Mix message styles within the same module", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Overload with information as the message links to more detail", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "content": [ + { + "text": "Add inline text links, the message itself is clickable and should link to a single piece of information, consider using content blocks in this instance", + "type": "text" + } + ] + } + ] + } + ] + } + ] + } + } + ], + "gridStyles": { + "columns": "2", + "centered": false + }, + "tileStyles": { + "imageSize": "none", + "imageRounded": true, + "imageOutlined": true, + "headerBeforeImage": false + } + }, + "blockType": "guidelines" +} diff --git a/data/blocks/block.aHFCyUV-9P.json b/data/blocks/block.aHFCyUV-9P.json deleted file mode 100644 index 1a93b296..00000000 --- a/data/blocks/block.aHFCyUV-9P.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Multi-Column Support", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "aHFCyUV-9P" -} diff --git a/data/blocks/block.aOXHzURtCq.json b/data/blocks/block.aOXHzURtCq.json deleted file mode 100644 index 38224694..00000000 --- a/data/blocks/block.aOXHzURtCq.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "alt": "", - "src": "https://p189.p2.n0.cdn.getcloudapp.com/items/6quZxE4g/f25d63f7-d4bc-4ea8-a7ce-7c7674c9eebc.jpg?source=viewer&v=6d70885803e9c7d57a9c7e328992fe9b?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "aOXHzURtCq", - "size": "medium" -} diff --git a/data/blocks/block.aVSS-GAb3b.json b/data/blocks/block.aVSS-GAb3b.json deleted file mode 100644 index 0360f018..00000000 --- a/data/blocks/block.aVSS-GAb3b.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "aVSS-GAb3b" -} diff --git a/data/blocks/block.ctwMU8NUmw.json b/data/blocks/block.ctwMU8NUmw.json deleted file mode 100644 index 9dc0eb34..00000000 --- a/data/blocks/block.ctwMU8NUmw.json +++ /dev/null @@ -1,241 +0,0 @@ -{ - "blockType": "table", - "data": { - "content": { - "content": [ - { - "content": [ - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Column 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Column 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Column 3", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - } - ], - "type": "tableRow" - }, - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Row 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Hi", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Yo", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - } - ], - "type": "tableRow" - }, - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Row 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "type": "paragraph" - } - ], - "type": "tableCell" - } - ], - "type": "tableRow" - }, - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Row 3", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "type": "paragraph" - } - ], - "type": "tableCell" - } - ], - "type": "tableRow" - } - ], - "type": "table" - } - ], - "type": "doc" - } - }, - "id": "ctwMU8NUmw", - "size": null -} diff --git a/data/blocks/block.dxsxlMQ3Yz.json b/data/blocks/block.dxsxlMQ3Yz.json deleted file mode 100644 index ec410c63..00000000 --- a/data/blocks/block.dxsxlMQ3Yz.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "System Status Table", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "dxsxlMQ3Yz" -} diff --git a/data/blocks/block.euHhLM0j1S.json b/data/blocks/block.euHhLM0j1S.json deleted file mode 100644 index eeb3ba67..00000000 --- a/data/blocks/block.euHhLM0j1S.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "euHhLM0j1S" -} diff --git a/data/blocks/block.h5pUADysUw.json b/data/blocks/block.h5pUADysUw.json deleted file mode 100644 index b16348f5..00000000 --- a/data/blocks/block.h5pUADysUw.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "h5pUADysUw" -} diff --git a/data/blocks/block.h6SryxnGE0.json b/data/blocks/block.h6SryxnGE0.json deleted file mode 100644 index 4458de60..00000000 --- a/data/blocks/block.h6SryxnGE0.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "blockType": "figma-block", - "data": { - "clickToInteract": false, - "height": "600", - "url": "https://www.figma.com/file/zUm5kTRtnkFUh5JUsBwwWl/Demo-Design-System-Library?node-id=1%3A2" - }, - "id": "h6SryxnGE0" -} diff --git a/data/blocks/block.hqtwt_qLOH.json b/data/blocks/block.hqtwt_qLOH.json deleted file mode 100644 index 37689747..00000000 --- a/data/blocks/block.hqtwt_qLOH.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "blockType": "youtube-block", - "data": { - "clickToInteract": false, - "height": "480", - "url": "https://www.youtube.com/watch?v=pyeX5l2TE1o" - }, - "id": "hqtwt_qLOH" -} diff --git a/data/blocks/block.hryTVxhrpj.json b/data/blocks/block.hryTVxhrpj.json deleted file mode 100644 index 33a9f7bf..00000000 --- a/data/blocks/block.hryTVxhrpj.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "alt": "", - "src": "https://p189.p2.n0.cdn.getcloudapp.com/items/6quZxE4g/f25d63f7-d4bc-4ea8-a7ce-7c7674c9eebc.jpg?source=viewer&v=6d70885803e9c7d57a9c7e328992fe9b?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "hryTVxhrpj", - "size": "medium" -} diff --git a/data/blocks/block.iSlOJ42w6Y.json b/data/blocks/block.iSlOJ42w6Y.json deleted file mode 100644 index 7f097a32..00000000 --- a/data/blocks/block.iSlOJ42w6Y.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "pattern-status-table-block", - "id": "iSlOJ42w6Y" -} diff --git a/data/blocks/block.ixHhgr8lh2.json b/data/blocks/block.ixHhgr8lh2.json deleted file mode 100644 index fdc1c5c0..00000000 --- a/data/blocks/block.ixHhgr8lh2.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Code Blocks", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "language": null - }, - "content": [ - { - "text": ".ks-transition-demo--normal {\n background-color: var(--color-brand-primary);\n transition: background-color var(--transition-duration-normal) var(--transition-timing-default);\n}\n.ks-transition-demo--normal:hover {\n background-color: var(--color-brand-secondary);\n}\n", - "type": "text" - } - ], - "type": "codeBlock" - } - ], - "type": "doc" - } - }, - "id": "ixHhgr8lh2" -} diff --git a/data/blocks/block.j-gXbQAemM.json b/data/blocks/block.j-gXbQAemM.json deleted file mode 100644 index 48b6de4a..00000000 --- a/data/blocks/block.j-gXbQAemM.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "table-list" - }, - "tokens": { - "category": "color", - "name": "", - "tags": ["brand"], - "type": "color" - } - }, - "id": "j-gXbQAemM" -} diff --git a/data/blocks/block.j6lFMtQipq.json b/data/blocks/block.j6lFMtQipq.json deleted file mode 100644 index ebd22bd0..00000000 --- a/data/blocks/block.j6lFMtQipq.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 1 - }, - "content": [ - { - "text": "How can my team use Knapsack?", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "j6lFMtQipq" -} diff --git a/data/blocks/block.jWII3xdR5Y.json b/data/blocks/block.jWII3xdR5Y.json deleted file mode 100644 index a2b3543c..00000000 --- a/data/blocks/block.jWII3xdR5Y.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Whimsical", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "jWII3xdR5Y" -} diff --git a/data/blocks/block.kpEvane3ER.json b/data/blocks/block.kpEvane3ER.json new file mode 100644 index 00000000..e6db518b --- /dev/null +++ b/data/blocks/block.kpEvane3ER.json @@ -0,0 +1,117 @@ +{ + "id": "kpEvane3ER", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 3, + "textAlign": "left" + }, + "content": [ + { + "text": "When to avoid", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Messages should only display enough information to give a user context. Do not use a card layout:", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "to highlight a solo piece of information", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "when the content requires in-line or multiple links, consider content blocks", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "when a large amount of text is needed to give users context", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "heading", + "attrs": { + "level": 3, + "textAlign": "left" + }, + "content": [ + { + "text": "Keep content concise", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Messages allow users to scan content in order to find their required information quickly, therefore it is important to make the content concise. Ensure the headlines are brief and explicit about the content the messages link to. Intuitive headlines and copy help the user build a clear mental model of the content.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/data/blocks/block.lfSX6gzrNI.json b/data/blocks/block.lfSX6gzrNI.json deleted file mode 100644 index 78ea1ccb..00000000 --- a/data/blocks/block.lfSX6gzrNI.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Static Images", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "alt": "", - "src": "https://p189.p2.n0.cdn.getcloudapp.com/items/6quZxE4g/f25d63f7-d4bc-4ea8-a7ce-7c7674c9eebc.jpg?source=viewer&v=6d70885803e9c7d57a9c7e328992fe9b?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "lfSX6gzrNI", - "size": "medium" -} diff --git a/data/blocks/block.mtVmHazNu6.json b/data/blocks/block.mtVmHazNu6.json deleted file mode 100644 index 704c5772..00000000 --- a/data/blocks/block.mtVmHazNu6.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "blockType": "whimsical-block", - "data": { - "clickToInteract": false, - "height": "480", - "url": "https://whimsical.com/knapsack-workflows-BmNpoC4AzPWiKahNB3XoJV" - }, - "id": "mtVmHazNu6" -} diff --git a/data/blocks/block.nV_Eryo1YN.json b/data/blocks/block.nV_Eryo1YN.json deleted file mode 100644 index 4743797a..00000000 --- a/data/blocks/block.nV_Eryo1YN.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "alt": "", - "src": "https://p189.p2.n0.cdn.getcloudapp.com/items/6quZxE4g/f25d63f7-d4bc-4ea8-a7ce-7c7674c9eebc.jpg?source=viewer&v=6d70885803e9c7d57a9c7e328992fe9b?h=200&w=540", - "title": null - }, - "type": "image" - } - ], - "type": "doc" - } - }, - "id": "nV_Eryo1YN", - "size": "medium" -} diff --git a/data/blocks/block.ncyDgsT_tf.json b/data/blocks/block.ncyDgsT_tf.json deleted file mode 100644 index 6d2e214d..00000000 --- a/data/blocks/block.ncyDgsT_tf.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Spacing", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "ncyDgsT_tf" -} diff --git a/data/blocks/block.nuL9llFvdl.json b/data/blocks/block.nuL9llFvdl.json deleted file mode 100644 index 89b16ab5..00000000 --- a/data/blocks/block.nuL9llFvdl.json +++ /dev/null @@ -1,77 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "italic" - } - ], - "text": "This section provides an overview of content formatting options in Knapsack. Visit the ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Design-Tokens-lNWaUqkDSo", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Design Tokens", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " and ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Components-Overview", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Components", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " sections for examples of asset docs.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "nuL9llFvdl" -} diff --git a/data/blocks/block.oa-y7sAwqr.json b/data/blocks/block.oa-y7sAwqr.json index 16e16a2d..0480c9f4 100644 --- a/data/blocks/block.oa-y7sAwqr.json +++ b/data/blocks/block.oa-y7sAwqr.json @@ -2,17 +2,17 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "image", "attrs": { "alt": "", - "src": "https://knapsack.imgix.net/site/public-demo/screenshot-2023-02-17-at-12.39.54-pm-v5q7zuy2o2.png", - "title": null - }, - "type": "image" + "src": "https://knapsack.imgix.net/site/public-demo/screenshot-2024-03-20-at-81821-am-bdhgo1mr0opng", + "title": "Design System Infrastructure with Knapsack" + } } - ], - "type": "doc" + ] } }, "id": "oa-y7sAwqr" diff --git a/data/blocks/block.or5NmQYdwm.json b/data/blocks/block.or5NmQYdwm.json index 1c385daa..8a8fd39e 100644 --- a/data/blocks/block.or5NmQYdwm.json +++ b/data/blocks/block.or5NmQYdwm.json @@ -2,265 +2,34 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 2 + "level": 2, + "textAlign": "left" }, "content": [ { "text": "Overview", "type": "text" } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Use messages to communicate short, important notes to users along with clear calls-to-action. Messages are versatile and can be used in a variety of scenarios.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Do:", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "text": "Consider and choose text and visual elements carefully. Test your messages with the minimal content and only add additional content or graphics where they give needed context to the user", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Use headlines that set clear expectations about the content being linked to", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Use one style of message per module, don't mix and match", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Feature one piece of information per message", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Outline the main idea with the minimal possible information, don't overload with information as the message links to more detail", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" + ] }, { + "type": "paragraph", "attrs": { - "level": 3 + "textAlign": "left" }, "content": [ { - "text": "Do not:", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "text": "Mix message styles within the same module", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Overload with information as the message links to more detail", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Add inline text links, the message itself is clickable and should link to a single piece of information, consider using content blocks in this instance", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "When to avoid", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Messages should only display enough information to give a user context. Do not use a card layout:", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "text": "to highlight a solo piece of information", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "when the content requires in-line or multiple links, consider content blocks", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "when a large amount of text is needed to give users context", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Keep content concise", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Messages allow users to scan content in order to find their required information quickly, therefore it is important to make the content concise. Ensure the headlines are brief and explicit about the content the messages link to. Intuitive headlines and copy help the user build a clear mental model of the content.", + "text": "Use messages to communicate short, important notes to users along with clear calls-to-action. Messages are versatile and can be used in a variety of scenarios.", "type": "text" } - ], - "type": "paragraph" + ] } - ], - "type": "doc" + ] } }, "id": "or5NmQYdwm" diff --git a/data/blocks/block.osLNmkYLkO.json b/data/blocks/block.osLNmkYLkO.json deleted file mode 100644 index 2ff01da3..00000000 --- a/data/blocks/block.osLNmkYLkO.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "blockType": "pattern-variations", - "data": { - "demoId": "2ysfvm4ShE", - "patternId": "button", - "size": "m", - "templateId": "react", - "variationId": "size" - }, - "id": "osLNmkYLkO" -} diff --git a/data/blocks/block.p0Xk4a97I.json b/data/blocks/block.p0Xk4a97I.json new file mode 100644 index 00000000..375e6923 --- /dev/null +++ b/data/blocks/block.p0Xk4a97I.json @@ -0,0 +1,24 @@ +{ + "id": "p0Xk4a97I", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Usage Guidelines", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/data/blocks/block.s0JaYiHQlW.json b/data/blocks/block.s0JaYiHQlW.json deleted file mode 100644 index 79f3cab6..00000000 --- a/data/blocks/block.s0JaYiHQlW.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Simple List", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "s0JaYiHQlW" -} diff --git a/data/blocks/block.sM9CmSLU48.json b/data/blocks/block.sM9CmSLU48.json deleted file mode 100644 index 9360f7e4..00000000 --- a/data/blocks/block.sM9CmSLU48.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 4 - }, - "content": [ - { - "text": "Knapsack Webinar", - "type": "text" - } - ], - "type": "heading" - }, - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Using design tokens to unify styling across products", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "sM9CmSLU48" -} diff --git a/data/blocks/block.stXiHo-n46.json b/data/blocks/block.stXiHo-n46.json deleted file mode 100644 index 35ac97d9..00000000 --- a/data/blocks/block.stXiHo-n46.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "blockType": "design-token-block", - "data": { - "demo": { - "id": "media-query" - }, - "tokens": { - "category": "breakpoint", - "name": "", - "tags": [], - "type": "dimension" - } - }, - "id": "stXiHo-n46" -} diff --git a/data/blocks/block.tA1WrvdWyM.json b/data/blocks/block.tA1WrvdWyM.json deleted file mode 100644 index 834c3e42..00000000 --- a/data/blocks/block.tA1WrvdWyM.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "pattern-list-block", - "id": "tA1WrvdWyM" -} diff --git a/data/blocks/block.uAr-_Djy6I.json b/data/blocks/block.uAr-_Djy6I.json deleted file mode 100644 index 55c3cf10..00000000 --- a/data/blocks/block.uAr-_Djy6I.json +++ /dev/null @@ -1,239 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Tables", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Column 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Column 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Column 3", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableHeader" - } - ], - "type": "tableRow" - }, - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Row 1", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Value", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "italic" - } - ], - "text": "X", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - } - ], - "type": "tableRow" - }, - { - "content": [ - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Row 2", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "text": "Value", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - }, - { - "attrs": { - "colspan": 1, - "colwidth": null, - "rowspan": 1 - }, - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "italic" - } - ], - "text": "Y", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "tableCell" - } - ], - "type": "tableRow" - } - ], - "type": "table" - } - ], - "type": "doc" - } - }, - "id": "uAr-_Djy6I" -} diff --git a/data/blocks/block.udJZJ73YSH.json b/data/blocks/block.udJZJ73YSH.json deleted file mode 100644 index 0f9d2506..00000000 --- a/data/blocks/block.udJZJ73YSH.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "blockType": "pattern-variations", - "data": { - "demoId": "2ysfvm4ShE", - "patternId": "button", - "size": "m", - "templateId": "react", - "variationId": "mode" - }, - "id": "udJZJ73YSH" -} diff --git a/data/blocks/block.uhsXkgwka1.json b/data/blocks/block.uhsXkgwka1.json deleted file mode 100644 index 233dc8aa..00000000 --- a/data/blocks/block.uhsXkgwka1.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 3 - }, - "content": [ - { - "text": "Table List", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "uhsXkgwka1" -} diff --git a/data/blocks/block.w5Yk-HGNlm.json b/data/blocks/block.w5Yk-HGNlm.json index 0691a1df..21df6b4d 100644 --- a/data/blocks/block.w5Yk-HGNlm.json +++ b/data/blocks/block.w5Yk-HGNlm.json @@ -1,7 +1,6 @@ { "blockType": "text-editor", "data": { - "autoFocus": true, "content": { "content": [ { diff --git a/data/blocks/block.wwkLIOf27t.json b/data/blocks/block.wwkLIOf27t.json index 47de7fcb..e879d0cb 100644 --- a/data/blocks/block.wwkLIOf27t.json +++ b/data/blocks/block.wwkLIOf27t.json @@ -96,5 +96,6 @@ "type": "doc" } }, - "id": "wwkLIOf27t" + "id": "wwkLIOf27t", + "spacing": "small" } diff --git a/data/blocks/block.xoEhx_j556.json b/data/blocks/block.xoEhx_j556.json deleted file mode 100644 index ae4ffbbe..00000000 --- a/data/blocks/block.xoEhx_j556.json +++ /dev/null @@ -1,23 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Raw Values", - "type": "text" - } - ], - "type": "heading" - } - ], - "type": "doc" - } - }, - "id": "xoEhx_j556" -} diff --git a/data/blocks/block.y7e0x_KAMN.json b/data/blocks/block.y7e0x_KAMN.json deleted file mode 100644 index 8174884c..00000000 --- a/data/blocks/block.y7e0x_KAMN.json +++ /dev/null @@ -1,77 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "content": [ - { - "marks": [ - { - "type": "italic" - } - ], - "text": "This section provides an overview of content formatting options in Knapsack. Visit the ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Design-Tokens-lNWaUqkDSo", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Design Tokens", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " and ", - "type": "text" - }, - { - "marks": [ - { - "attrs": { - "class": null, - "href": "././Components-Overview", - "target": "_blank" - }, - "type": "link" - }, - { - "type": "italic" - } - ], - "text": "Components", - "type": "text" - }, - { - "marks": [ - { - "type": "italic" - } - ], - "text": " sections for examples of asset docs.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "y7e0x_KAMN" -} diff --git a/data/blocks/block.y9KZVrKgpx.json b/data/blocks/block.y9KZVrKgpx.json deleted file mode 100644 index 14c2c129..00000000 --- a/data/blocks/block.y9KZVrKgpx.json +++ /dev/null @@ -1,277 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Overview", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Using the ", - "type": "text" - }, - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Design Tokens", - "type": "text" - }, - { - "text": " content block, users can create dynamic documentation of design tokens. Since Knapsack is wired up to the source code of your design system, documentation will automatically update when changes occur.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "content": [ - { - "text": "Choose from a variety of formats and presentations depending on the type of token you're documenting.", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "attrs": { - "level": 4 - }, - "content": [ - { - "text": "Explore the different options for design token presentation below:", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#color-swatches", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Color Swatches", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#breakpoints", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Breakpoints", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#spacing", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Spacing", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#shadow", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Shadow", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#raw-values", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Raw Values", - "type": "text" - } - ], - "type": "paragraph" - }, - { - "content": [ - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#table-list", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Table List", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#simple-list", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "Simple List", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "marks": [ - { - "attrs": { - "class": null, - "href": "#json", - "target": "_blank" - }, - "type": "link" - } - ], - "text": "JSON", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - } - ], - "type": "listItem" - } - ], - "type": "bulletList" - }, - { - "content": [ - { - "text": "Use the below sections to browse examples of design token documentation.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "y9KZVrKgpx" -} diff --git a/data/blocks/block.yw09CUQi5_.json b/data/blocks/block.yw09CUQi5_.json deleted file mode 100644 index d7329f7f..00000000 --- a/data/blocks/block.yw09CUQi5_.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "blockType": "divider-block", - "id": "yw09CUQi5_" -} diff --git a/data/blocks/block.zlejPJh20Z.json b/data/blocks/block.zlejPJh20Z.json deleted file mode 100644 index 98c3bd9d..00000000 --- a/data/blocks/block.zlejPJh20Z.json +++ /dev/null @@ -1,45 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "content": [ - { - "attrs": { - "level": 2 - }, - "content": [ - { - "text": "Component Embed", - "type": "text" - } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "A ", - "type": "text" - }, - { - "marks": [ - { - "type": "bold" - } - ], - "text": "Component Embed", - "type": "text" - }, - { - "text": " shows a live render of a production component, with options to display the schema form (for adjusting data + presentation) and/or the code snippet.", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "doc" - } - }, - "id": "zlejPJh20Z" -} diff --git a/data/knapsack.custom-page.Components.yml b/data/knapsack.custom-page.Components.yml deleted file mode 100644 index a961d731..00000000 --- a/data/knapsack.custom-page.Components.yml +++ /dev/null @@ -1,16 +0,0 @@ -id: Components -title: Components -description: Documentation capabilities & examples -blockIds: - - FaBVdJC1P7 - - 5RQruglYiX - - Fph9sYCuho - - zlejPJh20Z - - CyJBGzdohK - - 6eHTQ_DA5d - - osLNmkYLkO - - udJZJ73YSH - - Gtf7ERAcuu - - tA1WrvdWyM - - dxsxlMQ3Yz - - iSlOJ42w6Y diff --git a/data/knapsack.custom-page.Design-Files.yml b/data/knapsack.custom-page.Design-Files.yml deleted file mode 100644 index 8b2634af..00000000 --- a/data/knapsack.custom-page.Design-Files.yml +++ /dev/null @@ -1,6 +0,0 @@ -id: Design-Files -title: Design Files -description: Documentation capabilities & examples -blockIds: - - Y6lDP3j81a - - h6SryxnGE0 diff --git a/data/knapsack.custom-page.Design-System.yml b/data/knapsack.custom-page.Design-System.yml deleted file mode 100644 index 57bd0183..00000000 --- a/data/knapsack.custom-page.Design-System.yml +++ /dev/null @@ -1,7 +0,0 @@ -id: Design-System -title: Design System -settings: - pageHeader: - size: full -description: Create dynamic documentation using your coded system elements -blockIds: [] diff --git a/data/knapsack.custom-page.Design-Tokens.yml b/data/knapsack.custom-page.Design-Tokens.yml deleted file mode 100644 index 7e386353..00000000 --- a/data/knapsack.custom-page.Design-Tokens.yml +++ /dev/null @@ -1,25 +0,0 @@ -id: Design-Tokens -title: Design Tokens -description: Documentation capabilities & examples -blockIds: - - nuL9llFvdl - - y9KZVrKgpx - - 3JP6lsPzm5 - - BUFKAm-2a4 - - 2c9-R7CZYc - - yw09CUQi5_ - - 0jgDoN-06W - - stXiHo-n46 - - h5pUADysUw - - ncyDgsT_tf - - XvSFjTcPwH - - H4_9NLT2TE - - 2RIhkctxWB - - 8DUW-7h2bt - - A2my1t53RY - - euHhLM0j1S - - xoEhx_j556 - - uhsXkgwka1 - - j-gXbQAemM - - s0JaYiHQlW - - TPySDEPq5j diff --git a/data/knapsack.custom-page.Documentation.yml b/data/knapsack.custom-page.Documentation.yml deleted file mode 100644 index 1190cea0..00000000 --- a/data/knapsack.custom-page.Documentation.yml +++ /dev/null @@ -1,15 +0,0 @@ -id: Documentation -title: Documentation -settings: - pageHeader: - size: full - textColorTitle: - type: design-token - tokenName: color-brand-primary - colorValue: '#000000' - backgroundImage: https://knapsack.imgix.net/site/public-demo/sincerely-media-dgqf1dukutm-unsplash-dvgozcedlb.jpg - textColorDescription: - type: value - colorValue: '#000000' -description: Read more about how to use your design system -blockIds: [] diff --git a/data/knapsack.custom-page.Embeds.yml b/data/knapsack.custom-page.Embeds.yml deleted file mode 100644 index 4a2bb1d2..00000000 --- a/data/knapsack.custom-page.Embeds.yml +++ /dev/null @@ -1,7 +0,0 @@ -id: Embeds -title: Embeds -settings: - pageHeader: - size: full -description: Enhance your design system by embedding content from other applications -blockIds: [] diff --git a/data/knapsack.custom-page.Page-Level-Prototyping.yml b/data/knapsack.custom-page.Page-Level-Prototyping.yml index 90f3814a..2136ca98 100644 --- a/data/knapsack.custom-page.Page-Level-Prototyping.yml +++ b/data/knapsack.custom-page.Page-Level-Prototyping.yml @@ -2,16 +2,19 @@ id: Page-Level-Prototyping title: Page-Level Prototyping settings: pageHeader: - size: full + size: large textColorTitle: type: design-token colorValue: '#000000' tokenName: color-brand-primary - backgroundImage: null + backgroundImage: https://knapsack.imgix.net/site/public-demo/lego-clipart27-w46dfphz5ljpg textColorDescription: type: value colorValue: '#000000' + backgroundSize: contain + backgroundPosition: right description: |- Work with patterns to create new experiences. Collaborate to build, share, and test your ideas with real code! -blockIds: [] +blockIds: + - LcmSv3pwf5 diff --git a/data/knapsack.custom-page.Static-Content.yml b/data/knapsack.custom-page.Static-Content.yml deleted file mode 100644 index d5e61289..00000000 --- a/data/knapsack.custom-page.Static-Content.yml +++ /dev/null @@ -1,28 +0,0 @@ -id: Static-Content -title: Static Content -description: Documentation capabilities & examples -blockIds: - - y7e0x_KAMN - - 836ZvCc7ev - - WPb97EJk3q - - 3nx-x-krwF - - CP2xFIJwTx - - 9R_EDAEKZb - - lfSX6gzrNI - - 1qNvMBLoCi - - Lsu6cM8BeA - - aHFCyUV-9P - - FzPBc1o1wW - - 0x-NO4hfz2 - - nV_Eryo1YN - - hryTVxhrpj - - aOXHzURtCq - - 47VollR_2X - - 7arudKsMF0 - - ixHhgr8lh2 - - 08Q2X2v2Wi - - uAr-_Djy6I - - LBMso-6f-6 - - 1MwxUqcERn - - ctwMU8NUmw - - aVSS-GAb3b diff --git a/data/knapsack.custom-page.Videos.yml b/data/knapsack.custom-page.Videos.yml deleted file mode 100644 index 51af09e7..00000000 --- a/data/knapsack.custom-page.Videos.yml +++ /dev/null @@ -1,6 +0,0 @@ -id: Videos -title: Videos -description: Documentation capabilities & examples -blockIds: - - sM9CmSLU48 - - hqtwt_qLOH diff --git a/data/knapsack.custom-page.Workflow.yml b/data/knapsack.custom-page.Workflow.yml deleted file mode 100644 index 45088ee0..00000000 --- a/data/knapsack.custom-page.Workflow.yml +++ /dev/null @@ -1,9 +0,0 @@ -id: Workflow -title: Workflow -description: Documentation capabilities & examples -blockIds: - - jWII3xdR5Y - - mtVmHazNu6 - - UucuGVABD1 - - PB83Qahdru - - 7aopefwYVR diff --git a/data/knapsack.custom-page.welcome-to-knapsack.yml b/data/knapsack.custom-page.welcome-to-knapsack.yml index 47798398..7e06df48 100644 --- a/data/knapsack.custom-page.welcome-to-knapsack.yml +++ b/data/knapsack.custom-page.welcome-to-knapsack.yml @@ -17,6 +17,4 @@ blockIds: - 6-qXFUJ0eH - tY2rt92bob - oa-y7sAwqr - - j6lFMtQipq - - 0m76iAbMDZ - 7Y7v_lnZJh diff --git a/data/knapsack.navs.yml b/data/knapsack.navs.yml index 2a809da8..2c0f9885 100644 --- a/data/knapsack.navs.yml +++ b/data/knapsack.navs.yml @@ -20,11 +20,6 @@ byId: name: Complex Patterns parentId: Components-aPh3G1bbrX path: '' - Components: - id: Components - name: Components - parentId: Design-System - path: /pages/Components Components-Overview: id: Components-Overview name: Components Overview @@ -35,36 +30,11 @@ byId: name: Components parentId: root path: '' - Design-Files: - id: Design-Files - name: Design Files - parentId: Embeds - path: /pages/Design-Files - Design-System: - id: Design-System - name: Design System - parentId: Documentation - path: /pages/Design-System - Design-Tokens: - id: Design-Tokens - name: Design Tokens - parentId: Design-System - path: /pages/Design-Tokens Design-Tokens-lNWaUqkDSo: id: Design-Tokens-lNWaUqkDSo name: Design Tokens parentId: root path: /pages/Design-Tokens-lNWaUqkDSo - Documentation: - id: Documentation - name: Documentation - parentId: root - path: /pages/Documentation - Embeds: - id: Embeds - name: Embeds - parentId: Documentation - path: /pages/Embeds Layout: id: Layout name: Layouts @@ -101,21 +71,6 @@ byId: name: Simple Patterns parentId: Components-aPh3G1bbrX path: '' - Static-Content: - id: Static-Content - name: Static Content - parentId: Design-System - path: /pages/Static-Content - Videos: - id: Videos - name: Videos - parentId: Embeds - path: /pages/Videos - Workflow: - id: Workflow - name: Workflow - parentId: Embeds - path: /pages/Workflow adding-design-tokens: id: adding-design-tokens name: Adding Design Tokens @@ -246,15 +201,6 @@ order: - adding-documentation - connecting-coded-components - customizing-the-workspace - - Documentation - - Design-System - - Static-Content - - Design-Tokens - - Components - - Embeds - - Design-Files - - Videos - - Workflow - Design-Tokens-lNWaUqkDSo - colors - base-colors diff --git a/data/knapsack.pattern.card.json b/data/knapsack.pattern.card.json index e75cfa83..f898b3e6 100644 --- a/data/knapsack.pattern.card.json +++ b/data/knapsack.pattern.card.json @@ -57,12 +57,12 @@ "title": "Usage", "blockIds": [ "GUshucXGiO", - "QxLW4y0EMp", - "1zsHlF6chs", - "5XGv0lzX9", "w5Yk-HGNlm", "nayGe9qHLQ", "wwkLIOf27t", + "QxLW4y0EMp", + "1zsHlF6chs", + "5XGv0lzX9", "aqVaPpg6o5" ] }, diff --git a/data/knapsack.pattern.message.json b/data/knapsack.pattern.message.json index 72d885db..7de9468c 100644 --- a/data/knapsack.pattern.message.json +++ b/data/knapsack.pattern.message.json @@ -22,7 +22,7 @@ { "id": "overview", "title": "Overview", - "blockIds": ["or5NmQYdwm"] + "blockIds": ["or5NmQYdwm", "p0Xk4a97I", "aFlbpnRLo5", "kpEvane3ER"] } ], "templates": [],