feat: Update CustomProperties component to use JSON tokens

.github/workflows/ci.yml

@@ -17,6 +17,7 @@ jobs:
           cache: yarn
 
       - run: yarn --frozen-lockfile
+      - run: yarn run validate-tokens
       - run: yarn run type-check && yarn run build
       - run: yarn run lint
       - run: yarn run test

.vscode/settings.json

@@ -23,5 +23,6 @@
     "{build,build-internal}/": true,
     "examples/*/build": true
   },
-  "typescript.tsdk": "./node_modules/typescript/lib"
+  "typescript.tsdk": "./node_modules/typescript/lib",
+  "cSpell.words": ["semibold"]
 }

loom.config.ts

@@ -14,6 +14,7 @@ import {stylelint} from '@shopify/loom-plugin-stylelint';
 import {prettier} from '@shopify/loom-plugin-prettier';
 import replace from '@rollup/plugin-replace';
 import image from '@rollup/plugin-image';
+import json from '@rollup/plugin-json';
 
 import packageJSON from './package.json';
 import {styles} from './config/rollup/plugin-styles';
@@ -138,6 +139,9 @@ function rollupAdjustPluginsPlugin() {
         delimiters: ['', ''],
       }),
       image(),
+      json({
+        compact: true,
+      }),
       styles(stylesConfig),
     ];
   });

package.json

@@ -65,7 +65,8 @@
     "readme-update-version": "node ./scripts/readme-update-version",
     "version": "yarn run readme-update-version",
     "storybook": "start-storybook -p 6006 --quiet",
-    "storybook:build": "build-storybook -o build-internal/storybook/static"
+    "storybook:build": "build-storybook -o build-internal/storybook/static",
+    "validate-tokens": "ajv validate -s tokens/schemas/token-group.json -d 'tokens/*.json'"
   },
   "dependencies": {
     "@shopify/polaris-icons": "^4.10.0",
@@ -85,6 +86,7 @@
     "@babel/core": "^7.15.0",
     "@babel/node": "^7.14.9",
     "@rollup/plugin-image": "^2.0.5",
+    "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-replace": "^2.3.3",
     "@rollup/pluginutils": "^3.1.0",
     "@shopify/babel-preset": "^24.1.2",
@@ -111,6 +113,7 @@
     "@storybook/react": "^6.3.7",
     "@types/lodash": "^4.14.138",
     "@types/node": "^16.11.11",
+    "ajv-cli": "^5.0.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "^8.1.0",
     "chalk": "^2.4.2",