Merge pull request #3 from knapsack-cloud/polish-on-a-train

demo prep on a train
knapsack-cloud · Oct 18, 2023 · 66cc8a1 · 66cc8a1
2 parents 943d4f4 + aa02e34
commit 66cc8a1
Show file tree

Hide file tree

Showing 15 changed files with 3,463 additions and 1,611 deletions.
diff --git a/knapsack/data/db.yml b/knapsack/data/db.yml
diff --git a/knapsack/data/knapsack.custom-page.components-nayr9a5-sm.yml b/knapsack/data/knapsack.custom-page.components-nayr9a5-sm.yml
@@ -14,4 +14,4 @@ settings:
     textColorTitle:
       type: design-token
       tokenName: salt.color.white
-    size: small
+    size: auto
diff --git a/knapsack/data/knapsack.custom-page.forms.yml b/knapsack/data/knapsack.custom-page.forms.yml
@@ -1,3 +1,23 @@
 id: forms
 title: Forms
-blockIds: []
+blockIds:
+  - q9ksRgsX47
+  - hx0B9PHg6V
+  - TSsYji8tQf
+  - VhTu24NQMe
+  - hyBZreJdPD
+  - z6JiIbfAZi
+  - 2iSUYLbkSg
+  - UjOxjSA1l_
+  - MefHV_ZnZn
+  - bSfFZ2VWE7
+  - cWsy2pJClu
+  - 4vJ2xg2Ji-
+settings:
+  pageHeader:
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
diff --git a/knapsack/data/knapsack.custom-page.homepage.yml b/knapsack/data/knapsack.custom-page.homepage.yml
@@ -4,8 +4,8 @@ blockIds: []
 settings:
   pageHeader:
     backgroundColor:
-      type: value
-      colorValue: "#000000"
+      type: design-token
+      tokenName: salt.color.gray.900
     textColorTitle:
       colorValue: "#FFFFFF"
       type: value

diff --git a/knapsack/data/knapsack.custom-page.international-address-input.yml b/knapsack/data/knapsack.custom-page.international-address-input.yml
@@ -1,3 +1,19 @@
 id: international-address-input
 title: International Address Input
-blockIds: []
+blockIds:
+  - 7U8U7QJope
+  - HlV4Gf0cii
+  - fEtPLvnN9y
+  - 3wLtEdZy5-
+  - qfQ2PHSzv-
+  - q834nCFdXf
+  - 8CQeQjk0oG
+  - QMUJ3h8zt1
+settings:
+  pageHeader:
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
diff --git a/knapsack/data/knapsack.custom-page.navigation.yml b/knapsack/data/knapsack.custom-page.navigation.yml
@@ -1,3 +1,23 @@
 id: navigation
 title: Navigation
-blockIds: []
+blockIds:
+  - mMbBwMk4cz
+  - eUo1VEhpZ1
+  - ZBDy86NrFa
+  - ustlnkQihr
+  - UfxBLjJQG9
+  - TE7XiTMcMp
+  - 3Gp6qf8--9
+  - 4rCfWZA2YO
+  - LdnkYbm96h
+  - jyIMqCMu2S
+  - eGhOP89u-2
+  - VGK7JObzzu
+settings:
+  pageHeader:
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
diff --git a/knapsack/data/knapsack.custom-page.research-approach.yml b/knapsack/data/knapsack.custom-page.research-approach.yml
@@ -1,3 +1,13 @@
 id: research-approach
 title: Research Approach
-blockIds: []
+blockIds:
+  - tLdkaLQVlQ
+  - i6H4-d8n92
+settings:
+  pageHeader:
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
diff --git a/knapsack/data/knapsack.custom-page.roadmap.yml b/knapsack/data/knapsack.custom-page.roadmap.yml
@@ -1,3 +1,13 @@
 id: roadmap
 title: Roadmap
-blockIds: []
+blockIds:
+  - 7i9bNz69S6
+settings:
+  pageHeader:
+    hideText: false
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
diff --git a/knapsack/data/knapsack.custom-page.supported-platform.yml b/knapsack/data/knapsack.custom-page.supported-platform.yml
@@ -1,3 +1,12 @@
 id: supported-platform
 title: Supported Platform
-blockIds: []
+blockIds:
+  - GhlCtt9G8h
+settings:
+  pageHeader:
+    backgroundColor:
+      type: design-token
+      tokenName: salt.color.gray.900
+    textColorTitle:
+      type: design-token
+      tokenName: salt.color.white
diff --git a/knapsack/data/knapsack.navs.yml b/knapsack/data/knapsack.navs.yml
@@ -16,12 +16,10 @@ byId:
     path: /pattern/banner
   button:
     id: button
-    name: Button
     parentId: components-nayr9a5-sm
     path: /pattern/button
   card:
     id: card
-    name: Card
     parentId: components-nayr9a5-sm
     path: /pattern/card
   components-nayr9a5-sm:
@@ -36,7 +34,7 @@ byId:
     path: /pages/forms
   grid:
     id: grid
-    name: /pattern/grid
+    name: Grid Layout
     parentId: components-nayr9a5-sm
     path: /pattern/grid
   international-address-input:

diff --git a/knapsack/data/knapsack.pattern.banner.json b/knapsack/data/knapsack.pattern.banner.json
@@ -9,31 +9,67 @@
   "templates": [
     {
       "id": "react-FMCNNz7tYg",
-      "title": "<Banner>",
+      "title": "React - Banner",
       "path": "@salt-ds/core",
       "alias": "Banner",
       "templateLanguageId": "react",
       "spec": {
-        "isInferred": true
+        "props": {
+          "type": "object",
+          "$schema": "http://json-schema.org/draft-07/schema",
+          "required": [],
+          "properties": {
+            "status": {
+              "enum": ["error", "warning", "success", "info"],
+              "type": "string",
+              "default": "info",
+              "description": "A string to determine the current state of the Banner"
+            },
+            "variant": {
+              "enum": ["primary", "secondary"],
+              "type": "string",
+              "default": "primary",
+              "description": "Emphasize the styling by applying a background color: defaults to false"
+            }
+          },
+          "description": "Banner is a type of notification that displays a message or provides feedback related to the user’s current workflow and spans the page or container horizontally. It can communicate new information, errors, warnings, or successful completion of a process or task."
+        },
+        "slots": {
+          "children": {
+            "title": "children"
+          }
+        }
       },
       "demoIds": ["2AP1yn1awi"],
       "blockIds": []
     },
     {
       "id": "react-_W45TtsaSk",
-      "title": "<BannerContent>",
+      "title": "React - BannerContent",
       "path": "@salt-ds/core",
       "alias": "BannerContent",
       "templateLanguageId": "react",
       "spec": {
-        "isInferred": true
+        "props": {
+          "type": "object",
+          "$schema": "http://json-schema.org/draft-07/schema",
+          "required": [],
+          "properties": {},
+          "description": "Banner is a type of notification that displays a message or provides feedback related to the user’s current workflow and spans the page or container horizontally. It can communicate new information, errors, warnings, or successful completion of a process or task."
+        },
+        "slots": {
+          "children": {
+            "title": "children",
+            "description": "The content of BannerContent"
+          }
+        }
       },
       "demoIds": ["a4KXMasETv"],
       "blockIds": []
     },
     {
       "id": "react-jI-RC0xK9p",
-      "title": "<BannerActions>",
+      "title": "React - BannerActions",
       "path": "@salt-ds/core",
       "alias": "BannerActions",
       "templateLanguageId": "react",
@@ -46,27 +82,55 @@
   ],
   "tabs": [
     {
-      "type": "subPage",
-      "id": "overview"
+      "id": "DjpjW2cPPY",
+      "type": "subPage"
+    },
+    {
+      "id": "overview",
+      "type": "subPage"
     },
     {
-      "type": "template",
-      "id": "react-FMCNNz7tYg"
+      "id": "YIXFN8E_aW",
+      "type": "subPage"
     },
     {
-      "type": "template",
-      "id": "react-_W45TtsaSk"
+      "id": "react-FMCNNz7tYg",
+      "type": "template"
     },
     {
-      "type": "template",
-      "id": "react-jI-RC0xK9p"
+      "id": "react-_W45TtsaSk",
+      "type": "template"
+    },
+    {
+      "id": "react-jI-RC0xK9p",
+      "type": "template"
     }
   ],
   "subPages": [
     {
       "id": "overview",
-      "title": "Overview",
-      "blockIds": ["YHoXLfRb0n"]
+      "title": "Examples",
+      "blockIds": ["tZgBGbTWHj", "4GxU9ajjPd"]
+    },
+    {
+      "id": "YIXFN8E_aW",
+      "title": "Figma",
+      "blockIds": ["dhjydMn43A"]
+    },
+    {
+      "id": "DjpjW2cPPY",
+      "title": "How to Use",
+      "blockIds": [
+        "_WeWlUAIPt",
+        "u4UNjN9_4_",
+        "lFLrveomS4",
+        "eFjbfvXv2s",
+        "CyA6HHDrZ6",
+        "GkzNs9YcGU"
+      ]
     }
-  ]
+  ],
+  "settings": {
+    "hideTableOfContents": false
+  }
 }