From 1bcc9c7452f08876bf0d6eadc7d11d123deb7dae Mon Sep 17 00:00:00 2001 From: "knapsack-cloud[bot]" <57459571+knapsack-cloud[bot]@users.noreply.github.com> Date: Wed, 20 Nov 2024 00:26:25 +0000 Subject: [PATCH 1/4] Updates - Caroline --- .../data/blocks/block.0rZ0OosspG.json | 2 +- .../knapsack/data/blocks/block.1afPQDw2W.json | 22 ++ .../data/blocks/block.4kllIYgCNE.json | 247 +++++++++++++++ .../data/blocks/block.5YzqIaqreA.json | 22 ++ .../data/blocks/block.9I8NeStdCB.json | 14 +- .../data/blocks/block.HYwWRuR4Ew.json | 22 ++ .../data/blocks/block.IkZC0MzX1Z.json | 295 ++++++++++++++++++ .../data/blocks/block.IyKjkvXqx3.json | 102 ++++++ .../knapsack/data/blocks/block.L4FsMmtaw.json | 18 ++ .../data/blocks/block.NQPf74CL2j.json | 22 ++ .../data/blocks/block.OmxYteUjXt.json | 24 ++ .../data/blocks/block.WK2uBjkvHm.json | 87 ++++++ .../data/blocks/block.YlQCN5mV4X.json | 2 +- .../data/blocks/block.gHj5GQXru6.json | 23 ++ .../data/blocks/block.kaRz-Sjcfk.json | 5 + .../data/blocks/block.n0qkV5d0iZ.json | 22 ++ .../data/blocks/block.ok20yIaSYJ.json | 22 ++ .../data/blocks/block.xrFRYCPttz.json | 24 ++ apps/knapsack/data/db.yml | 6 +- .../data/knapsack.custom-page.color.yml | 15 + 20 files changed, 989 insertions(+), 7 deletions(-) create mode 100644 apps/knapsack/data/blocks/block.1afPQDw2W.json create mode 100644 apps/knapsack/data/blocks/block.4kllIYgCNE.json create mode 100644 apps/knapsack/data/blocks/block.5YzqIaqreA.json create mode 100644 apps/knapsack/data/blocks/block.HYwWRuR4Ew.json create mode 100644 apps/knapsack/data/blocks/block.IkZC0MzX1Z.json create mode 100644 apps/knapsack/data/blocks/block.IyKjkvXqx3.json create mode 100644 apps/knapsack/data/blocks/block.L4FsMmtaw.json create mode 100644 apps/knapsack/data/blocks/block.NQPf74CL2j.json create mode 100644 apps/knapsack/data/blocks/block.OmxYteUjXt.json create mode 100644 apps/knapsack/data/blocks/block.WK2uBjkvHm.json create mode 100644 apps/knapsack/data/blocks/block.gHj5GQXru6.json create mode 100644 apps/knapsack/data/blocks/block.kaRz-Sjcfk.json create mode 100644 apps/knapsack/data/blocks/block.n0qkV5d0iZ.json create mode 100644 apps/knapsack/data/blocks/block.ok20yIaSYJ.json create mode 100644 apps/knapsack/data/blocks/block.xrFRYCPttz.json diff --git a/apps/knapsack/data/blocks/block.0rZ0OosspG.json b/apps/knapsack/data/blocks/block.0rZ0OosspG.json index 40eef0c315..d534848ac6 100644 --- a/apps/knapsack/data/blocks/block.0rZ0OosspG.json +++ b/apps/knapsack/data/blocks/block.0rZ0OosspG.json @@ -2,7 +2,7 @@ "id": "0rZ0OosspG", "data": { "md": [ - "# Anatomy\nAn alert is composed of (up to) five elements:\n- Status icon\n- Title\n- Description (optional)\n- Call to action button\n- Icon" + "# Anatomy\nAn alert is composed of (up to) four elements:\n- Status icon\n- Title\n- Description (optional)\n- Call to action button\n- Icon" ], "columns": 1 }, diff --git a/apps/knapsack/data/blocks/block.1afPQDw2W.json b/apps/knapsack/data/blocks/block.1afPQDw2W.json new file mode 100644 index 0000000000..b11b76cc2d --- /dev/null +++ b/apps/knapsack/data/blocks/block.1afPQDw2W.json @@ -0,0 +1,22 @@ +{ + "id": "1afPQDw2W", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36643" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36738" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.4kllIYgCNE.json b/apps/knapsack/data/blocks/block.4kllIYgCNE.json new file mode 100644 index 0000000000..2fe3aba2d0 --- /dev/null +++ b/apps/knapsack/data/blocks/block.4kllIYgCNE.json @@ -0,0 +1,247 @@ +{ + "id": "4kllIYgCNE", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Color roles", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface ", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": "– A role used for backgrounds and large, low-emphasis areas of the screen.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Primary, Secondary, Tertiary", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Accent color roles used to emphasize or de-emphasize foreground elements.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Container", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Roles used as a fill color for foreground elements like buttons. They should not be used for text or icons.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "On", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Roles starting with this term indicate a color for text or icons ", + "type": "text" + }, + { + "text": "on top", + "type": "text", + "marks": [ + { + "type": "italic" + } + ] + }, + { + "text": " of its paired parent color. For example, ", + "type": "text" + }, + { + "text": "on primary", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " is used for text and icons against the ", + "type": "text" + }, + { + "text": "primary", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " fill color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Variant", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Roles ending with this term offer a lower emphasis alternative to its non-variant pair. For example, ", + "type": "text" + }, + { + "text": "outline variant ", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": "is a less emphasized version of the ", + "type": "text" + }, + { + "text": "outline ", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": "color.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Sourced from Material Design 3 color role guidelines.", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles", + "class": null, + "target": "_blank" + } + } + ] + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.5YzqIaqreA.json b/apps/knapsack/data/blocks/block.5YzqIaqreA.json new file mode 100644 index 0000000000..71dc7813a3 --- /dev/null +++ b/apps/knapsack/data/blocks/block.5YzqIaqreA.json @@ -0,0 +1,22 @@ +{ + "id": "5YzqIaqreA", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36547" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36595" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.9I8NeStdCB.json b/apps/knapsack/data/blocks/block.9I8NeStdCB.json index 0a4208aff3..170a72ddfc 100644 --- a/apps/knapsack/data/blocks/block.9I8NeStdCB.json +++ b/apps/knapsack/data/blocks/block.9I8NeStdCB.json @@ -5,12 +5,12 @@ { "id": "aZr6RjLvBS", "link": { - "path": "https://m2.material.io/design/color/the-color-system.html", + "path": "https://m3.material.io/styles/color/roles", "external": true }, "image": "https://knapsack.imgix.net/site/covalent/material-design-logo-zc-urjolqmpng", "title": "Material Design color system", - "description": "Our colors follow the model laid out by Material Design 2" + "description": "Our colors follow the model laid out by Material Design 3" }, { "id": "yw4ZIprLbc", @@ -21,6 +21,16 @@ "image": "https://knapsack.imgix.net/site/covalent/color-ozqypeur8ppng", "title": "Covalent", "description": "Color tokens" + }, + { + "id": "NqI5iusZ4C", + "link": { + "path": "https://www.figma.com/design/KvXVAmYdCVAS7hzkOa73Em/Covalent-Principles?node-id=8017-35193", + "external": true + }, + "image": "https://knapsack.imgix.net/site/covalent/fig-rrghh2cu-hpng", + "title": "Figma", + "description": "Figma Colors page" } ], "tileStyles": { diff --git a/apps/knapsack/data/blocks/block.HYwWRuR4Ew.json b/apps/knapsack/data/blocks/block.HYwWRuR4Ew.json new file mode 100644 index 0000000000..f57851a2d1 --- /dev/null +++ b/apps/knapsack/data/blocks/block.HYwWRuR4Ew.json @@ -0,0 +1,22 @@ +{ + "id": "HYwWRuR4Ew", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13871:2992" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13871:2903" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json new file mode 100644 index 0000000000..80fa88783c --- /dev/null +++ b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json @@ -0,0 +1,295 @@ +{ + "id": "IkZC0MzX1Z", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Surface colors", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "There are three surface roles:", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Default color for backgrounds.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "On surface", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Text and icons against any surface color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "On surface variant", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Lower-emphasis color for text and icons against any surface color", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + } + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "There are also five surface container roles named based on their level of emphasis:", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container lowest", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Lowest-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container low", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Low-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Default container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container high", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – High-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container highest", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Highest-emphasis container color.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Sourced from Material Design 3 color role guidelines.", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles", + "class": null, + "target": "_blank" + } + } + ] + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.IyKjkvXqx3.json b/apps/knapsack/data/blocks/block.IyKjkvXqx3.json new file mode 100644 index 0000000000..f3a6130e05 --- /dev/null +++ b/apps/knapsack/data/blocks/block.IyKjkvXqx3.json @@ -0,0 +1,102 @@ +{ + "id": "IyKjkvXqx3", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Primary, secondary and tertiary colors", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use primary roles for the most prominent components across the UI, such as the FAB, high-emphasis buttons, and active states.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use secondary roles for less prominent components in the UI such as filter chips.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use tertiary roles for contrasting accents that balance primary and secondary colors or bring heightened attention to an element such as an input field. ", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Sourced from Material Design 3 color role guidelines.", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles", + "class": null + } + } + ] + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.L4FsMmtaw.json b/apps/knapsack/data/blocks/block.L4FsMmtaw.json new file mode 100644 index 0000000000..af2010b436 --- /dev/null +++ b/apps/knapsack/data/blocks/block.L4FsMmtaw.json @@ -0,0 +1,18 @@ +{ + "id": "L4FsMmtaw", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13960:36353" + } + ], + "columns": "1", + "imageStyles": { + "fit": "contain", + "size": "large", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.NQPf74CL2j.json b/apps/knapsack/data/blocks/block.NQPf74CL2j.json new file mode 100644 index 0000000000..3bfd9996b9 --- /dev/null +++ b/apps/knapsack/data/blocks/block.NQPf74CL2j.json @@ -0,0 +1,22 @@ +{ + "id": "NQPf74CL2j", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13871:2478" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13871:2648" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.OmxYteUjXt.json b/apps/knapsack/data/blocks/block.OmxYteUjXt.json new file mode 100644 index 0000000000..2eea490ab0 --- /dev/null +++ b/apps/knapsack/data/blocks/block.OmxYteUjXt.json @@ -0,0 +1,24 @@ +{ + "id": "OmxYteUjXt", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Light and dark modes", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.WK2uBjkvHm.json b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json new file mode 100644 index 0000000000..a36ace32a5 --- /dev/null +++ b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json @@ -0,0 +1,87 @@ +{ + "id": "WK2uBjkvHm", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "States", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use the Negative color to communicate an error state.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use the Caution color to communicate a warning.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use the Positive color to communicate a success state.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + } + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.YlQCN5mV4X.json b/apps/knapsack/data/blocks/block.YlQCN5mV4X.json index 9f486d6b58..85a898b8ae 100644 --- a/apps/knapsack/data/blocks/block.YlQCN5mV4X.json +++ b/apps/knapsack/data/blocks/block.YlQCN5mV4X.json @@ -2,7 +2,7 @@ "id": "YlQCN5mV4X", "data": { "md": [ - "# Full-page alerts\n- Use these for page-wide messaging\n- Provide a short alert title that describes the situation clearly and succinctly\n- If a longer message is required, it can be included within the alert description\n- Use an icon and color to indicate severity of the alert\n- A single-action text button or close icon can be placed inside of an alert" + "# Page-level alerts\n- Use these for page-wide messaging\n- Provide a short alert title that describes the situation clearly and succinctly\n- If a longer message is required, it can be included within the alert description\n- Use an icon and color to indicate severity of the alert\n- A single-action text button or close icon can be placed inside of an alert" ], "columns": 1 }, diff --git a/apps/knapsack/data/blocks/block.gHj5GQXru6.json b/apps/knapsack/data/blocks/block.gHj5GQXru6.json new file mode 100644 index 0000000000..898589ecb1 --- /dev/null +++ b/apps/knapsack/data/blocks/block.gHj5GQXru6.json @@ -0,0 +1,23 @@ +{ + "id": "gHj5GQXru6", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13960:36043" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13960:36163" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + }, + "layout": "grid" + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.kaRz-Sjcfk.json b/apps/knapsack/data/blocks/block.kaRz-Sjcfk.json new file mode 100644 index 0000000000..588ad6a4ae --- /dev/null +++ b/apps/knapsack/data/blocks/block.kaRz-Sjcfk.json @@ -0,0 +1,5 @@ +{ + "id": "kaRz-Sjcfk", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.n0qkV5d0iZ.json b/apps/knapsack/data/blocks/block.n0qkV5d0iZ.json new file mode 100644 index 0000000000..303d1daac1 --- /dev/null +++ b/apps/knapsack/data/blocks/block.n0qkV5d0iZ.json @@ -0,0 +1,22 @@ +{ + "id": "n0qkV5d0iZ", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36461" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13963:36462" + } + ], + "columns": "2", + "imageStyles": { + "fit": "fill", + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.ok20yIaSYJ.json b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json new file mode 100644 index 0000000000..5ee0dbd675 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json @@ -0,0 +1,22 @@ +{ + "id": "ok20yIaSYJ", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13876:3078" + }, + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13876:3171" + } + ], + "columns": "2", + "imageStyles": { + "fit": "contain", + "size": "large", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.xrFRYCPttz.json b/apps/knapsack/data/blocks/block.xrFRYCPttz.json new file mode 100644 index 0000000000..69bf1bd2b9 --- /dev/null +++ b/apps/knapsack/data/blocks/block.xrFRYCPttz.json @@ -0,0 +1,24 @@ +{ + "id": "xrFRYCPttz", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Usage and details", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/db.yml b/apps/knapsack/data/db.yml index 87093a4944..accefc3dcf 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: '2150569702836114658' + priorVersion: '2152753410743651058' type: figma - url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2150585782634935158 - version: '2150585782634935158' + url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2152757636484539489 + version: '2152757636484539489' favicon: https://knapsack.imgix.net/site/covalent/t-favicon-6zimud2smwpng hideTitleInNavigation: true logoUrl: https://knapsack.imgix.net/site/covalent/td-covalent-wordmark-1dsxavbwltpng diff --git a/apps/knapsack/data/knapsack.custom-page.color.yml b/apps/knapsack/data/knapsack.custom-page.color.yml index bff9654258..ef1a9823b7 100644 --- a/apps/knapsack/data/knapsack.custom-page.color.yml +++ b/apps/knapsack/data/knapsack.custom-page.color.yml @@ -2,3 +2,18 @@ id: color title: Color blockIds: - 9I8NeStdCB + - 4kllIYgCNE + - OmxYteUjXt + - NQPf74CL2j + - kaRz-Sjcfk + - xrFRYCPttz + - IkZC0MzX1Z + - n0qkV5d0iZ + - HYwWRuR4Ew + - IyKjkvXqx3 + - 5YzqIaqreA + - gHj5GQXru6 + - L4FsMmtaw + - WK2uBjkvHm + - 1afPQDw2W + - ok20yIaSYJ From a26fd0aa5fa0343975a1aee3f5e65c16bb11c282 Mon Sep 17 00:00:00 2001 From: "knapsack-cloud[bot]" <57459571+knapsack-cloud[bot]@users.noreply.github.com> Date: Fri, 22 Nov 2024 23:30:58 +0000 Subject: [PATCH 2/4] Improvements - Caroline --- .../data/blocks/block.9I8NeStdCB.json | 14 +--- .../data/blocks/block.IyKjkvXqx3.json | 70 +++---------------- .../knapsack/data/blocks/block.L4FsMmtaw.json | 2 +- .../data/blocks/block.OmxYteUjXt.json | 14 +++- .../data/blocks/block.VlxHDHtlm5.json | 54 ++++++++++++++ .../data/blocks/block.YX12ke2VXe.json | 41 +++++++++++ .../data/blocks/block.ZNxKseIXgO.json | 54 ++++++++++++++ .../data/blocks/block.gGDZmOyQP4.json | 30 ++++++++ .../data/blocks/block.gHj5GQXru6.json | 10 +-- .../data/blocks/block.i-DKLWYgHw.json | 18 +++++ .../data/blocks/block.ok20yIaSYJ.json | 6 +- apps/knapsack/data/db.yml | 6 +- .../data/knapsack.custom-page.color.yml | 12 ++-- 13 files changed, 238 insertions(+), 93 deletions(-) create mode 100644 apps/knapsack/data/blocks/block.VlxHDHtlm5.json create mode 100644 apps/knapsack/data/blocks/block.YX12ke2VXe.json create mode 100644 apps/knapsack/data/blocks/block.ZNxKseIXgO.json create mode 100644 apps/knapsack/data/blocks/block.gGDZmOyQP4.json create mode 100644 apps/knapsack/data/blocks/block.i-DKLWYgHw.json diff --git a/apps/knapsack/data/blocks/block.9I8NeStdCB.json b/apps/knapsack/data/blocks/block.9I8NeStdCB.json index 170a72ddfc..7e7a8ebf77 100644 --- a/apps/knapsack/data/blocks/block.9I8NeStdCB.json +++ b/apps/knapsack/data/blocks/block.9I8NeStdCB.json @@ -10,7 +10,7 @@ }, "image": "https://knapsack.imgix.net/site/covalent/material-design-logo-zc-urjolqmpng", "title": "Material Design color system", - "description": "Our colors follow the model laid out by Material Design 3" + "description": "Our colors follows the model laid out by Material Design 3" }, { "id": "yw4ZIprLbc", @@ -21,16 +21,6 @@ "image": "https://knapsack.imgix.net/site/covalent/color-ozqypeur8ppng", "title": "Covalent", "description": "Color tokens" - }, - { - "id": "NqI5iusZ4C", - "link": { - "path": "https://www.figma.com/design/KvXVAmYdCVAS7hzkOa73Em/Covalent-Principles?node-id=8017-35193", - "external": true - }, - "image": "https://knapsack.imgix.net/site/covalent/fig-rrghh2cu-hpng", - "title": "Figma", - "description": "Figma Colors page" } ], "tileStyles": { @@ -39,7 +29,7 @@ "imageSize": "small" }, "gridStyles": { - "columns": "4" + "columns": "3" } }, "blockType": "shortcut-tiles" diff --git a/apps/knapsack/data/blocks/block.IyKjkvXqx3.json b/apps/knapsack/data/blocks/block.IyKjkvXqx3.json index f3a6130e05..2e6b788248 100644 --- a/apps/knapsack/data/blocks/block.IyKjkvXqx3.json +++ b/apps/knapsack/data/blocks/block.IyKjkvXqx3.json @@ -12,67 +12,11 @@ }, "content": [ { - "text": "Primary, secondary and tertiary colors", + "text": "Primary colors", "type": "text" } ] }, - { - "type": "bulletList", - "content": [ - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Use primary roles for the most prominent components across the UI, such as the FAB, high-emphasis buttons, and active states.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Use secondary roles for less prominent components in the UI such as filter chips.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Use tertiary roles for contrasting accents that balance primary and secondary colors or bring heightened attention to an element such as an input field. ", - "type": "text" - } - ] - } - ] - } - ] - }, { "type": "paragraph", "attrs": { @@ -80,18 +24,26 @@ }, "content": [ { - "text": "Sourced from Material Design 3 color role guidelines.", + "text": "Use primary roles for the most prominent components across the UI, such as the FAB, high-emphasis buttons, and active states (", + "type": "text" + }, + { + "text": "M3", "type": "text", "marks": [ { "type": "link", "attrs": { "rel": "noopener noreferrer nofollow", - "href": "https://m3.material.io/styles/color/roles", + "href": "https://m3.material.io/styles/color/roles#41f55188-5c63-4107-ac41-822ebca8ae1b", "class": null } } ] + }, + { + "text": ").", + "type": "text" } ] } diff --git a/apps/knapsack/data/blocks/block.L4FsMmtaw.json b/apps/knapsack/data/blocks/block.L4FsMmtaw.json index af2010b436..86bcea95d5 100644 --- a/apps/knapsack/data/blocks/block.L4FsMmtaw.json +++ b/apps/knapsack/data/blocks/block.L4FsMmtaw.json @@ -4,7 +4,7 @@ "items": [ { "fileId": "KvXVAmYdCVAS7hzkOa73Em", - "nodeId": "13960:36353" + "nodeId": "13960:36163" } ], "columns": "1", diff --git a/apps/knapsack/data/blocks/block.OmxYteUjXt.json b/apps/knapsack/data/blocks/block.OmxYteUjXt.json index 2eea490ab0..353f19cda1 100644 --- a/apps/knapsack/data/blocks/block.OmxYteUjXt.json +++ b/apps/knapsack/data/blocks/block.OmxYteUjXt.json @@ -12,7 +12,19 @@ }, "content": [ { - "text": "Light and dark modes", + "text": "Theming", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Each color is defined in both a light and dark version. These are designed to work together, and should not be changed. For example, when using the “emphasis” background color in light mode, you cannot use “accent” color in dark mode for the same element.", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.VlxHDHtlm5.json b/apps/knapsack/data/blocks/block.VlxHDHtlm5.json new file mode 100644 index 0000000000..29649e51d7 --- /dev/null +++ b/apps/knapsack/data/blocks/block.VlxHDHtlm5.json @@ -0,0 +1,54 @@ +{ + "id": "VlxHDHtlm5", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Secondary colors", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use secondary roles for less prominent components in the UI such as filter chips (", + "type": "text" + }, + { + "text": "M3", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles#290bcc49-b728-414c-8cc5-04336c1c799c", + "class": null + } + } + ] + }, + { + "text": ").", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.YX12ke2VXe.json b/apps/knapsack/data/blocks/block.YX12ke2VXe.json new file mode 100644 index 0000000000..f4b6e57429 --- /dev/null +++ b/apps/knapsack/data/blocks/block.YX12ke2VXe.json @@ -0,0 +1,41 @@ +{ + "id": "YX12ke2VXe", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "The Covalent color system is built off of color role specifications from ", + "type": "text" + }, + { + "text": "Material Design 3", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles", + "class": null + } + } + ] + }, + { + "text": ".", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.ZNxKseIXgO.json b/apps/knapsack/data/blocks/block.ZNxKseIXgO.json new file mode 100644 index 0000000000..cafa2c2f28 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ZNxKseIXgO.json @@ -0,0 +1,54 @@ +{ + "id": "ZNxKseIXgO", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Tertiary colors", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Use tertiary roles for contrasting accents that balance primary and secondary colors or bring heightened attention to an element such as an input field (", + "type": "text" + }, + { + "text": "M3", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles#727a0bf8-c95f-4f83-bc43-290d20f24e8e", + "class": null + } + } + ] + }, + { + "text": "). ", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.gGDZmOyQP4.json b/apps/knapsack/data/blocks/block.gGDZmOyQP4.json new file mode 100644 index 0000000000..9acf2867c4 --- /dev/null +++ b/apps/knapsack/data/blocks/block.gGDZmOyQP4.json @@ -0,0 +1,30 @@ +{ + "id": "gGDZmOyQP4", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 3, + "textAlign": "left" + }, + "content": [ + { + "text": "Using tonal palettes", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + } + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.gHj5GQXru6.json b/apps/knapsack/data/blocks/block.gHj5GQXru6.json index 898589ecb1..0c14f2c4e9 100644 --- a/apps/knapsack/data/blocks/block.gHj5GQXru6.json +++ b/apps/knapsack/data/blocks/block.gHj5GQXru6.json @@ -5,16 +5,12 @@ { "fileId": "KvXVAmYdCVAS7hzkOa73Em", "nodeId": "13960:36043" - }, - { - "fileId": "KvXVAmYdCVAS7hzkOa73Em", - "nodeId": "13960:36163" } ], - "columns": "2", + "columns": "1", "imageStyles": { - "fit": "fill", - "size": "auto", + "fit": "contain", + "size": "large", "seamless": true }, "layout": "grid" diff --git a/apps/knapsack/data/blocks/block.i-DKLWYgHw.json b/apps/knapsack/data/blocks/block.i-DKLWYgHw.json new file mode 100644 index 0000000000..02330cd27c --- /dev/null +++ b/apps/knapsack/data/blocks/block.i-DKLWYgHw.json @@ -0,0 +1,18 @@ +{ + "id": "i-DKLWYgHw", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "13960:36353" + } + ], + "columns": "1", + "imageStyles": { + "fit": "contain", + "size": "large", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.ok20yIaSYJ.json b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json index 5ee0dbd675..ff406ebfbc 100644 --- a/apps/knapsack/data/blocks/block.ok20yIaSYJ.json +++ b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json @@ -5,13 +5,9 @@ { "fileId": "KvXVAmYdCVAS7hzkOa73Em", "nodeId": "13876:3078" - }, - { - "fileId": "KvXVAmYdCVAS7hzkOa73Em", - "nodeId": "13876:3171" } ], - "columns": "2", + "columns": "1", "imageStyles": { "fit": "contain", "size": "large", diff --git a/apps/knapsack/data/db.yml b/apps/knapsack/data/db.yml index accefc3dcf..2a8f84e7dc 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: '2152753410743651058' + priorVersion: '2152757636484539489' type: figma - url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2152757636484539489 - version: '2152757636484539489' + url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2153936738677195386 + version: '2153936738677195386' favicon: https://knapsack.imgix.net/site/covalent/t-favicon-6zimud2smwpng hideTitleInNavigation: true logoUrl: https://knapsack.imgix.net/site/covalent/td-covalent-wordmark-1dsxavbwltpng diff --git a/apps/knapsack/data/knapsack.custom-page.color.yml b/apps/knapsack/data/knapsack.custom-page.color.yml index ef1a9823b7..e48a992b8a 100644 --- a/apps/knapsack/data/knapsack.custom-page.color.yml +++ b/apps/knapsack/data/knapsack.custom-page.color.yml @@ -1,19 +1,21 @@ id: color title: Color blockIds: + - YX12ke2VXe - 9I8NeStdCB - 4kllIYgCNE - - OmxYteUjXt - NQPf74CL2j + - OmxYteUjXt + - HYwWRuR4Ew + - gGDZmOyQP4 - kaRz-Sjcfk - xrFRYCPttz - IkZC0MzX1Z - - n0qkV5d0iZ - - HYwWRuR4Ew - IyKjkvXqx3 - - 5YzqIaqreA - gHj5GQXru6 + - VlxHDHtlm5 - L4FsMmtaw + - ZNxKseIXgO + - i-DKLWYgHw - WK2uBjkvHm - - 1afPQDw2W - ok20yIaSYJ From 2a1719d4ff6ce1e57a3a8195746b39f592a680d5 Mon Sep 17 00:00:00 2001 From: "knapsack-cloud[bot]" <57459571+knapsack-cloud[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 19:17:01 +0000 Subject: [PATCH 3/4] Updates - Caroline --- .../knapsack/data/blocks/block.5id0UoGXW.json | 17 +++ .../data/blocks/block.ECyzkuFsGc.json | 5 + .../data/blocks/block.IkZC0MzX1Z.json | 2 +- .../knapsack/data/blocks/block.L4FsMmtaw.json | 2 +- .../data/blocks/block.OmxYteUjXt.json | 2 +- .../data/blocks/block.WK2uBjkvHm.json | 12 +++ .../data/blocks/block.YX12ke2VXe.json | 2 +- .../data/blocks/block.ZSbc66a8Ri.json | 23 ++++ .../data/blocks/block.ZoCdse-OVA.json | 24 +++++ .../data/blocks/block.gHj5GQXru6.json | 2 +- .../data/blocks/block.glOIuRjmkg.json | 46 ++++++++ .../data/blocks/block.i-DKLWYgHw.json | 2 +- .../data/blocks/block.ilgc8MX7Mr.json | 17 +++ .../data/blocks/block.ok20yIaSYJ.json | 2 +- .../knapsack/data/blocks/block.ujyNk0CnK.json | 24 +++-- apps/knapsack/data/db.yml | 6 +- apps/knapsack/data/demos/demo.6A9yqTSh6x.json | 20 ++++ apps/knapsack/data/demos/demo.8mt1FePOgA.json | 23 ++++ apps/knapsack/data/demos/demo.Cg0RVNBqem.json | 16 +++ apps/knapsack/data/demos/demo.YIH9EOiP.json | 24 +++++ apps/knapsack/data/demos/demo.cGWFzjIg8i.json | 24 +++++ apps/knapsack/data/demos/demo.fekA6wwl9K.json | 23 ++++ apps/knapsack/data/demos/demo.mnXbWmndnd.json | 30 ++++++ .../data/knapsack.custom-page.color.yml | 6 +- apps/knapsack/data/knapsack.navs.yml | 26 ++++- .../data/knapsack.pattern.icon-lockup.json | 101 ++++++++++++++++++ 26 files changed, 455 insertions(+), 26 deletions(-) create mode 100644 apps/knapsack/data/blocks/block.5id0UoGXW.json create mode 100644 apps/knapsack/data/blocks/block.ECyzkuFsGc.json create mode 100644 apps/knapsack/data/blocks/block.ZSbc66a8Ri.json create mode 100644 apps/knapsack/data/blocks/block.ZoCdse-OVA.json create mode 100644 apps/knapsack/data/blocks/block.glOIuRjmkg.json create mode 100644 apps/knapsack/data/blocks/block.ilgc8MX7Mr.json create mode 100644 apps/knapsack/data/demos/demo.6A9yqTSh6x.json create mode 100644 apps/knapsack/data/demos/demo.8mt1FePOgA.json create mode 100644 apps/knapsack/data/demos/demo.Cg0RVNBqem.json create mode 100644 apps/knapsack/data/demos/demo.YIH9EOiP.json create mode 100644 apps/knapsack/data/demos/demo.cGWFzjIg8i.json create mode 100644 apps/knapsack/data/demos/demo.fekA6wwl9K.json create mode 100644 apps/knapsack/data/demos/demo.mnXbWmndnd.json create mode 100644 apps/knapsack/data/knapsack.pattern.icon-lockup.json diff --git a/apps/knapsack/data/blocks/block.5id0UoGXW.json b/apps/knapsack/data/blocks/block.5id0UoGXW.json new file mode 100644 index 0000000000..abe5a4526f --- /dev/null +++ b/apps/knapsack/data/blocks/block.5id0UoGXW.json @@ -0,0 +1,17 @@ +{ + "id": "5id0UoGXW", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "14193:2620" + } + ], + "columns": "1", + "imageStyles": { + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.ECyzkuFsGc.json b/apps/knapsack/data/blocks/block.ECyzkuFsGc.json new file mode 100644 index 0000000000..7b3a6e7601 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ECyzkuFsGc.json @@ -0,0 +1,5 @@ +{ + "id": "ECyzkuFsGc", + "data": {}, + "blockType": "divider-block" +} diff --git a/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json index 80fa88783c..067f4845c4 100644 --- a/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json +++ b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json @@ -24,7 +24,7 @@ }, "content": [ { - "text": "There are three surface roles:", + "text": "Surface colors are used for background and containers. There are three surface roles:", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.L4FsMmtaw.json b/apps/knapsack/data/blocks/block.L4FsMmtaw.json index 86bcea95d5..e73c8c60d3 100644 --- a/apps/knapsack/data/blocks/block.L4FsMmtaw.json +++ b/apps/knapsack/data/blocks/block.L4FsMmtaw.json @@ -10,7 +10,7 @@ "columns": "1", "imageStyles": { "fit": "contain", - "size": "large", + "size": "auto", "seamless": true } }, diff --git a/apps/knapsack/data/blocks/block.OmxYteUjXt.json b/apps/knapsack/data/blocks/block.OmxYteUjXt.json index 353f19cda1..4a0e7d0354 100644 --- a/apps/knapsack/data/blocks/block.OmxYteUjXt.json +++ b/apps/knapsack/data/blocks/block.OmxYteUjXt.json @@ -24,7 +24,7 @@ }, "content": [ { - "text": "Each color is defined in both a light and dark version. These are designed to work together, and should not be changed. For example, when using the “emphasis” background color in light mode, you cannot use “accent” color in dark mode for the same element.", + "text": "Each color has both a light and dark version. Colors from the two versions should not be mixed. ", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.WK2uBjkvHm.json b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json index a36ace32a5..fc37074bad 100644 --- a/apps/knapsack/data/blocks/block.WK2uBjkvHm.json +++ b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json @@ -17,6 +17,18 @@ } ] }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "These state colors are an example of semantic colors: colors that communicate semantic meaning. In this case, the state colors communicate whether the user is faced with an error, a warning, or success. ", + "type": "text" + } + ] + }, { "type": "bulletList", "content": [ diff --git a/apps/knapsack/data/blocks/block.YX12ke2VXe.json b/apps/knapsack/data/blocks/block.YX12ke2VXe.json index f4b6e57429..4466f1ff57 100644 --- a/apps/knapsack/data/blocks/block.YX12ke2VXe.json +++ b/apps/knapsack/data/blocks/block.YX12ke2VXe.json @@ -29,7 +29,7 @@ ] }, { - "text": ".", + "text": " and used on all Covalent UI components.", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.ZSbc66a8Ri.json b/apps/knapsack/data/blocks/block.ZSbc66a8Ri.json new file mode 100644 index 0000000000..a89b7d3ab5 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ZSbc66a8Ri.json @@ -0,0 +1,23 @@ +{ + "id": "ZSbc66a8Ri", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "To choose the colors used by our design system, we used tonal palettes generated by Material Theme Builder. The palettes are generated from a base color (40), on a range from pure white to pure black. Select colors are chosen from these palettes to fit the base, on-base, base-container, and on-base-container roles.", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.ZoCdse-OVA.json b/apps/knapsack/data/blocks/block.ZoCdse-OVA.json new file mode 100644 index 0000000000..3ec664ccfb --- /dev/null +++ b/apps/knapsack/data/blocks/block.ZoCdse-OVA.json @@ -0,0 +1,24 @@ +{ + "id": "ZoCdse-OVA", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 1, + "textAlign": "left" + }, + "content": [ + { + "text": "Creating the palettes", + "type": "text" + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/blocks/block.gHj5GQXru6.json b/apps/knapsack/data/blocks/block.gHj5GQXru6.json index 0c14f2c4e9..f19ffbee53 100644 --- a/apps/knapsack/data/blocks/block.gHj5GQXru6.json +++ b/apps/knapsack/data/blocks/block.gHj5GQXru6.json @@ -10,7 +10,7 @@ "columns": "1", "imageStyles": { "fit": "contain", - "size": "large", + "size": "auto", "seamless": true }, "layout": "grid" diff --git a/apps/knapsack/data/blocks/block.glOIuRjmkg.json b/apps/knapsack/data/blocks/block.glOIuRjmkg.json new file mode 100644 index 0000000000..bc59bd63a9 --- /dev/null +++ b/apps/knapsack/data/blocks/block.glOIuRjmkg.json @@ -0,0 +1,46 @@ +{ + "id": "glOIuRjmkg", + "blockType": "text-editor", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "textAlign": "left", + "level": 4 + }, + "content": [ + { + "type": "text", + "text": "References" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "href": "https://teradata.github.io/covalent/docs/components/?path=/docs/components-icon-lockup--overview", + "rel": "noopener noreferrer nofollow", + "class": null + } + } + ], + "text": "Covalent design system - Icon lockup" + } + ] + } + ] + } + } +} diff --git a/apps/knapsack/data/blocks/block.i-DKLWYgHw.json b/apps/knapsack/data/blocks/block.i-DKLWYgHw.json index 02330cd27c..f1fde94eda 100644 --- a/apps/knapsack/data/blocks/block.i-DKLWYgHw.json +++ b/apps/knapsack/data/blocks/block.i-DKLWYgHw.json @@ -10,7 +10,7 @@ "columns": "1", "imageStyles": { "fit": "contain", - "size": "large", + "size": "auto", "seamless": true } }, diff --git a/apps/knapsack/data/blocks/block.ilgc8MX7Mr.json b/apps/knapsack/data/blocks/block.ilgc8MX7Mr.json new file mode 100644 index 0000000000..fa40ad6075 --- /dev/null +++ b/apps/knapsack/data/blocks/block.ilgc8MX7Mr.json @@ -0,0 +1,17 @@ +{ + "id": "ilgc8MX7Mr", + "data": { + "items": [ + { + "fileId": "KvXVAmYdCVAS7hzkOa73Em", + "nodeId": "14193:3630" + } + ], + "columns": "1", + "imageStyles": { + "size": "auto", + "seamless": true + } + }, + "blockType": "design-src-tiles" +} diff --git a/apps/knapsack/data/blocks/block.ok20yIaSYJ.json b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json index ff406ebfbc..3119d5ee52 100644 --- a/apps/knapsack/data/blocks/block.ok20yIaSYJ.json +++ b/apps/knapsack/data/blocks/block.ok20yIaSYJ.json @@ -10,7 +10,7 @@ "columns": "1", "imageStyles": { "fit": "contain", - "size": "large", + "size": "auto", "seamless": true } }, diff --git a/apps/knapsack/data/blocks/block.ujyNk0CnK.json b/apps/knapsack/data/blocks/block.ujyNk0CnK.json index 3c8dff91cd..2f9b27b803 100644 --- a/apps/knapsack/data/blocks/block.ujyNk0CnK.json +++ b/apps/knapsack/data/blocks/block.ujyNk0CnK.json @@ -172,12 +172,19 @@ "content": [ { "type": "text", - "marks": [ - { - "type": "code" - } - ], - "text": "{ editor: monaco.editor.IStandaloneCodeEditor }" + "text": "{ editor: " + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "text": "monaco.editor.IStandaloneCodeEditor }" } ] } @@ -471,11 +478,6 @@ "content": [ { "type": "text", - "marks": [ - { - "type": "code" - } - ], "text": "{ code: this.code }" } ] diff --git a/apps/knapsack/data/db.yml b/apps/knapsack/data/db.yml index 2a8f84e7dc..72a78bb5d3 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: '2152757636484539489' + priorVersion: '2158327586294946767' type: figma - url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2153936738677195386 - version: '2153936738677195386' + url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2158332726826262262 + version: '2158332726826262262' favicon: https://knapsack.imgix.net/site/covalent/t-favicon-6zimud2smwpng hideTitleInNavigation: true logoUrl: https://knapsack.imgix.net/site/covalent/td-covalent-wordmark-1dsxavbwltpng diff --git a/apps/knapsack/data/demos/demo.6A9yqTSh6x.json b/apps/knapsack/data/demos/demo.6A9yqTSh6x.json new file mode 100644 index 0000000000..b096d9be58 --- /dev/null +++ b/apps/knapsack/data/demos/demo.6A9yqTSh6x.json @@ -0,0 +1,20 @@ +{ + "id": "6A9yqTSh6x", + "title": "Main", + "type": "data", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "data": { + "props": { + "icon": "houseboat" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.8mt1FePOgA.json b/apps/knapsack/data/demos/demo.8mt1FePOgA.json new file mode 100644 index 0000000000..6cd1b08a01 --- /dev/null +++ b/apps/knapsack/data/demos/demo.8mt1FePOgA.json @@ -0,0 +1,23 @@ +{ + "type": "data", + "id": "8mt1FePOgA", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "title": "Primary", + "description": "", + "data": { + "props": { + "scale": "body1", + "icon": "houseboat", + "state": "primary" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.Cg0RVNBqem.json b/apps/knapsack/data/demos/demo.Cg0RVNBqem.json new file mode 100644 index 0000000000..c83b4ea6d1 --- /dev/null +++ b/apps/knapsack/data/demos/demo.Cg0RVNBqem.json @@ -0,0 +1,16 @@ +{ + "type": "data", + "id": "Cg0RVNBqem", + "patternId": "circular-progress", + "templateId": "web-components-rw6v6c4fnU", + "title": "New Variation", + "description": "", + "data": { + "props": { + "indeterminate": true, + "density": -6, + "closed": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.YIH9EOiP.json b/apps/knapsack/data/demos/demo.YIH9EOiP.json new file mode 100644 index 0000000000..50a50f3f89 --- /dev/null +++ b/apps/knapsack/data/demos/demo.YIH9EOiP.json @@ -0,0 +1,24 @@ +{ + "type": "data", + "id": "YIH9EOiP", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "title": "Caution", + "description": "", + "data": { + "props": { + "scale": "body1", + "icon": "warning", + "filledIcon": true, + "state": "caution" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.cGWFzjIg8i.json b/apps/knapsack/data/demos/demo.cGWFzjIg8i.json new file mode 100644 index 0000000000..7170bdf0d7 --- /dev/null +++ b/apps/knapsack/data/demos/demo.cGWFzjIg8i.json @@ -0,0 +1,24 @@ +{ + "type": "data", + "id": "cGWFzjIg8i", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "title": "Negative", + "description": "", + "data": { + "props": { + "scale": "body1", + "filledIcon": true, + "icon": "error", + "state": "negative" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.fekA6wwl9K.json b/apps/knapsack/data/demos/demo.fekA6wwl9K.json new file mode 100644 index 0000000000..3bbb5d13b8 --- /dev/null +++ b/apps/knapsack/data/demos/demo.fekA6wwl9K.json @@ -0,0 +1,23 @@ +{ + "type": "data", + "id": "fekA6wwl9K", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "title": "Positive", + "description": "", + "data": { + "props": { + "scale": "body1", + "icon": "check", + "state": "positive" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.mnXbWmndnd.json b/apps/knapsack/data/demos/demo.mnXbWmndnd.json new file mode 100644 index 0000000000..c75456f65b --- /dev/null +++ b/apps/knapsack/data/demos/demo.mnXbWmndnd.json @@ -0,0 +1,30 @@ +{ + "type": "data", + "id": "mnXbWmndnd", + "patternId": "icon-lockup", + "templateId": "web-components-RPcggDLyDK", + "title": "Loading", + "description": "", + "data": { + "props": { + "scale": "body1", + "state": "primary" + }, + "slots": { + "default": [ + { + "type": "text", + "text": "Lorem ipsum dolor" + } + ], + "icon": [ + { + "type": "template-demo", + "patternId": "circular-progress", + "templateId": "web-components-rw6v6c4fnU", + "demoId": "Cg0RVNBqem" + } + ] + } + } +} diff --git a/apps/knapsack/data/knapsack.custom-page.color.yml b/apps/knapsack/data/knapsack.custom-page.color.yml index e48a992b8a..33570ea189 100644 --- a/apps/knapsack/data/knapsack.custom-page.color.yml +++ b/apps/knapsack/data/knapsack.custom-page.color.yml @@ -7,10 +7,14 @@ blockIds: - NQPf74CL2j - OmxYteUjXt - HYwWRuR4Ew - - gGDZmOyQP4 - kaRz-Sjcfk + - ZoCdse-OVA + - ZSbc66a8Ri + - ilgc8MX7Mr + - ECyzkuFsGc - xrFRYCPttz - IkZC0MzX1Z + - 5id0UoGXW - IyKjkvXqx3 - gHj5GQXru6 - VlxHDHtlm5 diff --git a/apps/knapsack/data/knapsack.navs.yml b/apps/knapsack/data/knapsack.navs.yml index 44d7140440..bb9fa5a0fb 100644 --- a/apps/knapsack/data/knapsack.navs.yml +++ b/apps/knapsack/data/knapsack.navs.yml @@ -65,6 +65,11 @@ byId: name: Circular progress parentId: components path: /pattern/circular-progress + code-editor: + id: code-editor + name: Code editor + parentId: components + path: /pattern/code-editor code-snippet: id: code-snippet name: Code snippet @@ -170,6 +175,11 @@ byId: name: Icon checkbox parentId: components path: /pattern/icon-checkbox + icon-lockup: + id: icon-lockup + name: Icon lockup + parentId: components + path: /pattern/icon-lockup icon-radio: id: icon-radio name: Icon radio @@ -207,6 +217,11 @@ byId: name: Navigation list item parentId: list path: /pattern/navigation-list-item + notebook-cell: + id: notebook-cell + name: Notebook cell + parentId: components + path: /pattern/notebook-cell patterns: id: patterns name: Patterns @@ -358,7 +373,7 @@ byId: voice-and-tone: id: voice-and-tone name: Voice and tone - parentId: foundations + parentId: content path: /pages/voice-and-tone word-list: id: word-list @@ -370,8 +385,6 @@ order: - color - icons - typography-3shrxwkyk - - voice-and-tone - - adapting-tone-by-situation - components - action-ribbon - alert @@ -381,6 +394,7 @@ order: - button - card - checkbox + - code-editor - code-snippet - chip-item - chip @@ -396,6 +410,7 @@ order: - icon-button - icon-button-toggle - icon-checkbox + - icon-lockup - icon-radio - linear-progress - list @@ -404,6 +419,7 @@ order: - check-list-item - radio-list-item - menu + - notebook-cell - radio - select - side-sheet @@ -427,14 +443,16 @@ order: - text-lockup - text - patterns + - errors - tokens - colors-vvhchtke - colors-9gexmujiba - typography - content + - voice-and-tone + - adapting-tone-by-situation - product-and-ui - error-messages - video - date-and-time - word-list - - errors diff --git a/apps/knapsack/data/knapsack.pattern.icon-lockup.json b/apps/knapsack/data/knapsack.pattern.icon-lockup.json new file mode 100644 index 0000000000..840689ea5c --- /dev/null +++ b/apps/knapsack/data/knapsack.pattern.icon-lockup.json @@ -0,0 +1,101 @@ +{ + "id": "icon-lockup", + "title": "Icon lockup", + "description": "", + "statuses": {}, + "templates": [ + { + "id": "web-components-RPcggDLyDK", + "title": "Web components", + "templateLanguageId": "web-components", + "path": "../../../dist/libs/components/icon-lockup.mjs", + "alias": "cv-icon-lockup", + "spec": { + "slots": { + "default": { + "title": "Default", + "description": "Text content to be displayed." + }, + "icon": { + "title": "Icon slot", + "description": "Content provided in the icon slot is displayed instead of the icon property." + } + }, + "props": { + "properties": { + "covalentIcon": { + "type": "boolean", + "description": "Whether the icon is a covalent icon." + }, + "filledIcon": { + "type": "boolean", + "description": "Whether the icon is filled." + }, + "icon": { + "type": "string", + "description": "The icon to display." + }, + "scale": { + "type": "string", + "enum": [ + "body1", + "body2", + "button", + "caption", + "headline1", + "headline2", + "headline3", + "headline4", + "headline5", + "headline6", + "overline", + "subtitle1", + "subtitle2" + ], + "default": "body1", + "description": "Scale of the component, controlling font-size and icon size. Default is \"body1\", but it can be set to other typography values to scale the component." + }, + "trailingIcon": { + "type": "boolean", + "description": "If true, the icon is displayed after the text (trailing)." + }, + "state": { + "description": "State of the component, used to apply different styles based on status.", + "type": "string", + "enum": ["caution", "negative", "positive", "primary"] + } + }, + "$schema": "http://json-schema.org/draft-07/schema", + "description": "", + "type": "object", + "required": [] + }, + "propOrder": [ + "covalentIcon", + "filledIcon", + "icon", + "scale", + "state", + "trailingIcon" + ], + "slotOrder": ["default", "icon"] + }, + "demoIds": [ + "6A9yqTSh6x", + "YIH9EOiP", + "cGWFzjIg8i", + "fekA6wwl9K", + "8mt1FePOgA", + "mnXbWmndnd" + ], + "blockIds": ["glOIuRjmkg"] + } + ], + "tabs": [ + { + "type": "template", + "id": "web-components-RPcggDLyDK" + } + ], + "subPages": [] +} From 31d09c1fac85e70d3f98ed64f16cee9a8a187be7 Mon Sep 17 00:00:00 2001 From: "knapsack-cloud[bot]" <57459571+knapsack-cloud[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 19:41:44 +0000 Subject: [PATCH 4/4] Updates - Caroline --- .../data/blocks/block.IkZC0MzX1Z.json | 176 ----------------- .../data/blocks/block.WK2uBjkvHm.json | 2 +- .../data/blocks/block.j8RnmrEPYY.json | 181 ++++++++++++++++++ .../data/knapsack.custom-page.color.yml | 1 + 4 files changed, 183 insertions(+), 177 deletions(-) create mode 100644 apps/knapsack/data/blocks/block.j8RnmrEPYY.json diff --git a/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json index 067f4845c4..8d65978a61 100644 --- a/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json +++ b/apps/knapsack/data/blocks/block.IkZC0MzX1Z.json @@ -111,182 +111,6 @@ ] } ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - } - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "There are also five surface container roles named based on their level of emphasis:", - "type": "text" - } - ] - }, - { - "type": "bulletList", - "content": [ - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Surface container lowest", - "type": "text", - "marks": [ - { - "type": "bold" - } - ] - }, - { - "text": " – Lowest-emphasis container color.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Surface container low", - "type": "text", - "marks": [ - { - "type": "bold" - } - ] - }, - { - "text": " – Low-emphasis container color.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Surface container", - "type": "text", - "marks": [ - { - "type": "bold" - } - ] - }, - { - "text": " – Default container color.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Surface container high", - "type": "text", - "marks": [ - { - "type": "bold" - } - ] - }, - { - "text": " – High-emphasis container color.", - "type": "text" - } - ] - } - ] - }, - { - "type": "listItem", - "content": [ - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Surface container highest", - "type": "text", - "marks": [ - { - "type": "bold" - } - ] - }, - { - "text": " – Highest-emphasis container color.", - "type": "text" - } - ] - } - ] - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Sourced from Material Design 3 color role guidelines.", - "type": "text", - "marks": [ - { - "type": "link", - "attrs": { - "rel": "noopener noreferrer nofollow", - "href": "https://m3.material.io/styles/color/roles", - "class": null, - "target": "_blank" - } - } - ] - } - ] } ] } diff --git a/apps/knapsack/data/blocks/block.WK2uBjkvHm.json b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json index fc37074bad..9007c85c58 100644 --- a/apps/knapsack/data/blocks/block.WK2uBjkvHm.json +++ b/apps/knapsack/data/blocks/block.WK2uBjkvHm.json @@ -12,7 +12,7 @@ }, "content": [ { - "text": "States", + "text": "State colors", "type": "text" } ] diff --git a/apps/knapsack/data/blocks/block.j8RnmrEPYY.json b/apps/knapsack/data/blocks/block.j8RnmrEPYY.json new file mode 100644 index 0000000000..1b79beecf7 --- /dev/null +++ b/apps/knapsack/data/blocks/block.j8RnmrEPYY.json @@ -0,0 +1,181 @@ +{ + "id": "j8RnmrEPYY", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "There are also five surface container roles named based on their level of emphasis:", + "type": "text" + } + ] + }, + { + "type": "bulletList", + "content": [ + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container lowest", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Lowest-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container low", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Low-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Default container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container high", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – High-emphasis container color.", + "type": "text" + } + ] + } + ] + }, + { + "type": "listItem", + "content": [ + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Surface container highest", + "type": "text", + "marks": [ + { + "type": "bold" + } + ] + }, + { + "text": " – Highest-emphasis container color.", + "type": "text" + } + ] + } + ] + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Sourced from Material Design 3 color role guidelines.", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "https://m3.material.io/styles/color/roles", + "class": null, + "target": "_blank" + } + } + ] + } + ] + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/apps/knapsack/data/knapsack.custom-page.color.yml b/apps/knapsack/data/knapsack.custom-page.color.yml index 33570ea189..4d558cbc00 100644 --- a/apps/knapsack/data/knapsack.custom-page.color.yml +++ b/apps/knapsack/data/knapsack.custom-page.color.yml @@ -15,6 +15,7 @@ blockIds: - xrFRYCPttz - IkZC0MzX1Z - 5id0UoGXW + - j8RnmrEPYY - IyKjkvXqx3 - gHj5GQXru6 - VlxHDHtlm5