@wordpress/theme 0.4.0 → 0.4.1-next.8fd3f8831.0

package/build-module/theme-provider.js

@@ -1,7 +1,7 @@
 // packages/theme/src/theme-provider.tsx
 import { useMemo, useId } from "@wordpress/element";
-import { ThemeContext } from "./context";
-import { useThemeProviderStyles } from "./use-theme-provider-styles";
+import { ThemeContext } from "./context.js";
+import { useThemeProviderStyles } from "./use-theme-provider-styles.js";
 
 // packages/theme/src/style.module.css
 var css = `.style-module__root__26kw6 {

package/build-module/use-theme-provider-styles.js

@@ -9,14 +9,14 @@ import {
 } from "colorjs.io/fn";
 import memoize from "memize";
 import { useMemo, useContext } from "@wordpress/element";
-import "./color-ramps/lib/register-color-spaces";
-import { ThemeContext } from "./context";
-import colorTokens from "./prebuilt/ts/color-tokens";
+import "./color-ramps/lib/register-color-spaces.js";
+import { ThemeContext } from "./context.js";
+import colorTokens from "./prebuilt/ts/color-tokens.js";
 import {
   buildBgRamp,
   buildAccentRamp,
   DEFAULT_SEED_COLORS
-} from "./color-ramps";
+} from "./color-ramps/index.js";
 var getCachedBgRamp = memoize(buildBgRamp, { maxSize: 10 });
 var getCachedAccentRamp = memoize(buildAccentRamp, { maxSize: 10 });
 var legacyWpComponentsOverridesCSS = [

package/build-types/index.d.ts

@@ -1,2 +1,4 @@
 export { privateApis } from './private-apis';
+export type * from './prebuilt/ts/token-types';
+export { type ThemeProvider } from './theme-provider';
 //# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,mBAAmB,2BAA2B,CAAC;AAC/C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/build-types/prebuilt/ts/token-types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * This file is generated by the @wordpress/terrazzo-plugin-typescript-types plugin.
+ * Do not edit this file directly.
+ */
+/**
+ * Size scale for padding tokens.
+ */
+export type PaddingSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Size scale for gap tokens.
+ */
+export type GapSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Size scale for border radius tokens.
+ */
+export type BorderRadiusSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Size scale for border width tokens.
+ */
+export type BorderWidthSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Target elements that tokens can be applied to.
+ */
+export type Target = 'surface' | 'interactive' | 'track' | 'thumb' | 'content' | 'focus';
+/**
+ * Background color variants for surface elements.
+ */
+export type SurfaceBackgroundColor = 'neutral' | 'neutral-strong' | 'neutral-weak' | 'brand' | 'success' | 'success-weak' | 'info' | 'info-weak' | 'warning' | 'warning-weak' | 'caution' | 'caution-weak' | 'error' | 'error-weak';
+/**
+ * Background color variants for interactive elements.
+ */
+export type InteractiveBackgroundColor = 'neutral' | 'neutral-strong' | 'neutral-weak' | 'brand' | 'brand-strong' | 'brand-weak' | 'error' | 'error-strong' | 'error-weak';
+/**
+ * Foreground color variants for content text and icons.
+ */
+export type ContentForegroundColor = 'neutral' | 'neutral-weak' | 'success' | 'success-weak' | 'info' | 'info-weak' | 'warning' | 'warning-weak' | 'caution' | 'caution-weak' | 'error' | 'error-weak';
+/**
+ * Foreground color variants for interactive element text and icons.
+ */
+export type InteractiveForegroundColor = 'neutral' | 'neutral-strong' | 'neutral-weak' | 'brand' | 'brand-strong' | 'error' | 'error-strong';
+/**
+ * Stroke color variants for surface borders.
+ */
+export type SurfaceStrokeColor = 'neutral' | 'neutral-weak' | 'neutral-strong' | 'brand' | 'brand-strong' | 'success' | 'success-strong' | 'info' | 'info-strong' | 'warning' | 'warning-strong' | 'error' | 'error-strong';
+/**
+ * Stroke color variants for interactive element borders.
+ */
+export type InteractiveStrokeColor = 'neutral' | 'neutral-strong' | 'brand' | 'error' | 'error-strong';
+//# sourceMappingURL=token-types.d.ts.map

package/build-types/prebuilt/ts/token-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../../src/prebuilt/ts/token-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,MAAM,GACf,SAAS,GACT,aAAa,GACb,OAAO,GACP,OAAO,GACP,SAAS,GACT,OAAO,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC/B,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,OAAO,GACP,SAAS,GACT,cAAc,GACd,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,OAAO,GACP,YAAY,CAAC;AAEhB;;GAEG;AACH,MAAM,MAAM,0BAA0B,GACnC,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,OAAO,GACP,cAAc,GACd,YAAY,GACZ,OAAO,GACP,cAAc,GACd,YAAY,CAAC;AAEhB;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC/B,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,OAAO,GACP,YAAY,CAAC;AAEhB;;GAEG;AACH,MAAM,MAAM,0BAA0B,GACnC,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,OAAO,GACP,cAAc,GACd,OAAO,GACP,cAAc,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC3B,SAAS,GACT,cAAc,GACd,gBAAgB,GAChB,OAAO,GACP,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,MAAM,GACN,aAAa,GACb,SAAS,GACT,gBAAgB,GAChB,OAAO,GACP,cAAc,CAAC;AAElB;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC/B,SAAS,GACT,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/theme",
-	"version": "0.4.0",
+	"version": "0.4.1-next.8fd3f8831.0",
 	"description": "Theme and context provider for the WordPress Design System.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -22,13 +22,21 @@
 		"node": ">=18.12.0",
 		"npm": ">=8.19.2"
 	},
-	"main": "build/index.js",
+	"files": [
+		"src",
+		"build",
+		"build-module",
+		"build-types",
+		"*.md"
+	],
+	"type": "module",
+	"main": "build/index.cjs",
 	"module": "build-module/index.js",
 	"exports": {
 		".": {
 			"types": "./build-types/index.d.ts",
 			"import": "./build-module/index.js",
-			"default": "./build/index.js"
+			"default": "./build/index.cjs"
 		},
 		"./design-tokens.css": "./src/prebuilt/css/design-tokens.css",
 		"./design-tokens.js": "./src/prebuilt/js/design-tokens.js",
@@ -43,8 +51,8 @@
 		"build-module/color-ramps/lib/register-color-spaces.js"
 	],
 	"dependencies": {
-		"@wordpress/element": "^6.37.0",
-		"@wordpress/private-apis": "^1.37.0",
+		"@wordpress/element": "^6.36.1-next.8fd3f8831.0",
+		"@wordpress/private-apis": "^1.36.1-next.8fd3f8831.0",
 		"colorjs.io": "^0.5.2",
 		"memize": "^2.1.0"
 	},
@@ -64,5 +72,5 @@
 		"build": "npm run build:tokens && npm run build:default-ramps",
 		"postbuild": "prettier --write tokens/color.json tokens/modes src/prebuilt src/color-ramps/lib/default-ramps.ts docs"
 	},
-	"gitHead": "2cf13ec6cf86153c9b3cf369bf5c59046f5cd950"
+	"gitHead": "e582b351bc4c4b8734bb087f63a3beec9875c3c7"
 }

package/src/index.ts

@@ -1,2 +1,3 @@
-// Private APIs.
 export { privateApis } from './private-apis';
+export type * from './prebuilt/ts/token-types';
+export { type ThemeProvider } from './theme-provider';

package/src/prebuilt/ts/token-types.ts

@@ -0,0 +1,125 @@
+/**
+ * This file is generated by the @wordpress/terrazzo-plugin-typescript-types plugin.
+ * Do not edit this file directly.
+ */
+
+/**
+ * Size scale for padding tokens.
+ */
+export type PaddingSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+
+/**
+ * Size scale for gap tokens.
+ */
+export type GapSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+/**
+ * Size scale for border radius tokens.
+ */
+export type BorderRadiusSize = 'xs' | 'sm' | 'md' | 'lg';
+
+/**
+ * Size scale for border width tokens.
+ */
+export type BorderWidthSize = 'xs' | 'sm' | 'md' | 'lg';
+
+/**
+ * Target elements that tokens can be applied to.
+ */
+export type Target =
+	| 'surface'
+	| 'interactive'
+	| 'track'
+	| 'thumb'
+	| 'content'
+	| 'focus';
+
+/**
+ * Background color variants for surface elements.
+ */
+export type SurfaceBackgroundColor =
+	| 'neutral'
+	| 'neutral-strong'
+	| 'neutral-weak'
+	| 'brand'
+	| 'success'
+	| 'success-weak'
+	| 'info'
+	| 'info-weak'
+	| 'warning'
+	| 'warning-weak'
+	| 'caution'
+	| 'caution-weak'
+	| 'error'
+	| 'error-weak';
+
+/**
+ * Background color variants for interactive elements.
+ */
+export type InteractiveBackgroundColor =
+	| 'neutral'
+	| 'neutral-strong'
+	| 'neutral-weak'
+	| 'brand'
+	| 'brand-strong'
+	| 'brand-weak'
+	| 'error'
+	| 'error-strong'
+	| 'error-weak';
+
+/**
+ * Foreground color variants for content text and icons.
+ */
+export type ContentForegroundColor =
+	| 'neutral'
+	| 'neutral-weak'
+	| 'success'
+	| 'success-weak'
+	| 'info'
+	| 'info-weak'
+	| 'warning'
+	| 'warning-weak'
+	| 'caution'
+	| 'caution-weak'
+	| 'error'
+	| 'error-weak';
+
+/**
+ * Foreground color variants for interactive element text and icons.
+ */
+export type InteractiveForegroundColor =
+	| 'neutral'
+	| 'neutral-strong'
+	| 'neutral-weak'
+	| 'brand'
+	| 'brand-strong'
+	| 'error'
+	| 'error-strong';
+
+/**
+ * Stroke color variants for surface borders.
+ */
+export type SurfaceStrokeColor =
+	| 'neutral'
+	| 'neutral-weak'
+	| 'neutral-strong'
+	| 'brand'
+	| 'brand-strong'
+	| 'success'
+	| 'success-strong'
+	| 'info'
+	| 'info-strong'
+	| 'warning'
+	| 'warning-strong'
+	| 'error'
+	| 'error-strong';
+
+/**
+ * Stroke color variants for interactive element borders.
+ */
+export type InteractiveStrokeColor =
+	| 'neutral'
+	| 'neutral-strong'
+	| 'brand'
+	| 'error'
+	| 'error-strong';

package/bin/generate-default-ramps/index.ts

@@ -1,49 +0,0 @@
-/**
- * External dependencies
- */
-import { writeFile } from 'node:fs/promises';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-/**
- * Internal dependencies
- */
-import {
-	DEFAULT_SEED_COLORS,
-	buildBgRamp,
-	buildAccentRamp,
-} from '../../src/color-ramps/index.ts';
-
-const __dirname = dirname( fileURLToPath( import.meta.url ) );
-
-const bgRamp = buildBgRamp( DEFAULT_SEED_COLORS.bg );
-const accentRamps = Object.fromEntries(
-	[ ...Object.entries( DEFAULT_SEED_COLORS ) ]
-		.filter( ( [ scaleName ] ) => scaleName !== 'bg' )
-		.map( ( [ scaleName, seed ] ) => [
-			scaleName,
-			buildAccentRamp( seed, bgRamp ),
-		] )
-);
-
-const ramps = { bg: bgRamp, ...accentRamps };
-
-const outputPath = join(
-	__dirname,
-	'../../src/color-ramps/lib/default-ramps.ts'
-);
-
-const content = `
-/**
- * Internal dependencies
- */
-import type { RampResult } from './types';
-import type { DEFAULT_SEED_COLORS } from './constants';
-
-export const DEFAULT_RAMPS: Record<
-	keyof typeof DEFAULT_SEED_COLORS,
-	RampResult
-> = ${ JSON.stringify( ramps ) };
-`;
-
-await writeFile( outputPath, content );

package/bin/generate-primitive-tokens/index.ts

@@ -1,113 +0,0 @@
-/**
- * External dependencies
- */
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { parse, to, serialize, sRGB } from 'colorjs.io/fn';
-
-/**
- * Internal dependencies
- */
-import '../../src/color-ramps/lib/register-color-spaces';
-import {
-	DEFAULT_SEED_COLORS,
-	buildBgRamp,
-	buildAccentRamp,
-} from '../../src/color-ramps/index';
-
-const __filename = fileURLToPath( import.meta.url );
-const __dirname = path.dirname( __filename );
-
-// Path to the color.json file
-const colorJsonPath = path.join( __dirname, '../../tokens/color.json' );
-
-/**
- * Rounds a given hex value (0-255) to 3 decimal places.
- *
- * 3 decimal places is the minimum precision for lossless hex serialization.
- * With 3 decimal places rounding to the nearest 0.001, the maximum rounding
- * error is 0.0005. With 256 possible hex values, 0.0005 × 256 = 0.128,
- * guaranteeing the rounded value stays within 0.5 of the original value.
- *
- * @param n - The hex value to round.
- * @return The rounded hex value.
- */
-const roundHexComponent = ( n: number ) => Math.round( n * 1000 ) / 1000;
-
-const transformColorStringToDTCGValue = ( color: string ) => {
-	const parsed = to( parse( color ), sRGB );
-
-	return {
-		colorSpace: 'srgb',
-		components: parsed.coords.map( roundHexComponent ),
-		...( parsed.alpha < 1 ? { alpha: parsed.alpha } : undefined ),
-		hex: serialize( parsed, { format: 'hex' } ),
-	};
-};
-
-// Main function
-function generatePrimitiveColorTokens() {
-	const startTime = performance.now();
-	console.log( '🎨 Starting primitive color tokens generation...' );
-
-	try {
-		// Read the color.json file
-		const colorJson = JSON.parse(
-			fs.readFileSync( colorJsonPath, 'utf8' )
-		);
-
-		// Build the ramps
-		const bgRamp = buildBgRamp( DEFAULT_SEED_COLORS.bg );
-		const accentRamps = [ ...Object.entries( DEFAULT_SEED_COLORS ) ]
-			.filter( ( [ scaleName ] ) => scaleName !== 'bg' )
-			.map( ( [ scaleName, seed ] ) => ( {
-				scaleName,
-				ramp: buildAccentRamp( seed, bgRamp ),
-			} ) );
-
-		// Convert the ramp values in a DTCG compatible format
-		[
-			{
-				scaleName: 'bg',
-				ramp: bgRamp,
-			},
-			...accentRamps,
-		].forEach( ( { scaleName, ramp } ) => {
-			colorJson[ 'wpds-color' ].primitive[ scaleName ] = {};
-			for ( const [ tokenName, tokenValue ] of Object.entries(
-				ramp.ramp
-			) ) {
-				colorJson[ 'wpds-color' ].primitive[ scaleName ][ tokenName ] =
-					{
-						$value: transformColorStringToDTCGValue( tokenValue ),
-					};
-			}
-		} );
-
-		// Write the updated JSON back to the file with proper formatting
-		fs.writeFileSync(
-			colorJsonPath,
-			JSON.stringify( colorJson, null, '\t' )
-		);
-
-		const endTime = performance.now();
-		const duration = endTime - startTime;
-		console.log(
-			`✅ Successfully updated color.json (${ duration.toFixed( 2 ) }ms)`
-		);
-	} catch ( error ) {
-		const endTime = performance.now();
-		const duration = endTime - startTime;
-		console.error(
-			`❌ Error updating color tokens after ${ duration.toFixed(
-				2
-			) }ms:`,
-			error
-		);
-		process.exit( 1 );
-	}
-}
-
-// Run the script
-generatePrimitiveColorTokens();

package/bin/terrazzo-plugin-ds-tokens-docs/index.ts

@@ -1,84 +0,0 @@
-/**
- * External dependencies
- */
-import { FORMAT_ID } from '@terrazzo/plugin-css';
-import type { Plugin } from '@terrazzo/parser';
-
-function titleCase( str: string ) {
-	return str[ 0 ].toUpperCase() + str.slice( 1 );
-}
-
-type TokensMap = Record< string, Record< string, string > >;
-
-export default function pluginDsTokenDocs( {
-	filename = 'design-tokens.md',
-} = {} ): Plugin {
-	return {
-		name: '@terrazzo/terrazzo-plugin-ds-tokens-docs',
-		async build( { getTransforms, outputFile } ) {
-			if ( ! filename ) {
-				return;
-			}
-
-			const semanticTokens: TokensMap = {};
-			// Re-use transformed tokens from the CSS plugin
-			for ( const token of getTransforms( {
-				format: FORMAT_ID,
-				id: '*',
-				mode: '.',
-			} ) ) {
-				if ( token.localID === undefined ) {
-					console.warn(
-						'Unexpected — Missing local ID when building token list for eslint plugin'
-					);
-					continue;
-				}
-
-				// Use the tokens filename (without .json) as the group name
-				const group =
-					token.token.source.loc
-						?.split( '/' )
-						.at( -1 )
-						?.split( '.json' )[ 0 ] ?? 'Miscellaneous';
-
-				// Group by category
-				semanticTokens[ group ] ??= {};
-				semanticTokens[ group ][ token.localID ] =
-					token.token.$description ?? 'N/A';
-			}
-
-			function tokensToMdTable( tokens: TokensMap ) {
-				return Object.entries( tokens )
-					.map( ( [ group, tokensInGroup ] ) => [
-						`### ${ titleCase( group ) }`,
-						'',
-						'| Variable name | Description |',
-						'|---|---|',
-						...Object.entries( tokensInGroup ).map(
-							( [ name, description ] ) =>
-								`| \`${ name }\` | ${ description } |`
-						),
-						'',
-					] )
-					.flat( 2 );
-			}
-
-			outputFile(
-				filename,
-				[
-					'<!--',
-					'This file is generated by @terrazzo/terrazzo-plugin-ds-tokens-docs.',
-					'Do not edit directly.',
-					'-->',
-					'',
-					'# DS Tokens reference',
-					'',
-					'## Semantic tokens',
-					'',
-					...tokensToMdTable( semanticTokens ),
-					'', // final empty line
-				].join( '\n' )
-			);
-		},
-	};
-}

package/bin/terrazzo-plugin-inline-alias-values/index.ts

@@ -1,113 +0,0 @@
-/**
- * External dependencies
- */
-import { type Plugin, type TokenNormalized } from '@terrazzo/parser';
-
-interface InlineAliasValuesOptions {
-	/**
-	 * Output filename for the generated aliased tokens mapping.
-	 */
-	filename?: string;
-
-	/**
-	 * Pattern matching IDs of tokens whose values should be inlined into their alias references.
-	 */
-	pattern: RegExp;
-
-	/**
-	 * Optional function to transform token IDs in the output.
-	 */
-	tokenId?: ( tokenId: string ) => string;
-}
-
-/**
- * Inlines the values of tokens matching the given pattern into their alias
- * references. Matching tokens are removed from the output, and a TypeScript
- * file is emitted with the mapping of aliased tokens.
- *
- * @param options          The options for the plugin.
- * @param options.filename
- * @param options.pattern
- * @param options.tokenId
- */
-export default function inlineAliasValues( {
-	filename,
-	pattern,
-	tokenId = ( id ) => id,
-}: InlineAliasValuesOptions ): Plugin {
-	const aliasedBy: Record< string, string[] > = {};
-
-	return {
-		name: '@wordpress/terrazzo-plugin-inline-alias-values',
-		async transform( { tokens } ) {
-			// Map of primitive token ID -> array of references to inline
-			const inlineMap: Record< string, TokenNormalized[] > = {};
-
-			// Single pass: identify primitives and collect references
-			for ( const [ id, token ] of Object.entries( tokens ) ) {
-				const shouldInline = pattern.test( id );
-
-				if ( shouldInline ) {
-					// Track this token for inlining
-					inlineMap[ id ] = [];
-
-					// Track aliased tokens for output file
-					if ( token.aliasedBy ) {
-						aliasedBy[ tokenId( id ) ] =
-							token.aliasedBy.map( tokenId );
-					}
-				}
-
-				// Check if this token's main value references a primitive
-				if ( token.aliasOf && pattern.test( token.aliasOf ) ) {
-					inlineMap[ token.aliasOf ] ??= [];
-					inlineMap[ token.aliasOf ].push( token );
-				}
-
-				// Check if any mode values reference a primitive
-				for ( const modeValue of Object.values( token.mode ) ) {
-					const { aliasOf } = modeValue;
-					if ( aliasOf && pattern.test( aliasOf ) ) {
-						const primitiveId = aliasOf;
-						inlineMap[ primitiveId ] ??= [];
-						inlineMap[ primitiveId ].push( modeValue );
-					}
-				}
-			}
-
-			// Inline values and delete primitives
-			for ( const [ id, references ] of Object.entries( inlineMap ) ) {
-				const token = tokens[ id ];
-
-				for ( const target of references ) {
-					target.$value = token.$value;
-					target.originalValue = token.originalValue;
-					delete target.aliasOf;
-					delete target.aliasChain;
-				}
-
-				delete tokens[ id ];
-			}
-		},
-		async build( { outputFile } ) {
-			if ( ! filename ) {
-				return;
-			}
-
-			const json = JSON.stringify( aliasedBy, null, 2 );
-
-			outputFile(
-				filename,
-				[
-					'/**',
-					' * This file is generated by the @wordpress/terrazzo-plugin-inline-alias-values plugin.',
-					' * Do not edit this file directly.',
-					' */',
-					'',
-					`export default ${ json } as Record< string, string[] >;`,
-					'',
-				].join( '\n' )
-			);
-		},
-	};
-}

package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts

@@ -1,52 +0,0 @@
-/**
- * External dependencies
- */
-import { FORMAT_ID } from '@terrazzo/plugin-css';
-import type { Plugin } from '@terrazzo/parser';
-
-export default function pluginKnownWpdsCssVariables( {
-	filename = 'design-tokens.js',
-} = {} ): Plugin {
-	return {
-		name: '@terrazzo/plugin-known-wpds-css-variables',
-		async build( { getTransforms, outputFile } ) {
-			// Either a string (modes=false) or an object (modes=true)
-			const tokensToExport: Record<
-				string,
-				Record< string, string | Record< string, string > >
-			> = {};
-
-			for ( const token of getTransforms( {
-				format: FORMAT_ID,
-				id: '*',
-			} ) ) {
-				if ( ! token.localID ) {
-					console.warn(
-						'Unexpected — Missing local ID when building token list for eslint plugin'
-					);
-					continue;
-				}
-
-				tokensToExport[ token.localID ] ??= {};
-				tokensToExport[ token.localID ][ token.mode ] = token.value;
-			}
-
-			outputFile(
-				filename,
-				[
-					'/**',
-					' * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.',
-					' * Do not edit this file directly.',
-					' */',
-					'',
-					`export default ${ JSON.stringify(
-						Array.from( new Set( Object.keys( tokensToExport ) ) ),
-						null,
-						2
-					) }`,
-					'', // final empty line
-				].join( '\n' )
-			);
-		},
-	};
-}