diff --git a/.changeset/better-glasses-spend.md b/.changeset/better-glasses-spend.md new file mode 100644 index 0000000000..a772bbff98 --- /dev/null +++ b/.changeset/better-glasses-spend.md @@ -0,0 +1,5 @@ +--- +'@solid-design-system/tokens': minor +--- + +Fixed missing `spacing-5` and `spacing-2.5` tokens by merging sizing and spacing tokens for development. diff --git a/packages/tokens/scripts/tailwind/index.js b/packages/tokens/scripts/tailwind/index.js index f3565fe49a..fb7050d012 100644 --- a/packages/tokens/scripts/tailwind/index.js +++ b/packages/tokens/scripts/tailwind/index.js @@ -255,6 +255,15 @@ function buildSpacing(themeTokens, rawSpacing = {}) { spacing[key] = `var(--${token.name})`; } + // Merge sizing tokens — sizing and spacing share the same numeric scale + for (const token of themeTokens) { + if (!token.name.startsWith('sd-sizing-')) continue; + const key = token.name.slice('sd-sizing-'.length); + if (!(key in spacing)) { + spacing[key] = `var(--${token.name})`; + } + } + // Fill gaps with raw values from tokens.json (not CSS vars, so use the value directly) for (const [key, value] of Object.entries(rawSpacing)) { if (!(key in spacing)) {