Skip to content

Commit 8fa02de

Browse files
dallasbpetersclaude
andcommitted
Fix DesignToken interface compatibility in generate-theme-tool
Add missing cssVar property to generated tokens. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent e516936 commit 8fa02de

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/tools/generate-theme-tool.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,20 +99,23 @@ class GenerateThemeTool extends Tool {
9999

100100
tokens.push({
101101
name: `op-color-${family}-h`,
102+
cssVar: `--op-color-${family}-h`,
102103
value: String(hsl.h),
103104
category: 'color',
104105
description: `${family} color hue (HSL) - drives all ${family} scale tokens`
105106
});
106107

107108
tokens.push({
108109
name: `op-color-${family}-s`,
110+
cssVar: `--op-color-${family}-s`,
109111
value: `${hsl.s}%`,
110112
category: 'color',
111113
description: `${family} color saturation (HSL)`
112114
});
113115

114116
tokens.push({
115117
name: `op-color-${family}-l`,
118+
cssVar: `--op-color-${family}-l`,
116119
value: `${hsl.l}%`,
117120
category: 'color',
118121
description: `${family} color lightness (HSL)`

0 commit comments

Comments
 (0)