From 4233e91eb2514af73c24ed6295e47181433dc4ca Mon Sep 17 00:00:00 2001
From: "knapsack-cloud[bot]"
 <57459571+knapsack-cloud[bot]@users.noreply.github.com>
Date: Mon, 13 Jan 2025 20:20:21 +0000
Subject: [PATCH] Update content on instance "CJYXNrBVou" for "button
 implementation comparisons"

---
 .../data/blocks/block.6uCPA0GBmb.json         | 18 +++++++++
 .../data/blocks/block.93u7FVOSPJ.json         |  1 +
 .../knapsack/data/blocks/block.JPWqPNwNe.json | 24 -----------
 .../data/blocks/block.RnLZOF1krl.json         | 40 +++++++++++--------
 .../data/blocks/block.ZlOxs2iTGE.json         | 19 ---------
 .../data/blocks/block.asxSFBoEND.json         | 18 +++++++++
 .../data/blocks/block.bkpqGQNuAN.json         |  6 +--
 .../data/blocks/block.h5DLbesybk.json         |  4 +-
 .../knapsack/data/blocks/block.xAJ2NvEab.json |  3 +-
 apps/knapsack/data/db.yml                     |  6 +--
 apps/knapsack/data/demos/demo.CRFHBobaZj.json |  6 +--
 apps/knapsack/data/demos/demo.eIOsBgDEvJ.json | 16 ++++++--
 ...knapsack.custom-page.design-principles.yml |  2 +-
 apps/knapsack/data/knapsack.navs.yml          |  8 ++--
 .../data/knapsack.pattern.action-ribbon.json  |  4 +-
 .../data/knapsack.pattern.button.json         |  5 +--
 .../data/knapsack.pattern.checkbox.json       |  3 +-
 .../data/knapsack.pattern.dialog.json         |  3 +-
 .../data/knapsack.pattern.focused-page.json   |  8 ++--
 .../knapsack.pattern.full-screen-dialog.json  |  8 ++--
 .../data/knapsack.pattern.icon-lockup.json    |  4 +-
 .../knapsack/data/knapsack.pattern.radio.json |  3 +-
 .../data/knapsack.pattern.select.json         |  3 +-
 .../data/knapsack.pattern.textfield.json      |  3 +-
 24 files changed, 115 insertions(+), 100 deletions(-)
 create mode 100644 apps/knapsack/data/blocks/block.6uCPA0GBmb.json
 delete mode 100644 apps/knapsack/data/blocks/block.JPWqPNwNe.json
 delete mode 100644 apps/knapsack/data/blocks/block.ZlOxs2iTGE.json
 create mode 100644 apps/knapsack/data/blocks/block.asxSFBoEND.json

diff --git a/apps/knapsack/data/blocks/block.6uCPA0GBmb.json b/apps/knapsack/data/blocks/block.6uCPA0GBmb.json
new file mode 100644
index 0000000000..9edefec1aa
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.6uCPA0GBmb.json
@@ -0,0 +1,18 @@
+{
+  "id": "6uCPA0GBmb",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "14798:34543"
+      }
+    ],
+    "columns": "1",
+    "imageStyles": {
+      "fit": "fill",
+      "size": "large",
+      "seamless": true
+    }
+  },
+  "blockType": "design-src-tiles"
+}
diff --git a/apps/knapsack/data/blocks/block.93u7FVOSPJ.json b/apps/knapsack/data/blocks/block.93u7FVOSPJ.json
index 9179a70e1a..21b4fba256 100644
--- a/apps/knapsack/data/blocks/block.93u7FVOSPJ.json
+++ b/apps/knapsack/data/blocks/block.93u7FVOSPJ.json
@@ -36,6 +36,7 @@
           "name": "Design principles",
           "path": "/pages/design-principles"
         },
+        "image": "https://knapsack.imgix.net/site/covalent/design-principles--H2sjXzMk74.png",
         "title": "Design principles"
       }
     ],
diff --git a/apps/knapsack/data/blocks/block.JPWqPNwNe.json b/apps/knapsack/data/blocks/block.JPWqPNwNe.json
deleted file mode 100644
index 0dbb19a17e..0000000000
--- a/apps/knapsack/data/blocks/block.JPWqPNwNe.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "id": "JPWqPNwNe",
-  "data": {
-    "content": {
-      "type": "doc",
-      "content": [
-        {
-          "type": "heading",
-          "attrs": {
-            "level": 1,
-            "textAlign": "left"
-          },
-          "content": [
-            {
-              "text": "Design principles",
-              "type": "text"
-            }
-          ]
-        }
-      ]
-    }
-  },
-  "blockType": "text-editor"
-}
diff --git a/apps/knapsack/data/blocks/block.RnLZOF1krl.json b/apps/knapsack/data/blocks/block.RnLZOF1krl.json
index b37835f676..72b2263c38 100644
--- a/apps/knapsack/data/blocks/block.RnLZOF1krl.json
+++ b/apps/knapsack/data/blocks/block.RnLZOF1krl.json
@@ -2,6 +2,15 @@
   "id": "RnLZOF1krl",
   "data": {
     "shortcuts": [
+      {
+        "id": "Lr4o2N0sC3",
+        "link": {
+          "name": "Design principles",
+          "path": "/pages/design-principles"
+        },
+        "image": "https://knapsack.imgix.net/site/covalent/foundationsdesign-principlesthumbnail--D5zNdIJECH.png",
+        "title": "Design principles"
+      },
       {
         "id": "OtxKkEX1FI",
         "link": {
@@ -11,15 +20,6 @@
         "image": "https://knapsack.imgix.net/site/covalent/color-zlgynxnkvpng",
         "title": "Color"
       },
-      {
-        "id": "e5vZWpD3an",
-        "link": {
-          "name": "Icons",
-          "path": "/pages/icons"
-        },
-        "image": "https://knapsack.imgix.net/site/covalent/icons-jochax2ppzpng",
-        "title": "Icons"
-      },
       {
         "id": "QfWJs0FvGa",
         "link": {
@@ -30,14 +30,22 @@
         "title": "Typography"
       },
       {
-        "id": "aAHr99CPu",
+        "id": "e5vZWpD3an",
+        "link": {
+          "name": "Icons",
+          "path": "/pages/icons"
+        },
+        "image": "https://knapsack.imgix.net/site/covalent/icons-jochax2ppzpng",
+        "title": "Icons"
+      },
+      {
+        "id": "M4AvsgGFap",
         "link": {
-          "name": "Voice and tone",
-          "path": "/pages/voice-and-tone"
+          "name": "Accessibility",
+          "path": "/pages/accessibility"
         },
-        "image": "https://knapsack.imgix.net/site/covalent/voice-and-tone-9drmogd1bpng",
-        "title": "Voice and tone",
-        "description": ""
+        "image": "https://knapsack.imgix.net/site/covalent/accessibility--9wTjMZheYM.png",
+        "title": "Accessibility"
       }
     ],
     "tileStyles": {
@@ -45,7 +53,7 @@
       "titleSize": "large"
     },
     "gridStyles": {
-      "columns": "4"
+      "columns": "3"
     }
   },
   "blockType": "shortcut-tiles"
diff --git a/apps/knapsack/data/blocks/block.ZlOxs2iTGE.json b/apps/knapsack/data/blocks/block.ZlOxs2iTGE.json
deleted file mode 100644
index 904f3cc5db..0000000000
--- a/apps/knapsack/data/blocks/block.ZlOxs2iTGE.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "id": "ZlOxs2iTGE",
-  "data": {
-    "content": {
-      "type": "doc",
-      "content": [
-        {
-          "type": "image",
-          "attrs": {
-            "alt": "placeholder image",
-            "src": "https://knapsack.imgix.net/site/covalent/placeholder-img-hero-yjkcojobdwpng",
-            "title": "Hero placeholder Image"
-          }
-        }
-      ]
-    }
-  },
-  "blockType": "text-editor"
-}
diff --git a/apps/knapsack/data/blocks/block.asxSFBoEND.json b/apps/knapsack/data/blocks/block.asxSFBoEND.json
new file mode 100644
index 0000000000..d0f46cc619
--- /dev/null
+++ b/apps/knapsack/data/blocks/block.asxSFBoEND.json
@@ -0,0 +1,18 @@
+{
+  "id": "asxSFBoEND",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "14798:34745"
+      }
+    ],
+    "columns": "1",
+    "imageStyles": {
+      "fit": "fill",
+      "size": "auto",
+      "seamless": true
+    }
+  },
+  "blockType": "design-src-tiles"
+}
diff --git a/apps/knapsack/data/blocks/block.bkpqGQNuAN.json b/apps/knapsack/data/blocks/block.bkpqGQNuAN.json
index fe270710aa..40976ae8c0 100644
--- a/apps/knapsack/data/blocks/block.bkpqGQNuAN.json
+++ b/apps/knapsack/data/blocks/block.bkpqGQNuAN.json
@@ -123,7 +123,7 @@
                       },
                       "content": [
                         {
-                          "text": "A Primary Button is used for the main action on a page or screen, such as \"Submit\" or \"Save.\"",
+                          "text": "A primary button is used for the main action on a page or screen, such as \"submit\" or \"save\".",
                           "type": "text"
                         }
                       ]
@@ -186,7 +186,7 @@
                       },
                       "content": [
                         {
-                          "text": "A Secondary button is used for less critical actions or alternatives, like \"Cancel\" or \"Back.\"",
+                          "text": "A secondary button is used for less critical actions or alternatives, like \"cancel\" or \"back\".",
                           "type": "text"
                         }
                       ]
@@ -249,7 +249,7 @@
                       },
                       "content": [
                         {
-                          "text": "A Tertiary button is used for less critical actions or alternatives, like \"Cancel\" or \"Back.\" ",
+                          "text": "A tertiary button is used for less critical actions or alternatives, like \"cancel\" or \"back\". ",
                           "type": "text"
                         }
                       ]
diff --git a/apps/knapsack/data/blocks/block.h5DLbesybk.json b/apps/knapsack/data/blocks/block.h5DLbesybk.json
index 190e5a2a00..423cd12fcd 100644
--- a/apps/knapsack/data/blocks/block.h5DLbesybk.json
+++ b/apps/knapsack/data/blocks/block.h5DLbesybk.json
@@ -8,7 +8,7 @@
           "name": "Designers",
           "path": "/pages/designers"
         },
-        "image": "https://knapsack.imgix.net/site/covalent/get-started-designers-69jmv8kkrapng",
+        "image": "https://knapsack.imgix.net/site/covalent/get-started-designers--Yf1MXJjxUQ.png",
         "title": "Designers"
       },
       {
@@ -17,7 +17,7 @@
           "name": "Developers",
           "path": "/pages/developers"
         },
-        "image": "https://knapsack.imgix.net/site/covalent/get-started-developers-iynbusdnz6png",
+        "image": "https://knapsack.imgix.net/site/covalent/get-started-developers--liUrVKO53m.png",
         "title": "Developers"
       }
     ],
diff --git a/apps/knapsack/data/blocks/block.xAJ2NvEab.json b/apps/knapsack/data/blocks/block.xAJ2NvEab.json
index 43f1b0fd9a..b2c5b9b194 100644
--- a/apps/knapsack/data/blocks/block.xAJ2NvEab.json
+++ b/apps/knapsack/data/blocks/block.xAJ2NvEab.json
@@ -28,5 +28,6 @@
       ]
     }
   },
-  "blockType": "text-editor"
+  "blockType": "text-editor",
+  "spacing": "large"
 }
diff --git a/apps/knapsack/data/db.yml b/apps/knapsack/data/db.yml
index 6cd30adc4e..cb529967b2 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: '2170958088646909198'
+        priorVersion: '2171352255511550622'
         type: figma
-        url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2171768935539548668
-        version: '2171768935539548668'
+        url: https://www.figma.com/file/KvXVAmYdCVAS7hzkOa73Em?version-id=2173155024554587405
+        version: '2173155024554587405'
   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/demos/demo.CRFHBobaZj.json b/apps/knapsack/data/demos/demo.CRFHBobaZj.json
index 9468f5031a..0543cf065c 100644
--- a/apps/knapsack/data/demos/demo.CRFHBobaZj.json
+++ b/apps/knapsack/data/demos/demo.CRFHBobaZj.json
@@ -1,6 +1,6 @@
 {
   "id": "CRFHBobaZj",
-  "title": "Main",
+  "title": "Text",
   "type": "data",
   "patternId": "button",
   "templateId": "angular-i3OR9O7kXg",
@@ -11,8 +11,8 @@
     "slots": {
       "default": [
         {
-          "type": "text",
-          "text": "testing out this button"
+          "text": "Label",
+          "type": "text"
         }
       ]
     }
diff --git a/apps/knapsack/data/demos/demo.eIOsBgDEvJ.json b/apps/knapsack/data/demos/demo.eIOsBgDEvJ.json
index 86c4eb4946..10ba5b19cb 100644
--- a/apps/knapsack/data/demos/demo.eIOsBgDEvJ.json
+++ b/apps/knapsack/data/demos/demo.eIOsBgDEvJ.json
@@ -1,12 +1,22 @@
 {
   "id": "eIOsBgDEvJ",
-  "title": "New Variation",
+  "title": "Raised",
   "description": "A description",
   "type": "data",
   "patternId": "button",
   "templateId": "angular-i3OR9O7kXg",
   "data": {
-    "props": {},
-    "slots": {}
+    "props": {
+      "color": "accent",
+      "raised": true
+    },
+    "slots": {
+      "default": [
+        {
+          "text": "Label",
+          "type": "text"
+        }
+      ]
+    }
   }
 }
diff --git a/apps/knapsack/data/knapsack.custom-page.design-principles.yml b/apps/knapsack/data/knapsack.custom-page.design-principles.yml
index 55c9a5559c..1811f2330e 100644
--- a/apps/knapsack/data/knapsack.custom-page.design-principles.yml
+++ b/apps/knapsack/data/knapsack.custom-page.design-principles.yml
@@ -1,7 +1,7 @@
 id: design-principles
 title: Design principles
 blockIds:
-  - JPWqPNwNe
+  - 6uCPA0GBmb
   - 3kH6S7G1B
   - 5uPAVOsUif
   - uJcFZb7sP
diff --git a/apps/knapsack/data/knapsack.navs.yml b/apps/knapsack/data/knapsack.navs.yml
index e3514b0c42..678417f3ac 100644
--- a/apps/knapsack/data/knapsack.navs.yml
+++ b/apps/knapsack/data/knapsack.navs.yml
@@ -410,8 +410,9 @@ order:
   - foundations
   - design-principles
   - color
-  - icons
   - typography-3shrxwkyk
+  - icons
+  - accessibility
   - components
   - action-ribbon
   - alert
@@ -482,8 +483,7 @@ order:
   - video
   - date-and-time
   - word-list
-  - accessibility
+  - inclusive-language-glnk25tux
+  - get-started
   - designers
   - developers
-  - get-started
-  - inclusive-language-glnk25tux
diff --git a/apps/knapsack/data/knapsack.pattern.action-ribbon.json b/apps/knapsack/data/knapsack.pattern.action-ribbon.json
index 94c016f46f..8d005d2a6f 100644
--- a/apps/knapsack/data/knapsack.pattern.action-ribbon.json
+++ b/apps/knapsack/data/knapsack.pattern.action-ribbon.json
@@ -83,8 +83,8 @@
     {
       "id": "DGBIlJlEO",
       "type": "designSrc",
-      "minRoleNeeded": "ADMIN",
-      "hidden": true
+      "hidden": true,
+      "minRoleNeeded": "ADMIN"
     }
   ],
   "subPages": [
diff --git a/apps/knapsack/data/knapsack.pattern.button.json b/apps/knapsack/data/knapsack.pattern.button.json
index 6d4b05682d..81a5a09f2c 100644
--- a/apps/knapsack/data/knapsack.pattern.button.json
+++ b/apps/knapsack/data/knapsack.pattern.button.json
@@ -170,7 +170,7 @@
       "id": "0KozkKiAif",
       "title": "Usage",
       "blockIds": [
-        "ZlOxs2iTGE",
+        "asxSFBoEND",
         "35GunJktxv",
         "bkpqGQNuAN",
         "xjDbfNDZ9",
@@ -214,7 +214,6 @@
       "id": "0KozkKiAif",
       "title": "Usage",
       "blockIds": [
-        "ZlOxs2iTGE",
         "35GunJktxv",
         "bkpqGQNuAN",
         "xjDbfNDZ9",
@@ -258,7 +257,6 @@
       "id": "0KozkKiAif",
       "title": "Usage",
       "blockIds": [
-        "ZlOxs2iTGE",
         "35GunJktxv",
         "bkpqGQNuAN",
         "xjDbfNDZ9",
@@ -302,7 +300,6 @@
       "id": "0KozkKiAif",
       "title": "Usage",
       "blockIds": [
-        "ZlOxs2iTGE",
         "35GunJktxv",
         "bkpqGQNuAN",
         "xjDbfNDZ9",
diff --git a/apps/knapsack/data/knapsack.pattern.checkbox.json b/apps/knapsack/data/knapsack.pattern.checkbox.json
index e8f9ed4620..7acda0659a 100644
--- a/apps/knapsack/data/knapsack.pattern.checkbox.json
+++ b/apps/knapsack/data/knapsack.pattern.checkbox.json
@@ -61,7 +61,8 @@
     },
     {
       "id": "web-components-29FbeDQWhM",
-      "type": "template"
+      "type": "template",
+      "hidden": true
     },
     {
       "id": "RaQ2Ydmf11",
diff --git a/apps/knapsack/data/knapsack.pattern.dialog.json b/apps/knapsack/data/knapsack.pattern.dialog.json
index 852555d11a..541036ee51 100644
--- a/apps/knapsack/data/knapsack.pattern.dialog.json
+++ b/apps/knapsack/data/knapsack.pattern.dialog.json
@@ -117,7 +117,8 @@
     },
     {
       "id": "web-components-S9Ia0KOrya",
-      "type": "template"
+      "type": "template",
+      "hidden": true
     },
     {
       "id": "EPV5ONpvHo",
diff --git a/apps/knapsack/data/knapsack.pattern.focused-page.json b/apps/knapsack/data/knapsack.pattern.focused-page.json
index 453f3acecf..5433096783 100644
--- a/apps/knapsack/data/knapsack.pattern.focused-page.json
+++ b/apps/knapsack/data/knapsack.pattern.focused-page.json
@@ -48,12 +48,12 @@
   ],
   "tabs": [
     {
-      "type": "subPage",
-      "id": "oMAwFOtT2C"
+      "id": "oMAwFOtT2C",
+      "type": "subPage"
     },
     {
-      "type": "template",
-      "id": "web-components-waQVQEThJD"
+      "id": "web-components-waQVQEThJD",
+      "type": "template"
     }
   ],
   "subPages": [
diff --git a/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json b/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json
index 7ee3d52fd3..78e315f19d 100644
--- a/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json
+++ b/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json
@@ -53,12 +53,12 @@
   ],
   "tabs": [
     {
-      "type": "subPage",
-      "id": "F3B0y1kq"
+      "id": "F3B0y1kq",
+      "type": "subPage"
     },
     {
-      "type": "template",
-      "id": "web-components-HeDCLBaQf9"
+      "id": "web-components-HeDCLBaQf9",
+      "type": "template"
     }
   ],
   "subPages": [
diff --git a/apps/knapsack/data/knapsack.pattern.icon-lockup.json b/apps/knapsack/data/knapsack.pattern.icon-lockup.json
index 8bcddedec6..49ae20830d 100644
--- a/apps/knapsack/data/knapsack.pattern.icon-lockup.json
+++ b/apps/knapsack/data/knapsack.pattern.icon-lockup.json
@@ -89,8 +89,8 @@
   ],
   "tabs": [
     {
-      "type": "template",
-      "id": "web-components-RPcggDLyDK"
+      "id": "web-components-RPcggDLyDK",
+      "type": "template"
     },
     {
       "id": "hLUAWg6Vk",
diff --git a/apps/knapsack/data/knapsack.pattern.radio.json b/apps/knapsack/data/knapsack.pattern.radio.json
index bb8dd9b2d6..aaffcbf79f 100644
--- a/apps/knapsack/data/knapsack.pattern.radio.json
+++ b/apps/knapsack/data/knapsack.pattern.radio.json
@@ -60,7 +60,8 @@
     },
     {
       "id": "web-components-qk2MWcBipT",
-      "type": "template"
+      "type": "template",
+      "hidden": true
     },
     {
       "id": "uJ77Os6iuR",
diff --git a/apps/knapsack/data/knapsack.pattern.select.json b/apps/knapsack/data/knapsack.pattern.select.json
index b35ea71c82..1c603d9343 100644
--- a/apps/knapsack/data/knapsack.pattern.select.json
+++ b/apps/knapsack/data/knapsack.pattern.select.json
@@ -96,7 +96,8 @@
     },
     {
       "id": "web-components-qWXTtv81jY",
-      "type": "template"
+      "type": "template",
+      "hidden": true
     },
     {
       "id": "Z4cPlSMgGX",
diff --git a/apps/knapsack/data/knapsack.pattern.textfield.json b/apps/knapsack/data/knapsack.pattern.textfield.json
index 7b1d817597..2d0370aacd 100644
--- a/apps/knapsack/data/knapsack.pattern.textfield.json
+++ b/apps/knapsack/data/knapsack.pattern.textfield.json
@@ -169,7 +169,8 @@
     },
     {
       "id": "web-components-M4zyalwdNJ",
-      "type": "template"
+      "type": "template",
+      "hidden": true
     },
     {
       "id": "F5qKEkIOK",