feat(tokens)!: migrate package to root; out of components

Author: castastrophe

.prettierignore

@@ -8,7 +8,7 @@ components/expressvars/custom.css
 components/expressvars/css/**/*.css
 components/vars/css/**/*.css
 components/vars/custom.css
-components/tokens/custom-*/*.css
+tokens/custom-*/*.css
 .storybook/storybook-static/**
 generator
 dist

.stylelintignore

@@ -1,5 +1,5 @@
 components/**/*-generated.css
-components/tokens/*
+tokens/*
 components/vars/*
 components/express/*
 components/expressvars/*

generator/plopfile.js

@@ -1,7 +1,7 @@
 import { spawn } from 'child_process';
 import { existsSync, readdirSync, readFileSync } from 'fs';
 import { readFile } from 'fs/promises';
-import { resolve } from 'path';
+import { dirname, resolve } from 'path';
 
 import cheerio from 'cheerio';
 import yaml from 'js-yaml';
@@ -22,7 +22,7 @@ export default async (plop) => {
 	const projectName = process.env.PROJECT_NAME ?? 'Spectrum CSS';
 	const pkg = await fetchPackage(rootFolder);
 
-	const tokens = await fetchPackage(resolve(srcPath, 'tokens'));
+	const tokens = await fetchPackage(dirname(require.resolve('@spectrum-css/tokens/package.json')));
 	const builder = await fetchPackage(resolve(process.cwd(), '../tools/component-builder-simple'));
 
 	/* Fetch the project name */

package.json

@@ -64,6 +64,7 @@
     "components/*",
     "tools/*",
     "plugins/*",
+    "tokens",
     "generator",
     ".storybook",
     ".github/actions/*"

site/gulpfile.js

@@ -39,9 +39,17 @@ function buildSite_prism() {
 		])
 		.pipe(gulp.dest(path.join(__dirname, "../dist/css/prism/")));
 }
+function buildSite_tokens() {
+	return gulp
+		.src([
+			require.resolve("@spectrum-css/tokens"),
+		])
+		.pipe(gulp.dest(path.join(__dirname, "../dist/components/tokens/")));
+}
 
 exports.copySiteResources = gulp.parallel(
 	buildSite_resources,
+	buildSite_tokens,
 	buildSite_loadicons,
 	buildSite_lunr,
 	buildSite_prism

tasks/clean-up-after-migration.sh

@@ -22,7 +22,7 @@ test -d "tools/preview" && rm -rf tools/preview
 # Legacy tokens packages
 # test -d "components/vars" && rm -rf components/vars
 # test -d "components/expressvars" && rm -rf components/expressvars
-# test -d "components/tokens" && rm -rf components/tokens
+test -d "components/tokens" && rm -rf components/tokens
 
 # test -d "plugins/legacy-postcss-dropdupedvars" && rm -rf plugins/legacy-postcss-dropdupedvars
 # test -d "plugins/legacy-postcss-dropunusedvars" && rm -rf plugins/legacy-postcss-dropunusedvars