feat!: deprecate vars and expressvars from monorepo structure

.gitignore

@@ -6,6 +6,7 @@ dist-site
 
 temp
 .npmrc*
+.nx
 .env
 .tmp
 npm-debug.log*

.prettierignore

@@ -4,15 +4,11 @@
 **/node_modules
 
 components/*/dist
-components/expressvars/custom.css
-components/expressvars/css/**/*.css
-components/vars/css/**/*.css
-components/vars/custom.css
 tokens/custom-*/*.css
 .storybook/storybook-static/**
 generator
 dist
-template.hbs
+*.hbs
 
 site/includes/*.js
 

.storybook/main.js

@@ -94,9 +94,7 @@ module.exports = {
 							{
 								loader: "file-loader",
 								options: {
-									outputPath: (url, resourcePath, context) => {
-										return `assets/images/${url.replace(/_\//g, "")}`;
-									},
+									outputPath: (url) => `assets/images/${url.replace(/_\//g, "")}`,
 								},
 							},
 						],
@@ -118,7 +116,11 @@ module.exports = {
 								loader: "file-loader",
 								options: {
 									name: "[path][name].[ext][query]",
-									outputPath: (url, resourcePath, context) => {
+									outputPath: (url) => {
+										if (/node_modules\/@spectrum-css/.test(url)) {
+											return `assets/css/${url.replace(/^_\/_\/node_modules\/@spectrum-css\//g, "")}`;
+										}
+
 										return `assets/css/${url.replace(/_\//g, "")}`;
 									},
 									esModule: false,

.storybook/postcss.config.js

@@ -1,4 +1,4 @@
-const { resolve, relative, basename } = require("path");
+const { resolve, relative, basename, sep } = require("path");
 const { existsSync } = require("fs");
 const warnCleaner = require("postcss-warn-cleaner");
 
@@ -8,7 +8,7 @@ const legacyBuilder = require("@spectrum-css/component-builder/css/processors.js
 module.exports = (ctx) => {
 	let plugins = [];
 	const componentPath = resolve(__dirname, "../components");
-	const folderName = relative(componentPath, ctx.file).split("/")[0];
+	const folderName = ctx.file.includes('node_modules') ? relative(resolve(__dirname, "../../node_modules/@spectrum-css"), ctx.file)?.split(sep)?.shift() : relative(componentPath, ctx.file).split("/")[0];
 	const pkgPath = resolve(componentPath, folderName, "package.json");
 
 	if (["expressvars", "vars", "tokens"].includes(folderName)) {

.stylelintignore

@@ -1,6 +1,3 @@
 components/**/*-generated.css
 tokens/*
-components/vars/*
-components/express/*
-components/expressvars/*
 components/site/*