docs(knapsack): update to components config, arrangement (#2113)

Teradata · Feb 29, 2024 · 81d8334 · 81d8334
1 parent 78a5418
commit 81d8334
Show file tree

Hide file tree

Showing 74 changed files with 1,520 additions and 86 deletions.
diff --git a/apps/knapsack/data/demos/demo.0n-okWquA.json b/apps/knapsack/data/demos/demo.0n-okWquA.json
@@ -0,0 +1,23 @@
+{
+  "id": "0n-okWquA",
+  "title": "Radio",
+  "description": "A description",
+  "type": "data",
+  "patternId": "form-field",
+  "templateId": "web-components-I5Sx1HQnJ",
+  "data": {
+    "props": {
+      "label": "Radio field label"
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "template-demo",
+          "patternId": "radio",
+          "templateId": "web-components-qk2MWcBipT",
+          "demoId": "RMPpKHlzd"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.1OH1Dga5C0.json b/apps/knapsack/data/demos/demo.1OH1Dga5C0.json
@@ -17,7 +17,7 @@
           "type": "template-demo",
           "patternId": "icon-button",
           "templateId": "web-components-ctiCe2sAX",
-          "demoId": "BueNSFTYn"
+          "demoId": "IxXMQMFkBT"
         }
       ],
       "status-header-icon": [

diff --git a/apps/knapsack/data/demos/demo.1cr3GRlfdT.json b/apps/knapsack/data/demos/demo.1cr3GRlfdT.json
@@ -0,0 +1,23 @@
+{
+  "id": "1cr3GRlfdT",
+  "title": "Switch",
+  "description": "A description",
+  "type": "data",
+  "patternId": "form-field",
+  "templateId": "web-components-I5Sx1HQnJ",
+  "data": {
+    "props": {
+      "label": "Form field label"
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "template-demo",
+          "patternId": "switch",
+          "templateId": "web-components-tGj2TvSrpD",
+          "demoId": "U89p0LyOsP"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.5lBJhPKvTj.json b/apps/knapsack/data/demos/demo.5lBJhPKvTj.json
@@ -7,15 +7,48 @@
   "data": {
     "props": {
       "appName": "[App name]",
-      "sectionName": "[Section name]"
+      "sectionName": "[Section name]",
+      "contained": true,
+      "forcedOpen": true,
+      "open": true
     },
     "slots": {
       "section-action": [
         {
           "type": "template-demo",
           "patternId": "icon-button",
           "templateId": "web-components-ctiCe2sAX",
-          "demoId": "BueNSFTYn"
+          "demoId": "MQBKTe4GON"
+        }
+      ],
+      "default": [
+        {
+          "type": "template-demo",
+          "patternId": "tabs",
+          "templateId": "web-components-kjFGUA31tg",
+          "demoId": "GOJxN1FZx"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "empty-state",
+          "templateId": "web-components-E0GwXgHJv",
+          "demoId": "8QAZfNvobo"
+        }
+      ],
+      "navigation": [
+        {
+          "type": "template-demo",
+          "patternId": "list",
+          "templateId": "web-components-fObxCsu2i8",
+          "demoId": "hjXCY4fSqY"
+        }
+      ],
+      "user-menu": [
+        {
+          "type": "template-demo",
+          "patternId": "toolbar",
+          "templateId": "web-components-A6-16QhSaM",
+          "demoId": "NXMdeiHjKO"
         }
       ]
     }

diff --git a/apps/knapsack/data/demos/demo.8VqxwwTyJ.json b/apps/knapsack/data/demos/demo.8VqxwwTyJ.json
@@ -0,0 +1,19 @@
+{
+  "id": "8VqxwwTyJ",
+  "title": "Arrow back",
+  "description": "A description",
+  "type": "data",
+  "patternId": "icon",
+  "templateId": "web-components-N8bzRbfpuX",
+  "data": {
+    "props": {},
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "arrow_back"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.CvFKcI1eN0.json b/apps/knapsack/data/demos/demo.CvFKcI1eN0.json
@@ -0,0 +1,38 @@
+{
+  "id": "CvFKcI1eN0",
+  "title": "Main",
+  "type": "data",
+  "patternId": "check-list-item",
+  "templateId": "web-components-M18BFFHM3h",
+  "data": {
+    "props": {
+      "graphic": "avatar",
+      "selected": true,
+      "left": false,
+      "hasMeta": true,
+      "twoLine": true
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "Check list item"
+        }
+      ],
+      "graphic": [
+        {
+          "type": "template-demo",
+          "patternId": "icon",
+          "templateId": "web-components-N8bzRbfpuX",
+          "demoId": "bn4zy44TYR"
+        }
+      ],
+      "secondary": [
+        {
+          "type": "text",
+          "text": "secondary text"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.E5NLCltz6.json b/apps/knapsack/data/demos/demo.E5NLCltz6.json
@@ -0,0 +1,37 @@
+{
+  "id": "E5NLCltz6",
+  "title": "Main",
+  "type": "data",
+  "patternId": "naviigation-list-item",
+  "templateId": "web-components-Qtmmi7N-aL",
+  "data": {
+    "props": {
+      "hasChildren": true,
+      "graphic": "avatar"
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "Navigation item"
+        }
+      ],
+      "graphic": [
+        {
+          "type": "template-demo",
+          "patternId": "icon",
+          "templateId": "web-components-N8bzRbfpuX",
+          "demoId": "bn4zy44TYR"
+        }
+      ],
+      "expansion-panel": [
+        {
+          "type": "template-demo",
+          "patternId": "list",
+          "templateId": "web-components-fObxCsu2i8",
+          "demoId": "SIyOkmonoE"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.MQBKTe4GON.json b/apps/knapsack/data/demos/demo.MQBKTe4GON.json
@@ -0,0 +1,14 @@
+{
+  "id": "MQBKTe4GON",
+  "title": "Arrow back",
+  "description": "A description",
+  "type": "data",
+  "patternId": "icon-button",
+  "templateId": "web-components-ctiCe2sAX",
+  "data": {
+    "props": {
+      "icon": "arrow_back"
+    },
+    "slots": {}
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.MzuUqdOHZA.json b/apps/knapsack/data/demos/demo.MzuUqdOHZA.json
@@ -0,0 +1,28 @@
+{
+  "id": "MzuUqdOHZA",
+  "title": "Main",
+  "type": "data",
+  "patternId": "radio-list-item",
+  "templateId": "web-components-fwKtEBOnv",
+  "data": {
+    "props": {
+      "graphic": "avatar"
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "Radio list item"
+        }
+      ],
+      "graphic": [
+        {
+          "type": "template-demo",
+          "patternId": "icon",
+          "templateId": "web-components-N8bzRbfpuX",
+          "demoId": "bn4zy44TYR"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.NXMdeiHjKO.json b/apps/knapsack/data/demos/demo.NXMdeiHjKO.json
@@ -24,7 +24,7 @@
           "type": "template-demo",
           "patternId": "icon-button",
           "templateId": "web-components-ctiCe2sAX",
-          "demoId": "BueNSFTYn"
+          "demoId": "i-aFgnERP"
         }
       ]
     }

diff --git a/apps/knapsack/data/demos/demo.SIyOkmonoE.json b/apps/knapsack/data/demos/demo.SIyOkmonoE.json
@@ -0,0 +1,42 @@
+{
+  "id": "SIyOkmonoE",
+  "title": "Sub navigation",
+  "description": "A description",
+  "type": "data",
+  "patternId": "list",
+  "templateId": "web-components-fObxCsu2i8",
+  "data": {
+    "props": {
+      "activatible": true,
+      "graphic": "avatar"
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "v3IaS3HWdf"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "v3IaS3HWdf"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "v3IaS3HWdf"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "v3IaS3HWdf"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.Xr7IHJQ1.json b/apps/knapsack/data/demos/demo.Xr7IHJQ1.json
@@ -0,0 +1,19 @@
+{
+  "id": "Xr7IHJQ1",
+  "title": "Close",
+  "description": "A description",
+  "type": "data",
+  "patternId": "icon",
+  "templateId": "web-components-N8bzRbfpuX",
+  "data": {
+    "props": {},
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "close"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.ezyQjAA-T1.json b/apps/knapsack/data/demos/demo.ezyQjAA-T1.json
@@ -0,0 +1,19 @@
+{
+  "id": "ezyQjAA-T1",
+  "title": "Chevron",
+  "description": "A description",
+  "type": "data",
+  "patternId": "icon",
+  "templateId": "web-components-N8bzRbfpuX",
+  "data": {
+    "props": {},
+    "slots": {
+      "default": [
+        {
+          "type": "text",
+          "text": "chevron_right"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.hjXCY4fSqY.json b/apps/knapsack/data/demos/demo.hjXCY4fSqY.json
@@ -0,0 +1,35 @@
+{
+  "id": "hjXCY4fSqY",
+  "title": "Navigation list",
+  "description": "A description",
+  "type": "data",
+  "patternId": "list",
+  "templateId": "web-components-fObxCsu2i8",
+  "data": {
+    "props": {
+      "activatible": true
+    },
+    "slots": {
+      "default": [
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "E5NLCltz6"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "E5NLCltz6"
+        },
+        {
+          "type": "template-demo",
+          "patternId": "naviigation-list-item",
+          "templateId": "web-components-Qtmmi7N-aL",
+          "demoId": "E5NLCltz6"
+        }
+      ]
+    }
+  }
+}
diff --git a/apps/knapsack/data/demos/demo.i-aFgnERP.json b/apps/knapsack/data/demos/demo.i-aFgnERP.json
@@ -0,0 +1,14 @@
+{
+  "id": "i-aFgnERP",
+  "title": "help",
+  "description": "A description",
+  "type": "data",
+  "patternId": "icon-button",
+  "templateId": "web-components-ctiCe2sAX",
+  "data": {
+    "props": {
+      "icon": "help"
+    },
+    "slots": {}
+  }
+}