chore: Sync Tokens Studio config 🤖 (#50)

[category:Infrastructure]

Co-authored-by: @RayRedGoose <[email protected]>

package.json

@@ -12,7 +12,8 @@
   },
   "scripts": {
     "commit": "git-cz",
-    "build:tokens": "npx nx build @workday/canvas-tokens",
+    "build:tokens": "yarn clean:tokens && npx nx build @workday/canvas-tokens",
+    "clean:tokens": "npx nx clean @workday/canvas-tokens-web",
     "lint": "eslint -c ./.eslintrc.js --ext=ts .",
     "precommit": "lint-staged",
     "prepare": "husky install",
@@ -34,11 +35,11 @@
     "@nx/vite": "16.7.4",
     "@octokit/openapi-types": "^18.0.0",
     "@octokit/rest": "^18.12.0",
-    "@types/node": "^18.18.0",
     "@storybook/addon-essentials": "7.4.0",
     "@storybook/core-server": "7.4.0",
     "@storybook/react-vite": "7.4.0",
     "@types/jest": "^29.5.2",
+    "@types/node": "^18.18.0",
     "@typescript-eslint/eslint-plugin": "^5.59.5",
     "@typescript-eslint/parser": "^5.59.5",
     "chromatic": "^7.2.0",
@@ -54,6 +55,7 @@
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
     "ts-jest": "^29.1.0",
     "ts-node": "10.9.1",
     "typescript": "^5.0.4",

packages/canvas-tokens-docs/.storybook/main.ts

@@ -13,9 +13,6 @@ const config: StorybookConfig = {
   viteFinal: async config =>
     mergeConfig(config, {
       plugins: [nxViteTsPaths()],
-      optimizeDeps: {
-        include: ['@workday/canvas-tokens-web'],
-      },
     }),
 };
 

packages/canvas-tokens-docs/stories/base/examples/Color.tsx

@@ -5,33 +5,33 @@ import {Stack} from '../../../components/Stack';
 import {ColorGrid, buildColorSwatch, ColorSwatch} from '../../../components/ColorGrid';
 
 const colorPaletteNames = [
-  'cinnamon',
-  'peach',
-  'chiliMango',
+  'berrySmoothie',
+  'blackPepper',
+  'blackberry',
+  'blueberry',
   'cantaloupe',
-  'sourLemon',
-  'juicyPear',
-  'kiwi',
+  'cappuccino',
+  'chiliMango',
+  'cinnamon',
+  'coconut',
+  'frenchVanilla',
+  'fruitPunch',
+  'grapeSoda',
   'greenApple',
-  'watermelon',
+  'islandPunch',
   'jewel',
-  'toothpaste',
-  'blueberry',
+  'juicyPear',
+  'kiwi',
+  'licorice',
+  'peach',
   'plum',
-  'berrySmoothie',
-  'blackberry',
-  'islandPunch',
-  'grapeSoda',
   'pomegranate',
-  'fruitPunch',
   'rootBeer',
-  'toastedMarshmallow',
-  'coconut',
-  'capuccino', // Misspelled
-  'licorice',
   'soap',
-  'frenchVanilla',
-  'blackPepper',
+  'sourLemon',
+  'toastedMarshmallow',
+  'toothpaste',
+  'watermelon',
 ] as const;
 
 const colorRegExp = new RegExp(colorPaletteNames.join('|'));

packages/canvas-tokens-web/package.json

@@ -8,7 +8,9 @@
   "module": "dist/es6/index.js",
   "sideEffects": false,
   "types": "dist/es6/index.d.ts",
-  "scripts": {},
+  "scripts": {
+    "clean": "rimraf dist"
+  },
   "files": [
     "dist/"
   ],