@wordpress/theme 0.3.1-next.6deb34194.0 → 0.4.1-next.738bb1424.0

package/src/test/token-id.test.ts

@@ -1,12 +0,0 @@
-/**
- * Internal dependencies
- */
-import { publicTokenId } from '../token-id';
-
-describe( 'publicTokenId', () => {
-	it( 'should remove default states and visibility identifiers from the token id', () => {
-		expect(
-			publicTokenId( 'color.semantic.bg-surface.success.weak.resting' )
-		).toBe( 'color.bg-surface.success.weak' );
-	} );
-} );

package/src/token-id.ts

@@ -1,9 +0,0 @@
-/**
- * Normalizes a token ID by removing default states and visibility identifiers,
- * making it human-readable as a publicly-accessible variable name.
- *
- * @param id The token ID to normalize.
- * @return The normalized token ID.
- */
-export const publicTokenId = ( id: string ) =>
-	id.replace( /\.(normal|resting|semantic|primitive)/g, '' );

package/terrazzo.config.ts

@@ -1,126 +0,0 @@
-/**
- * External dependencies
- */
-import { defineConfig } from '@terrazzo/cli';
-import pluginCSS from '@terrazzo/plugin-css';
-import { makeCSSVar } from '@terrazzo/token-tools/css';
-
-/**
- * Internal dependencies
- */
-import pluginFigmaDsTokenManager from './bin/terrazzo-plugin-figma-ds-token-manager/index';
-import pluginKnownWpdsCssVariables from './bin/terrazzo-plugin-known-wpds-css-variables/index';
-import pluginDsTokenDocs from './bin/terrazzo-plugin-ds-tokens-docs/index';
-import inlineAliasValues from './bin/terrazzo-plugin-inline-alias-values/index';
-import { publicTokenId } from './src/token-id.ts';
-
-export default defineConfig( {
-	tokens: [
-		'./tokens/border.json',
-		'./tokens/color.json',
-		'./tokens/dimension.json',
-		'./tokens/elevation.json',
-		'./tokens/typography.json',
-	],
-	outDir: './src/prebuilt',
-
-	plugins: [
-		inlineAliasValues( {
-			pattern: /^color\.primitive\./,
-			filename: 'ts/color-tokens.ts',
-			tokenId: ( tokenId ) =>
-				publicTokenId( tokenId )
-					.replace( /^color\./, '' )
-					.replace( /\./g, '-' ),
-		} ),
-		inlineAliasValues( { pattern: /^dimension\.primitive\./ } ),
-		pluginCSS( {
-			filename: 'css/design-tokens.css',
-			variableName: ( token ) =>
-				makeCSSVar( `wpds.${ publicTokenId( token.id ) }` ),
-			baseSelector: ':root',
-			modeSelectors: [
-				{
-					tokens: [ 'dimension.*' ],
-					mode: '.',
-					selectors: [
-						"[data-wpds-theme-provider-id][data-wpds-density='default']",
-					],
-				},
-				{
-					tokens: [ 'dimension.*' ],
-					mode: 'compact',
-					selectors: [
-						"[data-wpds-theme-provider-id][data-wpds-density='compact']",
-					],
-				},
-				{
-					tokens: [ 'dimension.*' ],
-					mode: 'comfortable',
-					selectors: [
-						"[data-wpds-theme-provider-id][data-wpds-density='comfortable']",
-					],
-				},
-				{
-					mode: 'high-dpi',
-					selectors: [
-						'@media ( -webkit-min-device-pixel-ratio: 2 ), ( min-resolution: 192dpi )',
-					],
-				},
-			],
-			legacyHex: true,
-		} ),
-		pluginFigmaDsTokenManager( {
-			filename: 'json/figma.json',
-		} ),
-		pluginKnownWpdsCssVariables( {
-			filename: 'js/design-tokens.js',
-		} ),
-		pluginDsTokenDocs( {
-			filename: '../../docs/ds-tokens.md',
-		} ),
-	],
-
-	// Linter rules current error when multiple entry files are used
-	// See https://github.com/terrazzoapp/terrazzo/issues/505
-	// lint: {
-	// 	rules: {
-	// 		'a11y/min-contrast': [
-	// 			'error',
-	// 			{
-	// 				level: 'AA',
-	// 				pairs: [
-	// 					// Standard BG / FG pairs
-	// 					...[
-	// 						'color.primitive.neutral.1',
-	// 						'color.primitive.neutral.2',
-	// 						'color.primitive.neutral.3',
-	// 						'color.primitive.primary.1',
-	// 						'color.primitive.primary.2',
-	// 						'color.primitive.primary.3',
-	// 					].flatMap( ( bgToken ) =>
-	// 						[
-	// 							'color.primitive.neutral.11',
-	// 							'color.primitive.neutral.12',
-	// 							'color.primitive.primary.11',
-	// 							'color.primitive.primary.12',
-	// 						].map( ( fgToken ) => ( {
-	// 							foreground: fgToken,
-	// 							background: bgToken,
-	// 						} ) )
-	// 					),
-	// 					// Action pairs (ie. using step 9 as background)
-	// 					{
-	// 						foreground: 'color.primitive.primary.contrast',
-	// 						background: 'color.primitive.primary.9',
-	// 					},
-	// 					{
-	// 						foreground: 'color.primitive.primary.1',
-	// 						background: 'color.primitive.primary.9',
-	// 					},
-	// 				],
-	// 			},
-	// 		],
-	// 	},
-	// },
-} );

package/tokens/border.json

@@ -1,56 +0,0 @@
-{
-	"border": {
-		"$type": "dimension",
-		"radius": {
-			"surface": {
-				"xs": {
-					"$value": { "value": 1, "unit": "px" },
-					"$description": "Extra small radius for surfaces"
-				},
-				"sm": {
-					"$value": { "value": 2, "unit": "px" },
-					"$description": "Small radius for surfaces"
-				},
-				"md": {
-					"$value": { "value": 4, "unit": "px" },
-					"$description": "Medium radius for surfaces"
-				},
-				"lg": {
-					"$value": { "value": 8, "unit": "px" },
-					"$description": "Large radius for surfaces"
-				}
-			}
-		},
-		"width": {
-			"surface": {
-				"xs": {
-					"$value": { "value": 1, "unit": "px" },
-					"$description": "Extra small width for surfaces"
-				},
-				"sm": {
-					"$value": { "value": 2, "unit": "px" },
-					"$description": "Small width for surfaces"
-				},
-				"md": {
-					"$value": { "value": 4, "unit": "px" },
-					"$description": "Medium width for surfaces"
-				},
-				"lg": {
-					"$value": { "value": 8, "unit": "px" },
-					"$description": "Large width for surfaces"
-				}
-			},
-			"interactive": {
-				"focus": {
-					"$value": { "value": 2, "unit": "px" },
-					"$description": "Border width for focus ring",
-					"$extensions": {
-						"mode": {
-							"high-dpi": { "value": 1.5, "unit": "px" }
-						}
-					}
-				}
-			}
-		}
-	}
-}