Merge branch 'main' into docs/knapsack-fullscreen-dialog

apps/knapsack/data/blocks/block.B5gqAkUZgi.json → apps/knapsack/data/blocks/block.0GOHciaZcY.json

@@ -1,18 +1,18 @@
 {
-  "id": "B5gqAkUZgi",
+  "id": "0GOHciaZcY",
   "data": {
     "items": [
       {
         "fileId": "KvXVAmYdCVAS7hzkOa73Em",
-        "nodeId": "7955:62084"
+        "nodeId": "13725:1728"
       }
     ],
     "columns": "1",
-    "hideComponentProps": true,
     "imageStyles": {
+      "size": "large",
       "seamless": true
     }
   },
-  "size": "medium",
+  "size": "large",
   "blockType": "design-src-tiles"
 }

apps/knapsack/data/blocks/block.2yHqdpL2om.json

@@ -33,6 +33,5 @@
     }
   },
   "blockType": "text-editor",
-  "size": "medium",
-  "spacing": "medium"
+  "size": "small"
 }

apps/knapsack/data/blocks/block.5R9Wk5dFiE.json

@@ -0,0 +1,24 @@
+{
+  "id": "5R9Wk5dFiE",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Destructive action",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.6rqLytvaFs.json

@@ -32,6 +32,6 @@
       ]
     }
   },
-  "size": "medium",
+  "size": "small",
   "blockType": "text-editor"
 }

apps/knapsack/data/blocks/block.6wNPU70UYl.json

@@ -0,0 +1,11 @@
+{
+  "id": "6wNPU70UYl",
+  "data": {
+    "patternId": "button",
+    "demoId": "wJJ2tksHEK",
+    "templateId": "web-components-raE1x4tYL",
+    "hideControls": true
+  },
+  "size": "medium",
+  "blockType": "pattern-template-block"
+}

apps/knapsack/data/blocks/block.81gvlBAoPd.json

@@ -0,0 +1,18 @@
+{
+  "id": "81gvlBAoPd",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "13644:24574"
+      }
+    ],
+    "columns": "1",
+    "imageStyles": {
+      "size": "large",
+      "seamless": true
+    }
+  },
+  "size": "large",
+  "blockType": "design-src-tiles"
+}

apps/knapsack/data/blocks/block.dgKKQ-bA4m.json → apps/knapsack/data/blocks/block.8d6cc7VZj1.json

@@ -1,5 +1,5 @@
 {
-  "id": "dgKKQ-bA4m",
+  "id": "8d6cc7VZj1",
   "data": {},
   "blockType": "divider-block"
 }

apps/knapsack/data/blocks/block.93u7FVOSPJ.json

@@ -22,7 +22,7 @@
       }
     ],
     "gridStyles": {
-      "columns": "2",
+      "columns": "4",
       "centered": false
     },
     "tileStyles": {

apps/knapsack/data/blocks/block.9I8NeStdCB.json

@@ -0,0 +1,36 @@
+{
+  "id": "9I8NeStdCB",
+  "data": {
+    "shortcuts": [
+      {
+        "id": "aZr6RjLvBS",
+        "link": {
+          "path": "https://m2.material.io/design/color/the-color-system.html",
+          "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"
+      },
+      {
+        "id": "yw4ZIprLbc",
+        "link": {
+          "name": "Color",
+          "path": "/pages/colors-vvhchtke"
+        },
+        "image": "https://knapsack.imgix.net/site/covalent/color-ozqypeur8ppng",
+        "title": "Covalent",
+        "description": "Color tokens"
+      }
+    ],
+    "tileStyles": {
+      "rounded": true,
+      "outlined": true,
+      "imageSize": "small"
+    },
+    "gridStyles": {
+      "columns": "4"
+    }
+  },
+  "blockType": "shortcut-tiles"
+}

apps/knapsack/data/blocks/block.9pu3-yzg2O.json

@@ -0,0 +1,26 @@
+{
+  "id": "9pu3-yzg2O",
+  "data": {
+    "shortcuts": [
+      {
+        "id": "mqnJhOKKDz",
+        "link": {
+          "path": "https://fonts.google.com/icons",
+          "external": true
+        },
+        "image": "https://knapsack.imgix.net/site/covalent/material-symbols-logo-uu4lgyfrvqpng",
+        "title": "Material Symbols",
+        "description": "We use the Material Symbols icon library wherever possible"
+      }
+    ],
+    "tileStyles": {
+      "imageSize": "small",
+      "titleSize": "xsmall"
+    },
+    "gridStyles": {
+      "columns": "4",
+      "centered": false
+    }
+  },
+  "blockType": "shortcut-tiles"
+}

apps/knapsack/data/blocks/block.BD3vgnuTlb.json

@@ -484,5 +484,6 @@
       ]
     }
   },
-  "blockType": "table"
+  "blockType": "table",
+  "spacing": "medium"
 }

apps/knapsack/data/blocks/block.BUhr22uJM.json

@@ -0,0 +1,18 @@
+{
+  "id": "BUhr22uJM",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "13746:2111"
+      }
+    ],
+    "columns": "1",
+    "imageStyles": {
+      "size": "large",
+      "seamless": true
+    }
+  },
+  "size": "large",
+  "blockType": "design-src-tiles"
+}

apps/knapsack/data/blocks/block.DISWHVfW1v.json

@@ -0,0 +1,18 @@
+{
+  "id": "DISWHVfW1v",
+  "data": {
+    "items": [
+      {
+        "fileId": "KvXVAmYdCVAS7hzkOa73Em",
+        "nodeId": "13644:24436"
+      }
+    ],
+    "columns": "1",
+    "imageStyles": {
+      "size": "large",
+      "seamless": true
+    }
+  },
+  "size": "large",
+  "blockType": "design-src-tiles"
+}

apps/knapsack/data/blocks/block.DWnWDOAQje.json

@@ -0,0 +1,37 @@
+{
+  "id": "DWnWDOAQje",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 1,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Anatomy",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Buttons contain a text label and optional icon.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor",
+  "size": "small"
+}

apps/knapsack/data/blocks/block.DXbDeKzqmu.json

@@ -0,0 +1,24 @@
+{
+  "id": "DXbDeKzqmu",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Use “default” outline buttons for everything except the primary action (if any).",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "size": "small",
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.EXAFguj5o2.json

@@ -0,0 +1,37 @@
+{
+  "id": "EXAFguj5o2",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 2,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Primary action",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "If the page has a primary action, use an “accent” contained button.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "size": "small",
+  "blockType": "text-editor"
+}