Merge pull request #2150 from Teradata/tokens-update

Updating tokens page - oseer

apps/knapsack/data/blocks/block.2Vc2CAzoJ2.json

@@ -0,0 +1,7 @@
+{
+  "id": "2Vc2CAzoJ2",
+  "data": {
+    "content": {}
+  },
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.3hiyk1p47W.json

@@ -0,0 +1,20 @@
+{
+  "id": "3hiyk1p47W",
+  "data": {
+    "demoId": "xrVH4M3t6W",
+    "templateId": "web-components-v3gk7O39kO",
+    "hideControls": false,
+    "playgroundUi": {
+      "allowResizing": true,
+      "showSchemaForm": true,
+      "showCodeSnippet": true,
+      "demoSize": "landscape"
+    },
+    "allowResizing": true,
+    "showCodeSnippet": true,
+    "showSchemaForm": true,
+    "demoSize": "landscape",
+    "patternId": "action-ribbon"
+  },
+  "blockType": "pattern-template-block"
+}

apps/knapsack/data/blocks/block.74Fs-vnkKr.json

@@ -0,0 +1,24 @@
+{
+  "id": "74Fs-vnkKr",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 3,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Caution",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.9L7Pb5A5Ax.json

@@ -0,0 +1,11 @@
+{
+  "id": "9L7Pb5A5Ax",
+  "data": {
+    "demoId": "color-swatch",
+    "groupIds": ["cv.theme.light.colors"],
+    "tokenType": "color",
+    "exclude": "on-",
+    "include": "surface"
+  },
+  "blockType": "design-tokens"
+}

apps/knapsack/data/blocks/block.9LdAB1x7Nz.json

@@ -0,0 +1,9 @@
+{
+  "id": "9LdAB1x7Nz",
+  "data": {
+    "url": "https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FKvXVAmYdCVAS7hzkOa73Em%2FCovalent-principles%3Ftype%3Ddesign%26node-id%3D6969%253A22802%26mode%3Ddev",
+    "height": "480",
+    "clickToInteract": false
+  },
+  "blockType": "figma-block"
+}

apps/knapsack/data/blocks/block.9UGjoUPU3.json

@@ -0,0 +1,24 @@
+{
+  "id": "9UGjoUPU3",
+  "data": {
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "heading",
+          "attrs": {
+            "level": 3,
+            "textAlign": "left"
+          },
+          "content": [
+            {
+              "text": "Caution",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.FAmKagOH2i.json

@@ -0,0 +1,7 @@
+{
+  "id": "FAmKagOH2i",
+  "data": {
+    "content": {}
+  },
+  "blockType": "text-editor"
+}

apps/knapsack/data/blocks/block.HkRQNfMQcT.json

@@ -0,0 +1,5 @@
+{
+  "id": "HkRQNfMQcT",
+  "data": {},
+  "blockType": "abstract-block"
+}

apps/knapsack/data/blocks/block.Ioe5-CDp2.json

@@ -0,0 +1,22 @@
+{
+  "id": "Ioe5-CDp2",
+  "data": {
+    "type": "warning",
+    "content": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "paragraph",
+          "content": [
+            {
+              "text": "Under construction",
+              "type": "text"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  "size": "large",
+  "blockType": "callout"
+}

apps/knapsack/data/blocks/block.JbtnGJeCfo.json

@@ -8,13 +8,13 @@
         {
           "type": "heading",
           "attrs": {
-            "textAlign": "left",
-            "level": 3
+            "level": 3,
+            "textAlign": "left"
           },
           "content": [
             {
-              "type": "text",
-              "text": "Caution"
+              "text": "Surface",
+              "type": "text"
             }
           ]
         }

apps/knapsack/data/blocks/block.KLBIYPkEr.json

@@ -0,0 +1,5 @@
+{
+  "id": "KLBIYPkEr",
+  "data": {},
+  "blockType": "figma-block"
+}

apps/knapsack/data/blocks/block.KrrDIJSnta.json

@@ -0,0 +1,14 @@
+{
+  "id": "KrrDIJSnta",
+  "data": {
+    "demoId": "color-swatch",
+    "groupIds": ["cv.theme.dark.colors"],
+    "tokenType": "color",
+    "include": "surface",
+    "exclude": "on-"
+  },
+  "blockType": "design-tokens",
+  "header": {
+    "showHeader": false
+  }
+}

apps/knapsack/data/blocks/block.NiGVnAPPLN.json

@@ -2,8 +2,8 @@
   "id": "NiGVnAPPLN",
   "blockType": "design-tokens",
   "data": {
-    "demoId": "table-list",
+    "demoId": "simple-list",
     "tokenType": "string",
-    "groupIds": ["typography"]
+    "groupIds": ["cv.typography"]
   }
 }

apps/knapsack/data/blocks/block.QWHCpMpu9k.json

@@ -0,0 +1,10 @@
+{
+  "id": "QWHCpMpu9k",
+  "data": {
+    "md": [
+      "- [ ] Custom domain (design.teradata.com) - Oseer\n- [ ] SSO login setup - Oseer\n- [ ] Homepage - Adam?\n- [ ] Components overview guidelines page - Adam? (breakup into multiple)\n- [ ] Finalize top navigation items - Everyone\n- [ ] Components Figma link - Adam?\n- [ ] Components description\n- [ ] Components implemented spec (web components) - Sahitya, Oseer\n- [ ] Components developer guide(s) (web components) - Sahitya, Oseer\n- [ ] Tokens page - Adam, Oseer to review\n- [ ] Content Writing guidelines - Felicia\n- [ ] Establish contribution guidelnes"
+    ],
+    "columns": 1
+  },
+  "blockType": "markdown-block"
+}

apps/knapsack/data/blocks/block.SIHvcydxQu.json

@@ -0,0 +1,20 @@
+{
+  "id": "SIHvcydxQu",
+  "data": {
+    "demoId": "tnvgSz6pjh",
+    "templateId": "web-components-4qjJYWsUZi",
+    "hideControls": true,
+    "playgroundUi": {
+      "allowResizing": false,
+      "showSchemaForm": true,
+      "showCodeSnippet": false,
+      "demoSize": "landscape"
+    },
+    "allowResizing": false,
+    "showCodeSnippet": false,
+    "showSchemaForm": true,
+    "demoSize": "landscape",
+    "patternId": "alert"
+  },
+  "blockType": "pattern-template-block"
+}

apps/knapsack/data/blocks/block.Sn8SY0xUil.json

@@ -0,0 +1,5 @@
+{
+  "id": "Sn8SY0xUil",
+  "data": {},
+  "blockType": "abstract-block"
+}

apps/knapsack/data/blocks/block.Vx8bcprP.json

@@ -0,0 +1,9 @@
+{
+  "id": "Vx8bcprP",
+  "data": {
+    "url": "https://teradata.github.io/covalent/docs/components/iframe.html?args=&id=components-action-ribbon--positive&viewMode=story",
+    "height": "64",
+    "clickToInteract": false
+  },
+  "blockType": "generic-iframe"
+}

apps/knapsack/data/blocks/block.hKFzUsh21h.json

@@ -0,0 +1,9 @@
+{
+  "id": "hKFzUsh21h",
+  "data": {
+    "url": "https://covalent-workspace-3e0dddf5c0ce.herokuapp.com/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&dataId=21d63d0cca0668670c81de32b73e6116&isInIframe=false&wrapHtml=true",
+    "height": "200",
+    "clickToInteract": false
+  },
+  "blockType": "generic-iframe"
+}

apps/knapsack/data/blocks/block.qijTbG7LU7.json

@@ -8,13 +8,13 @@
         {
           "type": "heading",
           "attrs": {
-            "textAlign": "left",
-            "level": 3
+            "level": 3,
+            "textAlign": "left"
           },
           "content": [
             {
-              "type": "text",
-              "text": "Caution"
+              "text": "Surface",
+              "type": "text"
             }
           ]
         }

apps/knapsack/data/blocks/block.sI9T2CK0mW.json

@@ -2,20 +2,19 @@
   "id": "sI9T2CK0mW",
   "blockType": "text-editor",
   "data": {
-    "autoFocus": true,
     "content": {
       "type": "doc",
       "content": [
         {
           "type": "heading",
           "attrs": {
-            "textAlign": "left",
-            "level": 4
+            "level": 4,
+            "textAlign": "left"
           },
           "content": [
             {
-              "type": "text",
-              "text": "References"
+              "text": "References",
+              "type": "text"
             }
           ]
         },
@@ -26,19 +25,19 @@
           },
           "content": [
             {
+              "text": "MWC Checkbox",
               "type": "text",
               "marks": [
                 {
                   "type": "link",
                   "attrs": {
-                    "href": "https://www.npmjs.com/package/@material/mwc-checkbox",
-                    "target": "_blank",
                     "rel": "noopener noreferrer nofollow",
-                    "class": null
+                    "href": "https://www.npmjs.com/package/@material/mwc-checkbox",
+                    "class": null,
+                    "target": "_blank"
                   }
                 }
-              ],
-              "text": "MWC Checkbox"
+              ]
             }
           ]
         },
@@ -49,19 +48,19 @@
           },
           "content": [
             {
+              "text": "Covalent Design System - Checkbox",
               "type": "text",
               "marks": [
                 {
                   "type": "link",
                   "attrs": {
-                    "href": "https://teradata.github.io/covalent/docs/components/?path=/docs/components-checkbox--overview",
-                    "target": "_blank",
                     "rel": "noopener noreferrer nofollow",
-                    "class": null
+                    "href": "https://teradata.github.io/covalent/docs/components/?path=/docs/components-checkbox--overview",
+                    "class": null,
+                    "target": "_blank"
                   }
                 }
-              ],
-              "text": "Covalent Design System - Checkbox"
+              ]
             }
           ]
         }

apps/knapsack/data/blocks/block.tTiJjlCSwd.json

@@ -4,8 +4,8 @@
   "data": {
     "demoId": "color-swatch",
     "tokenType": "color",
-    "groupIds": ["cv.theme.light.colors"],
+    "groupIds": ["cv.theme.light"],
     "include": "primary",
-    "exclude": "on-"
+    "exclude": "-4"
   }
 }

apps/knapsack/data/db.yml

@@ -29,25 +29,17 @@ settings:
   logoUrl: https://knapsack.imgix.net/site/covalent/teradata-zalegzixrisvg
   theme:
     appearance:
-      customFonts:
-        - family: Inter
-          src:
-            - format: woff2
-              path: https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2
-              type: url
-          style: normal
-          weight: ''
       navigation:
         primaryNav:
           accentColor:
             tokenName: cv.theme.light.colors.primary
             type: design-token
           backgroundColor:
-            tokenName: cv.theme.light.colors.background
+            tokenName: cv.theme.light.colors.surface
             type: design-token
           fontFamily: Inter
           hoverColor:
-            tokenName: cv.theme.light.colors.primary-24%
+            tokenName: cv.theme.light.colors.on-surface-38%
             type: design-token
           textColor:
             tokenName: cv.theme.light.colors.primary