knapsack-cloud · knapsack-cloud · Aug 13, 2024
diff --git a/data/blocks/block.6-qXFUJ0eH.json b/data/blocks/block.6-qXFUJ0eH.json
@@ -110,5 +110,7 @@
       ]
     }
   },
-  "id": "6-qXFUJ0eH"
+  "id": "6-qXFUJ0eH",
+  "size": "small",
+  "spacing": "medium"
 }
diff --git a/data/blocks/block.7-9Z3dxHft.json b/data/blocks/block.7-9Z3dxHft.json
@@ -2,12 +2,12 @@
   "blockType": "design-token-block",
   "data": {
     "demo": {
-      "id": "color-swatch"
+      "id": "table-list"
     },
     "tokens": {
-      "category": "color",
       "name": "",
-      "tags": ["base"]
+      "tags": ["base"],
+      "category": "color"
     }
   },
   "id": "7-9Z3dxHft"

diff --git a/data/blocks/block.C6v-PByS1J.json b/data/blocks/block.C6v-PByS1J.json
@@ -0,0 +1,7 @@
+{
+  "id": "C6v-PByS1J",
+  "data": {
+    "files": ["6257d5de-f27e-4e79-a3a4-633b620cc3c5"]
+  },
+  "blockType": "files-list"
+}
diff --git a/data/blocks/block.Iu6QKbz80R.json b/data/blocks/block.Iu6QKbz80R.json
@@ -12,7 +12,7 @@
           "name": "Design Tokens",
           "path": "/pages/Design-Tokens"
         },
-        "image": "https://knapsack.imgix.net/site/public-demo/46643-lg7przfyjvpng",
+        "image": "https://knapsack.imgix.net/site/public-demo/download-7-yzkk7kim8apng",
         "title": "🎨 Design Tokens",
         "description": "View and manage building blocks for our digital brand."
       },
@@ -22,7 +22,7 @@
           "name": "Components Overview",
           "path": "/pages/Components-Overview"
         },
-        "image": "https://knapsack.imgix.net/site/public-demo/materialillustrationabs-7b98tg-tfnpng",
+        "image": "https://knapsack.imgix.net/site/public-demo/tal-a380configuration-emiratesfirst0323-bb894ad2dba34d279c80e634e0dd30fb-h4rwjbvhajpg",
         "title": "🧩 Components Overview",
         "description": "Find and understand UI elements in design and code."
       },
@@ -32,7 +32,7 @@
           "name": "Page-Level Prototyping",
           "path": "/pages/Page-Level-Prototyping"
         },
-        "image": "https://knapsack.imgix.net/site/public-demo/lego-rainbow-with-cloud-flat-ufftefvcdujpg",
+        "image": "https://knapsack.imgix.net/site/public-demo/emirates-plane-wqcqqerzwebp",
         "title": "🖼️ Page-Level Prototyping",
         "description": "Assemble modular elements into UIs based in code."
       }

diff --git a/data/blocks/block.LcmSv3pwf5.json b/data/blocks/block.LcmSv3pwf5.json
diff --git a/data/blocks/block.Lqt4PFSafE.json b/data/blocks/block.Lqt4PFSafE.json
@@ -0,0 +1,7 @@
+{
+  "id": "Lqt4PFSafE",
+  "data": {
+    "files": ["6b6b5ad3-04f6-4824-b1c3-56c88f3d248e"]
+  },
+  "blockType": "files-list"
+}
diff --git a/data/blocks/block.fDCd-bGyj4.json b/data/blocks/block.fDCd-bGyj4.json
@@ -0,0 +1,7 @@
+{
+  "id": "fDCd-bGyj4",
+  "data": {
+    "items": []
+  },
+  "blockType": "design-src-tiles"
+}
diff --git a/data/blocks/block.l2y6PLjfUx.json b/data/blocks/block.l2y6PLjfUx.json
@@ -0,0 +1,12 @@
+{
+  "id": "l2y6PLjfUx",
+  "data": {
+    "items": [
+      {
+        "fileId": "H3Jj1cltfXiGWijrYOaGBi",
+        "nodeId": "21:61"
+      }
+    ]
+  },
+  "blockType": "design-src-tiles"
+}
diff --git a/data/blocks/block.tY2rt92bob.json b/data/blocks/block.tY2rt92bob.json
@@ -106,5 +106,6 @@
       "type": "doc"
     }
   },
-  "id": "tY2rt92bob"
+  "id": "tY2rt92bob",
+  "size": "small"
 }
diff --git a/data/db.yml b/data/db.yml
@@ -22,7 +22,9 @@ settings:
         type: figma
         url: https://www.figma.com/file/rzMpZtZ3PLH3eutORdrJ2o?version-id=5763001927
         version: '6248118586'
-  logoUrl: https://knapsack.imgix.net/site/public-demo/knapsack-logomark-primary@3x-c3fjqx5ll_.png
+  favicon: https://knapsack.imgix.net/site/public-demo/emirateslogosvg-79ymwizsbkpng
+  hideTitleInNavigation: false
+  logoUrl: https://knapsack.imgix.net/site/public-demo/emirateslogosvg-s5dwz61aepng
   prototyping:
     patternId: one-pager
   theme:
@@ -42,6 +44,20 @@ settings:
               type: url
           style: normal
           weight: 400
+        - family: Emirates
+          src:
+            - format: woff
+              path: https://globalfonts.pro/global_files/5edb80f6ef739105b399abc6/files/Emirates-Light.woff
+              type: url
+          style: normal
+          weight: ''
+        - family: Helvetica Neue Roman
+          src:
+            - format: woff
+              path: https://globalfonts.pro/global_files/5c168bb7b2143e318c4cdb0f/files/HelveticaNeueCyr-Roman.woff
+              type: url
+          style: normal
+          weight: ''
       navigation:
         primaryNav:
           accentColor:
@@ -53,36 +69,39 @@ settings:
           fontFamily: Inter
           fontWeight: 800
           hoverColor:
-            tokenName: color.brand.secondary
+            tokenName: color.brand.primary
             type: design-token
-          lineHeight: ''
           textColor:
-            tokenName: color.text.inverse
+            tokenName: color.brand.white
             type: design-token
         secondaryNav:
           accentColor:
-            tokenName: color-brand-secondary
+            tokenName: color.brand.primary
             type: design-token
           fontFamily: Inter
           fontWeight: 500
+          textColor:
+            tokenName: color.brand.black
+            type: design-token
         tabs:
           fontFamily: Inter
       pageElements:
-        bodyText: {}
-        headingLarge:
+        bodyText:
           fontFamily: Inter
+        headingLarge:
+          fontFamily: Emirates
           fontWeight: 400
         headingMedium:
-          fontFamily: Nunito
+          fontFamily: Emirates
           textTransform: inherit
         headingSmall:
-          fontFamily: Inter
+          fontFamily: Emirates
         headingXLarge:
-          fontFamily: Inter
+          fontFamily: Emirates
           fontWeight: 600
           textTransform: inherit
         headingXSmall:
-          fontFamily: Inter
+          fontFamily: Emirates
         link:
           fontWeight: 600
           textColor:
@@ -93,11 +112,11 @@ settings:
           fontFamily: Inter
           fontWeight: 400
         pageTitle:
-          fontFamily: Inter
+          fontFamily: Emirates
           fontWeight: 800
           textTransform: inherit
     version: 10
-  title: Public Demo
+  title: Design System
   tokens:
     theming:
       enabledRendererIds:

diff --git a/data/demos/demo.2ysfvm4ShE.json b/data/demos/demo.2ysfvm4ShE.json
@@ -2,16 +2,16 @@
   "data": {
     "props": {
       "mode": "info",
-      "size": "medium",
+      "size": "large",
       "type": "solid",
       "url": "#url",
-      "outline": false,
+      "outline": true,
       "icon": false
     },
     "slots": {
       "children": [
         {
-          "text": "Button",
+          "text": "Click for Point Redemption",
           "type": "text"
         }
       ]

diff --git a/data/demos/demo.DYR77XJRDz.json b/data/demos/demo.DYR77XJRDz.json
@@ -0,0 +1,12 @@
+{
+  "id": "DYR77XJRDz",
+  "data": {
+    "props": {},
+    "slots": {}
+  },
+  "type": "data",
+  "title": "New Variation",
+  "patternId": "button",
+  "templateId": "react",
+  "description": "A description"
+}
diff --git a/data/knapsack.custom-page.Design-Tokens-lNWaUqkDSo.yml b/data/knapsack.custom-page.Design-Tokens-lNWaUqkDSo.yml
@@ -1,13 +1,13 @@
 id: Design-Tokens-lNWaUqkDSo
-title: Design Tokens
+title: DESIGN TOKENS
 settings:
   pageHeader:
-    size: auto
+    size: large
     textColorTitle:
       type: design-token
       colorValue: '#000000'
       tokenName: color-brand-primary
-    backgroundImage: null
+    backgroundImage: https://knapsack.imgix.net/site/public-demo/download-7-efn6zxx3lpng
     textColorDescription:
       type: value
       colorValue: '#000000'

diff --git a/data/knapsack.custom-page.Page-Level-Prototyping.yml b/data/knapsack.custom-page.Page-Level-Prototyping.yml
diff --git a/data/knapsack.custom-page.Private-Pages.yml b/data/knapsack.custom-page.Private-Pages.yml
@@ -3,3 +3,4 @@ title: Private Pages
 description: ''
 blockIds:
   - gV88tSjKGe
+  - Lqt4PFSafE
diff --git a/data/knapsack.custom-page.homepage.yml b/data/knapsack.custom-page.homepage.yml
@@ -2,16 +2,19 @@ id: homepage
 title: Welcome to Knapsack
 settings:
   pageHeader:
-    size: full
+    size: large
     textColorTitle:
       type: design-token
-      tokenName: color-brand-primary
+      tokenName: color.brand.white
       colorValue: '#FFFFFF'
-    backgroundImage: https://knapsack.imgix.net/site/public-demo/clark-van-der-beken-596baa0mpym-unsplash-o5drv55uvq.jpg
+    backgroundImage: >-
+      https://knapsack.imgix.net/site/public-demo/flying-to-dubai-uae-finally-lifts-all-entry-requirements-returning-to-normal-travel-edited-scaled-lyutknfwgrwebp
     textColorDescription:
       type: design-token
-      tokenName: color-Meh-black
+      tokenName: color.brand.white
       colorValue: '#FFFFFF'
+    backgroundOverlay: true
+    backgroundSize: cover
 description: |-
   A shared platform for product teams to collaborate
   on documenting, designing, building, testing, and shipping

diff --git a/data/knapsack.custom-page.mobile.yml b/data/knapsack.custom-page.mobile.yml
@@ -1,5 +1,5 @@
 id: mobile
-title: Mobile
+title: MOBILE
 blockIds:
   - mGK1Po9yrc
   - GBEJSG8fBO

diff --git a/data/knapsack.custom-page.welcome-to-knapsack.yml b/data/knapsack.custom-page.welcome-to-knapsack.yml
@@ -14,7 +14,7 @@ settings:
     size: small
 description: The collaborative design system
 blockIds:
-  - 6-qXFUJ0eH
   - tY2rt92bob
+  - 6-qXFUJ0eH
   - oa-y7sAwqr
   - 7Y7v_lnZJh
diff --git a/data/knapsack.design-tokens.json b/data/knapsack.design-tokens.json
@@ -69,15 +69,15 @@
     "brand": {
       "black": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#333333"
       },
       "white": {
         "$type": "color",
         "$value": "#FFFFFF"
       },
       "primary": {
         "$type": "color",
-        "$value": "#6436BF"
+        "$value": "#d71921"
       },
       "tertiary": {
         "$type": "color",
@@ -359,7 +359,7 @@
           "$value": "#ffffff"
         },
         "light": {
-          "$value": "#7b58cf"
+          "$value": "{color.dark.blue}"
         },
         "$type": "color",
         "$extensions": {

diff --git a/data/knapsack.files.json b/data/knapsack.files.json
@@ -1,3 +1,18 @@
 {
-  "files": {}
+  "files": {
+    "6257d5de-f27e-4e79-a3a4-633b620cc3c5": {
+      "id": "6257d5de-f27e-4e79-a3a4-633b620cc3c5",
+      "url": "https://knapsack.imgix.net/site/public-demo/emirates-light-s7fjwwurywoff",
+      "size": "66.3 KB",
+      "title": "Emirates-Light.woff",
+      "mimetype": "application/font-woff"
+    },
+    "6b6b5ad3-04f6-4824-b1c3-56c88f3d248e": {
+      "id": "6b6b5ad3-04f6-4824-b1c3-56c88f3d248e",
+      "url": "https://knapsack.imgix.net/site/public-demo/emirates-light-snorqzypctwoff",
+      "size": "66.3 KB",
+      "title": "Emirates-Light.woff",
+      "mimetype": "application/font-woff"
+    }
+  }
 }