docs(knapsack): fix icon rendering bug and add icon lockup

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"
+            }
+          ]
+        }
+      ]
+    }
+  }
+}

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 }"
                         }
                       ]

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"
+        }
+      ]
+    }
+  }
+}

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"
+        }
+      ]
+    }
+  }
+}

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": {}
+  }
+}

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"
+        }
+      ]
+    }
+  }
+}

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"
+        }
+      ]
+    }
+  }
+}

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"
+        }
+      ]
+    }
+  }
+}

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"
+        }
+      ]
+    }
+  }
+}

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
@@ -381,6 +396,7 @@ order:
   - button
   - card
   - checkbox
+  - code-editor
   - code-snippet
   - chip-item
   - chip
@@ -396,6 +412,7 @@ order:
   - icon-button
   - icon-button-toggle
   - icon-checkbox
+  - icon-lockup
   - icon-radio
   - linear-progress
   - list
@@ -404,6 +421,7 @@ order:
   - check-list-item
   - radio-list-item
   - menu
+  - notebook-cell
   - radio
   - select
   - side-sheet
@@ -427,6 +445,7 @@ order:
   - text-lockup
   - text
   - patterns
+  - errors
   - tokens
   - colors-vvhchtke
   - colors-9gexmujiba
@@ -437,4 +456,3 @@ order:
   - video
   - date-and-time
   - word-list
-  - errors