knapsack-cloud · knapsack-cloud · Sep 6, 2024
diff --git a/data/blocks/block.jM9IKerPOI.json b/data/blocks/block.jM9IKerPOI.json
@@ -0,0 +1,13 @@
+{
+  "id": "jM9IKerPOI",
+  "data": {
+    "items": [
+      {
+        "fileId": "NpV47EII6zCxkpPoChejg0",
+        "nodeId": "31457:408218"
+      }
+    ]
+  },
+  "size": "large",
+  "blockType": "design-src-tiles"
+}
diff --git a/data/blocks/block.tkwfpYYFLp.json b/data/blocks/block.tkwfpYYFLp.json
@@ -0,0 +1,89 @@
+{
+  "id": "tkwfpYYFLp",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 1,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Anatomy",
+              "type": "text"
+            }
+          ]
+        },
+        {
+          "type": "paragraph",
+          "attrs": {
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "A ",
+              "type": "text"
+            },
+            {
+              "text": "button",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": " consists of either a ",
+              "type": "text"
+            },
+            {
+              "text": "label",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": ", an ",
+              "type": "text"
+            },
+            {
+              "text": "icon",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": ", or both. Contained, outlined and text buttons have a visible ",
+              "type": "text"
+            },
+            {
+              "text": "button surface",
+              "type": "text",
+              "marks": [
+                {
+                  "type": "bold"
+                }
+              ]
+            },
+            {
+              "text": ". In the case of text buttons, that button surface becomes visible only when interacting with it. Link buttons do not have a visible button surface.",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "size": "large",
+  "blockType": "text-editor"
+}
diff --git a/data/db.yml b/data/db.yml
@@ -22,6 +22,11 @@ settings:
         type: figma
         url: https://www.figma.com/file/rzMpZtZ3PLH3eutORdrJ2o?version-id=5763001927
         version: '6248118586'
+      - fileId: NpV47EII6zCxkpPoChejg0
+        name: ❖ Digital HIG UI toolkit
+        type: figma
+        url: https://www.figma.com/file/NpV47EII6zCxkpPoChejg0?version-id=6526948086
+        version: '6526948086'
   logoUrl: https://knapsack.imgix.net/site/public-demo/knapsack-logomark-primary@3x-c3fjqx5ll_.png
   prototyping:
     patternId: one-pager

diff --git a/data/knapsack.navs.yml b/data/knapsack.navs.yml
@@ -68,7 +68,7 @@ byId:
     path: /pages/Shadow
   Simple:
     id: Simple
-    name: Simple Patterns
+    name: Components
     parentId: Components-aPh3G1bbrX
     path: ''
   adding-design-tokens:

diff --git a/data/knapsack.pattern.author.json b/data/knapsack.pattern.author.json
@@ -19,9 +19,7 @@
     "twig": "ready",
     "react": "ready",
     "design": "needs-design",
-    "handlebars": "ready",
-    "web-components": "ready",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "handlebars": "ready"
   },
   "subPages": [],
   "templates": [

diff --git a/data/knapsack.pattern.button.json b/data/knapsack.pattern.button.json
@@ -1,7 +1,7 @@
 {
   "id": "button",
   "title": "Button",
-  "description": "Buttons are used to initialize an action. Button labels express what action will occur when the user interacts with it.",
+  "description": "A button initiates an action or navigates to a new destination. Buttons help users discover available actions and accomplish their goals. Different button variants establish a hierarchy and guide users through the interface.",
   "demoWidths": [
     {
       "width": 180
@@ -34,6 +34,8 @@
       "id": "Overview",
       "title": "Usage",
       "blockIds": [
+        "tkwfpYYFLp",
+        "jM9IKerPOI",
         "YkyHkvdzp_",
         "vFalbAV-gx",
         "1LTGO8xsrC",
@@ -111,11 +113,11 @@
     }
   ],
   "statuses": {
-    "design": "needs-updated",
+    "design": "ready",
     "react": "ready",
     "twig": "ready",
     "handlebars": "ready",
-    "web-components": "needs-dev"
+    "XxoaFhU8EE": "ready"
   },
   "designSrcComponentsById": {
     "P1BaxXtxDV": {

diff --git a/data/knapsack.pattern.card.json b/data/knapsack.pattern.card.json
@@ -6,9 +6,7 @@
     "design": "ready",
     "twig": "needs-updated",
     "react": "needs-updated",
-    "handlebars": "ready",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "CaUlKPrsPQ"
+    "handlebars": "ready"
   },
   "templates": [
     {

diff --git a/data/knapsack.pattern.footer.json b/data/knapsack.pattern.footer.json
@@ -11,9 +11,7 @@
     "twig": "wont-build",
     "react": "ready",
     "design": "ready",
-    "handlebars": "wont-build",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "handlebars": "wont-build"
   },
   "subPages": [],
   "templates": [

diff --git a/data/knapsack.pattern.header.json b/data/knapsack.pattern.header.json
@@ -12,9 +12,7 @@
     "twig": "wont-build",
     "react": "ready",
     "design": "ready",
-    "handlebars": "wont-build",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "handlebars": "wont-build"
   },
   "subPages": [],
   "templates": [

diff --git a/data/knapsack.pattern.hero.json b/data/knapsack.pattern.hero.json
@@ -14,9 +14,7 @@
   "statuses": {
     "twig": "needs-dev",
     "react": "ready",
-    "design": "ready",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "design": "ready"
   },
   "subPages": [
     {

diff --git a/data/knapsack.pattern.input-field.json b/data/knapsack.pattern.input-field.json
@@ -15,9 +15,7 @@
     "twig": "needs-dev",
     "react": "needs-dev",
     "design": "needs-updated",
-    "handlebars": "wont-build",
-    "web-components": "wont-build",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "handlebars": "wont-build"
   },
   "subPages": [
     {

diff --git a/data/knapsack.pattern.layout.json b/data/knapsack.pattern.layout.json
@@ -14,9 +14,7 @@
   "statuses": {
     "twig": "needs-dev",
     "react": "ready",
-    "design": "ready",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "design": "ready"
   },
   "subPages": [
     {

diff --git a/data/knapsack.pattern.message.json b/data/knapsack.pattern.message.json
@@ -15,9 +15,7 @@
     "twig": "wont-build",
     "react": "needs-dev",
     "design": "ready",
-    "handlebars": "wont-build",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "BAwEpqi4W"
+    "handlebars": "wont-build"
   },
   "subPages": [
     {

diff --git a/data/knapsack.pattern.one-pager.json b/data/knapsack.pattern.one-pager.json
@@ -15,8 +15,7 @@
     "twig": "needs-dev",
     "react": "ready",
     "design": "ready",
-    "handlebars": "wont-build",
-    "web-components": "wont-build"
+    "handlebars": "wont-build"
   },
   "subPages": [
     {

diff --git a/data/knapsack.pattern.top-nav.json b/data/knapsack.pattern.top-nav.json
@@ -18,9 +18,7 @@
   "statuses": {
     "twig": "needs-dev",
     "react": "needs-qa",
-    "design": "ready",
-    "web-components": "needs-dev",
-    "qEBpl8oPtd": "CaUlKPrsPQ"
+    "design": "ready"
   },
   "subPages": [
     {

diff --git a/data/knapsack.patterns.json b/data/knapsack.patterns.json
@@ -63,8 +63,8 @@
       ]
     },
     {
-      "id": "web-components",
-      "title": "Web Components",
+      "id": "XxoaFhU8EE",
+      "title": "CSS",
       "statuses": [
         {
           "id": "unset",
@@ -102,22 +102,6 @@
           "title": "Won't Build"
         }
       ]
-    },
-    {
-      "id": "qEBpl8oPtd",
-      "title": "Mobile",
-      "statuses": [
-        {
-          "id": "CaUlKPrsPQ",
-          "color": "#ccedb1",
-          "title": "Ready"
-        },
-        {
-          "id": "BAwEpqi4W",
-          "color": "#ff9fd3",
-          "title": "Not Ready"
-        }
-      ]
     }
   ]
 }