diff --git a/apps/knapsack/data/blocks/block.35fpybp8m0.json b/apps/knapsack/data/blocks/block.35fpybp8m0.json new file mode 100644 index 000000000..b1d6bcf4a --- /dev/null +++ b/apps/knapsack/data/blocks/block.35fpybp8m0.json @@ -0,0 +1,272 @@ +{ + "id": "35fpybp8m0", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "File name", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Each feature title is made up of some combination of the following properties.", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Design status", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Completed", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "In dev", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Review", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "In progress", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Next up", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Not started", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Blocked", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Legacy", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Archived", + "type": "text" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Ticket number", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "For example VEDITOR-800", + "type": "text" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Title", + "type": "text" + } + ] + } + ] + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.4AKHjbj1mF.json b/apps/knapsack/data/blocks/block.4AKHjbj1mF.json new file mode 100644 index 000000000..7e6e383e9 --- /dev/null +++ b/apps/knapsack/data/blocks/block.4AKHjbj1mF.json @@ -0,0 +1,20 @@ +{ + "id": "4AKHjbj1mF", + "data": { + "shortcuts": [ + { + "id": "mGAVqw5Aj2", + "link": { + "name": "Figma organization", + "path": "/pages/figma-organization" + }, + "title": "See also", + "description": "Figma organization" + } + ], + "tileStyles": { + "imageSize": "none" + } + }, + "blockType": "shortcut-tiles" +} diff --git a/apps/knapsack/data/blocks/block.78KeehB9qV.json b/apps/knapsack/data/blocks/block.78KeehB9qV.json index 12f028a58..b3fd3647c 100644 --- a/apps/knapsack/data/blocks/block.78KeehB9qV.json +++ b/apps/knapsack/data/blocks/block.78KeehB9qV.json @@ -28,43 +28,6 @@ "type": "text" } ] - }, - { - "type": "heading", - "attrs": { - "level": 2, - "textAlign": "left" - }, - "content": [ - { - "text": "Why Material Design?", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "It gives us proven components, patterns, and standards for color, typography, and spacing. It lets us focus our design efforts on customer-specific value rather than reinventing basic elements.", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "These docs cover our additions and any modifications we made to Material Design. It also covers our specific implementation details. For standard Material components, refer to Google's comprehensive documentation.", - "type": "text" - } - ] } ] } diff --git a/apps/knapsack/data/blocks/block.9EJAqQ4it.json b/apps/knapsack/data/blocks/block.9EJAqQ4it.json new file mode 100644 index 000000000..b2365ca88 --- /dev/null +++ b/apps/knapsack/data/blocks/block.9EJAqQ4it.json @@ -0,0 +1,31 @@ +{ + "id": "9EJAqQ4it", + "data": { + "shortcuts": [ + { + "id": "EjquKRCDRb", + "link": { + "path": "https://www.figma.com/design/ycgjUfyzs5F1ZucbTaqsSp/New-feature-template?node-id=670-1375&t=VbIRTdxyyCzaeGXJ-1", + "external": true + }, + "image": "https://knapsack.imgix.net/site/covalent/figma--adDES8PkE4.png", + "title": "Figma document", + "description": "New feature template" + }, + { + "id": "b2qlzFb-rk", + "link": { + "path": "https://www.figma.com/files/project/20368833", + "external": true + }, + "image": "https://knapsack.imgix.net/site/covalent/figma--oJVAAv7-rj.png", + "title": "Figma project", + "description": "💟 Features" + } + ], + "tileStyles": { + "imageSize": "none" + } + }, + "blockType": "shortcut-tiles" +} diff --git a/apps/knapsack/data/blocks/block.CFuGFk5qxh.json b/apps/knapsack/data/blocks/block.CFuGFk5qxh.json deleted file mode 100644 index bfcbe959a..000000000 --- a/apps/knapsack/data/blocks/block.CFuGFk5qxh.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "id": "CFuGFk5qxh", - "data": { - "content": { - "type": "doc", - "content": [ - { - "type": "heading", - "attrs": { - "level": 1, - "textAlign": "left" - }, - "content": [ - { - "text": "Resources", - "type": "text" - } - ] - } - ] - } - }, - "blockType": "text-editor" -} diff --git a/apps/knapsack/data/blocks/block.FSJrgqvzsm.json b/apps/knapsack/data/blocks/block.FSJrgqvzsm.json index 6215c21aa..066d68ae3 100644 --- a/apps/knapsack/data/blocks/block.FSJrgqvzsm.json +++ b/apps/knapsack/data/blocks/block.FSJrgqvzsm.json @@ -24,7 +24,37 @@ }, "content": [ { - "text": "Our design tool of choice is Figma. ", + "text": "Our design tool of choice is Figma. To get started, visit ", + "type": "text" + }, + { + "text": "figma.com", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://figma.com", + "class": null + } + } + ] + }, + { + "text": " and log in with your Teradata account.", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Once you're in, open up the Teradata UX team. ", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.InybWHO1DL.json b/apps/knapsack/data/blocks/block.InybWHO1DL.json new file mode 100644 index 000000000..a4307686c --- /dev/null +++ b/apps/knapsack/data/blocks/block.InybWHO1DL.json @@ -0,0 +1,49 @@ +{ + "id": "InybWHO1DL", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Resources", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "For project work, create a new document for each new JIRA ticket. To do this, clone the \"New feature template\" file linked below, and move it into the 💟 ", + "type": "text" + }, + { + "text": "Features", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " project. Then, rename it according to the guide below, and make sure to update the status card to match.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.NqMlcItcf.json b/apps/knapsack/data/blocks/block.NqMlcItcf.json new file mode 100644 index 000000000..8c4b5121f --- /dev/null +++ b/apps/knapsack/data/blocks/block.NqMlcItcf.json @@ -0,0 +1,5 @@ +{ + "id": "NqMlcItcf", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.ODSSQA63g.json b/apps/knapsack/data/blocks/block.ODSSQA63g.json new file mode 100644 index 000000000..503a30ab8 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ODSSQA63g.json @@ -0,0 +1,18 @@ +{ + "id": "ODSSQA63g", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "15026:29780" + } + ], + "columns": "1", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.PWW38AmZTr.json b/apps/knapsack/data/blocks/block.PWW38AmZTr.json index 7b21f0aed..a71d52e58 100644 --- a/apps/knapsack/data/blocks/block.PWW38AmZTr.json +++ b/apps/knapsack/data/blocks/block.PWW38AmZTr.json @@ -15,5 +15,6 @@ } }, "size": "large", - "blockType": "design-src-tiles" + "blockType": "design-src-tiles", + "spacing": "small" } diff --git a/apps/knapsack/data/blocks/block.Q7qj81IntK.json b/apps/knapsack/data/blocks/block.Q7qj81IntK.json index cc6de83e9..108b46dff 100644 --- a/apps/knapsack/data/blocks/block.Q7qj81IntK.json +++ b/apps/knapsack/data/blocks/block.Q7qj81IntK.json @@ -1,7 +1,7 @@ { "id": "Q7qj81IntK", "data": { - "type": "warning", + "type": "info", "content": { "type": "doc", "content": [ diff --git a/apps/knapsack/data/blocks/block.QtEQ8VOYNr.json b/apps/knapsack/data/blocks/block.QtEQ8VOYNr.json new file mode 100644 index 000000000..502408527 --- /dev/null +++ b/apps/knapsack/data/blocks/block.QtEQ8VOYNr.json @@ -0,0 +1,5 @@ +{ + "id": "QtEQ8VOYNr", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.SkPHuiVkO0.json b/apps/knapsack/data/blocks/block.SkPHuiVkO0.json deleted file mode 100644 index 98471958e..000000000 --- a/apps/knapsack/data/blocks/block.SkPHuiVkO0.json +++ /dev/null @@ -1,285 +0,0 @@ -{ - "id": "SkPHuiVkO0", - "data": { - "content": { - "type": "doc", - "content": [ - { - "type": "heading", - "attrs": { - "level": 1, - "textAlign": "left" - }, - "content": [ - { - "text": "Design system structure", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - } - }, - { - "type": "heading", - "attrs": { - "level": 2, - "textAlign": "left" - }, - "content": [ - { - "text": "Foundations", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "The lowest level of the system, it includes items and concepts that everything else makes use of, including:", - "type": "text" - } - ] - }, - { - "type": "bulletList", - "content": [ - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Colors", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Spacing", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Typography", - "type": "text" - } - ] - } - ] - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - } - }, - { - "type": "heading", - "attrs": { - "level": 2, - "textAlign": "left" - }, - "content": [ - { - "text": "Components", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Repeatable UI elements, these can be assembled into larger sets and ultimately a whole UI. They have some guidance about how to use them but are largely placed and manipulated within patterns.", - "type": "text" - } - ] - }, - { - "type": "bulletList", - "content": [ - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Buttons", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Checkboxes", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Text fields", - "type": "text" - } - ] - } - ] - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - } - }, - { - "type": "heading", - "attrs": { - "level": 2, - "textAlign": "left" - }, - "content": [ - { - "text": "Patterns ", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Guidance on how to solve particular problems.", - "type": "text" - } - ] - }, - { - "type": "bulletList", - "content": [ - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Error messaging", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Forms", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "User management", - "type": "text" - } - ] - } - ] - } - ] - } - ] - } - }, - "blockType": "text-editor" -} diff --git a/apps/knapsack/data/blocks/block.TNqX1F5YD6.json b/apps/knapsack/data/blocks/block.TNqX1F5YD6.json new file mode 100644 index 000000000..9cbcf7b70 --- /dev/null +++ b/apps/knapsack/data/blocks/block.TNqX1F5YD6.json @@ -0,0 +1,437 @@ +{ + "id": "TNqX1F5YD6", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "table", + "attrs": { + "equalColumns": false + }, + "content": [ + { + "type": "tableRow", + "content": [ + { + "type": "tableHeader", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Project name", + "type": "text" + } + ] + } + ] + }, + { + "type": "tableHeader", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Details", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - Guides", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/6555237", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "How to's and tutorials.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - Basics", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/6555237", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "What we call Foundations today - it includes items and concepts that everything else makes use of, including colors, spacing and typography.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - Components", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/7868776", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Buttons, checkboxes, text fields, etc.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - Features", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/7868782", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "What we call Patterns today, these are explanations for standard approaches to solving existing problems. For example, a whole end-to-end file upload sequence, which can have multiple stage, states, and variants depending on on your specific circumstance.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - Templates", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/7868702", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Standardized starter page designs.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🌎 System - ", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/9615501", + "class": null, + "target": "_blank" + } + } + ] + }, + { + "text": "Utilities", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/9615501", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Helpers and resources to assist in the design process. Things like wireframe kits, cursor and arrow symbols for annotating designs, and process documents.", + "type": "text" + } + ] + } + ] + } + ] + } + ] + } + ] + } + }, + "blockType": "table" +} diff --git a/apps/knapsack/data/blocks/block.UYLWgPKCAK.json b/apps/knapsack/data/blocks/block.UYLWgPKCAK.json new file mode 100644 index 000000000..d2bf8e4f8 --- /dev/null +++ b/apps/knapsack/data/blocks/block.UYLWgPKCAK.json @@ -0,0 +1,25 @@ +{ + "id": "UYLWgPKCAK", + "data": { + "shortcuts": [ + { + "id": "fEa6ey12W", + "link": { + "path": "https://www.figma.com/design/KvXVAmYdCVAS7hzkOa73Em/Covalent-Principles", + "external": true + }, + "image": "https://knapsack.imgix.net/site/covalent/figma-dzmrsgqrhjpng", + "title": "Figma library", + "description": "All our foundational Figma components can be found in this library." + } + ], + "gridStyles": { + "columns": "3" + }, + "tileStyles": { + "imageSize": "none", + "titleSize": "large" + } + }, + "blockType": "shortcut-tiles" +} diff --git a/apps/knapsack/data/blocks/block.WJyHomoUC9.json b/apps/knapsack/data/blocks/block.WJyHomoUC9.json new file mode 100644 index 000000000..a5d7bff2b --- /dev/null +++ b/apps/knapsack/data/blocks/block.WJyHomoUC9.json @@ -0,0 +1,48 @@ +{ + "id": "WJyHomoUC9", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Why Material Design?", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "It gives us proven components, patterns, and standards for color, typography, and spacing. It lets us focus our design efforts on customer-specific value rather than reinventing basic elements.", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "These docs cover our additions and any modifications we made to Material Design. It also covers our specific implementation details. For standard Material components, refer to Google's comprehensive documentation.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.Y6eNqNHOFZ.json b/apps/knapsack/data/blocks/block.Y6eNqNHOFZ.json new file mode 100644 index 000000000..345e373e7 --- /dev/null +++ b/apps/knapsack/data/blocks/block.Y6eNqNHOFZ.json @@ -0,0 +1,48 @@ +{ + "id": "Y6eNqNHOFZ", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": " ", + "type": "text" + } + ] + }, + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Projects to bookmark", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "You'll want to create some bookmarks to help keep organized in your day-to-day work. Add stars to the following projects:", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.ggX7T9zaBm.json b/apps/knapsack/data/blocks/block.ggX7T9zaBm.json new file mode 100644 index 000000000..cf94aeef1 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ggX7T9zaBm.json @@ -0,0 +1,36 @@ +{ + "id": "ggX7T9zaBm", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Figma status card", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Change the content and state of the status card in your Figma file as you progress through the design process. If you're using the new feature template, it will be on the Overview page.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.h1oleL8GO6.json b/apps/knapsack/data/blocks/block.h1oleL8GO6.json index 11eb32b3a..7db2b7957 100644 --- a/apps/knapsack/data/blocks/block.h1oleL8GO6.json +++ b/apps/knapsack/data/blocks/block.h1oleL8GO6.json @@ -15,5 +15,6 @@ } }, "size": "large", - "blockType": "design-src-tiles" + "blockType": "design-src-tiles", + "spacing": "small" } diff --git a/apps/knapsack/data/blocks/block.j6NAiX6uBe.json b/apps/knapsack/data/blocks/block.j6NAiX6uBe.json new file mode 100644 index 000000000..4e681b227 --- /dev/null +++ b/apps/knapsack/data/blocks/block.j6NAiX6uBe.json @@ -0,0 +1,18 @@ +{ + "id": "j6NAiX6uBe", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "15026:29780" + } + ], + "columns": "1", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.kUzF7HVxg7.json b/apps/knapsack/data/blocks/block.kUzF7HVxg7.json new file mode 100644 index 000000000..269c05fb8 --- /dev/null +++ b/apps/knapsack/data/blocks/block.kUzF7HVxg7.json @@ -0,0 +1,5 @@ +{ + "id": "kUzF7HVxg7", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.kbjsX8E9qF.json b/apps/knapsack/data/blocks/block.kbjsX8E9qF.json index dda6ea640..429526347 100644 --- a/apps/knapsack/data/blocks/block.kbjsX8E9qF.json +++ b/apps/knapsack/data/blocks/block.kbjsX8E9qF.json @@ -15,5 +15,6 @@ } }, "size": "large", - "blockType": "design-src-tiles" + "blockType": "design-src-tiles", + "spacing": "small" } diff --git a/apps/knapsack/data/blocks/block.lIchOeXRm3.json b/apps/knapsack/data/blocks/block.lIchOeXRm3.json new file mode 100644 index 000000000..02243fccc --- /dev/null +++ b/apps/knapsack/data/blocks/block.lIchOeXRm3.json @@ -0,0 +1,36 @@ +{ + "id": "lIchOeXRm3", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Older examples", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "These projects are from a previous generation of the design system, but contain years worth of valuable examples to peruse. They're worth familiarizing yourself with, but be aware that they are visually out of date. ", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.qAd1PYCqEY.json b/apps/knapsack/data/blocks/block.qAd1PYCqEY.json index e1484e3f2..b18f65423 100644 --- a/apps/knapsack/data/blocks/block.qAd1PYCqEY.json +++ b/apps/knapsack/data/blocks/block.qAd1PYCqEY.json @@ -11,23 +11,13 @@ "image": "https://knapsack.imgix.net/site/covalent/material-design-pwazvl9qpng", "title": "Material Design", "description": "Our system uses Material Design 2 as a foundation. Review their docs for further context and extensive examples." - }, - { - "id": "fEa6ey12W", - "link": { - "path": "https://www.figma.com/design/KvXVAmYdCVAS7hzkOa73Em/Covalent-Principles", - "external": true - }, - "image": "https://knapsack.imgix.net/site/covalent/figma-dzmrsgqrhjpng", - "title": "Figma library", - "description": "All our foundational Figma components can be found in this library." } ], "gridStyles": { - "columns": "4" + "columns": "3" }, "tileStyles": { - "imageSize": "small", + "imageSize": "none", "titleSize": "large" } }, diff --git a/apps/knapsack/data/blocks/block.v58RbD8Krc.json b/apps/knapsack/data/blocks/block.v58RbD8Krc.json index 2543be800..52d1e4c29 100644 --- a/apps/knapsack/data/blocks/block.v58RbD8Krc.json +++ b/apps/knapsack/data/blocks/block.v58RbD8Krc.json @@ -15,5 +15,6 @@ } }, "size": "large", - "blockType": "design-src-tiles" + "blockType": "design-src-tiles", + "spacing": "small" } diff --git a/apps/knapsack/data/blocks/block.vp5YBQhsLE.json b/apps/knapsack/data/blocks/block.vp5YBQhsLE.json new file mode 100644 index 000000000..42900c333 --- /dev/null +++ b/apps/knapsack/data/blocks/block.vp5YBQhsLE.json @@ -0,0 +1,36 @@ +{ + "id": "vp5YBQhsLE", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Workflow", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "We've created starter templates and naming schemes to help organize your work and coordinate with other team members. See the Figma organization doc for more details.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.xGn2UHgaJs.json b/apps/knapsack/data/blocks/block.xGn2UHgaJs.json new file mode 100644 index 000000000..2207c1d22 --- /dev/null +++ b/apps/knapsack/data/blocks/block.xGn2UHgaJs.json @@ -0,0 +1,5 @@ +{ + "id": "xGn2UHgaJs", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.zkd2tedDqK.json b/apps/knapsack/data/blocks/block.zkd2tedDqK.json new file mode 100644 index 000000000..53f322919 --- /dev/null +++ b/apps/knapsack/data/blocks/block.zkd2tedDqK.json @@ -0,0 +1,196 @@ +{ + "id": "zkd2tedDqK", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "table", + "attrs": { + "equalColumns": false + }, + "content": [ + { + "type": "tableRow", + "content": [ + { + "type": "tableHeader", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Project name", + "type": "text" + } + ] + } + ] + }, + { + "type": "tableHeader", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Details", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "🫥 Design system 2.0", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/83122400", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Our most current design system resources, including our Covalent Figma library, symbols (icons) library, and new project starter template.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "tableRow", + "content": [ + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "💟 Features", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://www.figma.com/files/project/20368833", + "class": null + } + } + ] + } + ] + } + ] + }, + { + "type": "tableCell", + "attrs": { + "colspan": 1, + "rowspan": 1, + "colwidth": null + }, + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "This is where we store the detailed design files. Each has a thumbnail that conveys its status. Inside are detailed designs for a given work stream, including not just the approved screens but also ideation, older work, and other relevant material.", + "type": "text" + }, + { + "type": "hardBreak" + }, + { + "type": "hardBreak" + }, + { + "text": "Tip: sort alphabetically. This will group things by status - they’re named such that this will put the most timely items at the top.", + "type": "text" + } + ] + } + ] + } + ] + } + ] + } + ] + } + }, + "blockType": "table" +} diff --git a/apps/knapsack/data/db.yml b/apps/knapsack/data/db.yml index eafc8be5c..7874d7696 100644 --- a/apps/knapsack/data/db.yml +++ b/apps/knapsack/data/db.yml @@ -22,10 +22,10 @@ settings: files: - fileId: KvXVAmYdCVAS7hzkOa73Em name: Covalent principles - priorVersion: '2173636163435614104' + priorVersion: '2173901858724933551' type: figma - url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2173901858724933551 - version: '2173901858724933551' + url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2173972755736984046 + version: '2173972755736984046' favicon: https://knapsack.imgix.net/site/covalent/t-favicon-6zimud2smwpng hideTitleInNavigation: true logoUrl: https://knapsack.imgix.net/site/covalent/td-covalent-wordmark-sgyys2jeuwpng diff --git a/apps/knapsack/data/knapsack.custom-page.designers.yml b/apps/knapsack/data/knapsack.custom-page.designers.yml index f35a56ba7..6ea045752 100644 --- a/apps/knapsack/data/knapsack.custom-page.designers.yml +++ b/apps/knapsack/data/knapsack.custom-page.designers.yml @@ -2,7 +2,16 @@ id: designers title: Designers blockIds: - 78KeehB9qV - - CFuGFk5qxh + - WJyHomoUC9 - qAd1PYCqEY + - NqMlcItcf - FSJrgqvzsm - - SkPHuiVkO0 + - UYLWgPKCAK + - Y6eNqNHOFZ + - zkd2tedDqK + - lIchOeXRm3 + - TNqX1F5YD6 + - kUzF7HVxg7 + - vp5YBQhsLE + - 4AKHjbj1mF +description: Get familiar with our design tool and organization best practices diff --git a/apps/knapsack/data/knapsack.custom-page.figma-organization.yml b/apps/knapsack/data/knapsack.custom-page.figma-organization.yml new file mode 100644 index 000000000..f2be6d64d --- /dev/null +++ b/apps/knapsack/data/knapsack.custom-page.figma-organization.yml @@ -0,0 +1,12 @@ +id: figma-organization +title: Figma organization +blockIds: + - InybWHO1DL + - 9EJAqQ4it + - xGn2UHgaJs + - 35fpybp8m0 + - j6NAiX6uBe + - QtEQ8VOYNr + - ggX7T9zaBm + - ODSSQA63g +description: Standardized naming and file structure diff --git a/apps/knapsack/data/knapsack.navs.yml b/apps/knapsack/data/knapsack.navs.yml index 49c274a4f..7cf3d0bed 100644 --- a/apps/knapsack/data/knapsack.navs.yml +++ b/apps/knapsack/data/knapsack.navs.yml @@ -155,6 +155,11 @@ byId: name: Expansion panel item parentId: components path: /pattern/expansion-panel-item + figma-organization: + id: figma-organization + name: Figma organization + parentId: designers + path: /pages/figma-organization focused-page: id: focused-page name: Focused page @@ -493,3 +498,4 @@ order: - inclusive-language-glnk25tux - designers - developers + - figma-organization