feat: add createVar() API for SSR-safe unique CSS custom properties#849

Draft

layershifter wants to merge 18 commits into

microsoft:mainfrom

layershifter:feat/create-var

Commits on Apr 19, 2026

docs: design spec for createVar() — SSR-safe unique CSS custom properties

layershifter
and
claude
committed
docs: implementation plan for createVar() core runtime

layershifter
and
claude
committed
feat(style-types): add GriffelVar branded type for createVar
layershifter
committed
feat(core): add placeholder/var constants for createVar
layershifter
committed
feat(core): add createVar factory and placeholder registry
layershifter
committed
fix(core): cast through unknown in createVar to satisfy GriffelVar brand
layershifter
committed
feat(core): add resolveVarsInStyles helper for placeholder resolution
layershifter
committed
fix(core): handle array-valued styles in resolveVarsInStyles; revert unused registry dual-index
layershifter
committed
feat(core): resolveStyleRules resolves createVar placeholders before emitting CSS
layershifter
committed
test(core): integration + SSR equivalence tests for createVar
layershifter
committed
test(core): rename misleading SSR test and tighten CSS assertion in createVar integration
layershifter
committed
feat(core): export createVar and GriffelVar type
layershifter
committed
feat(react): re-export createVar and GriffelVar from @griffel/core
layershifter
committed
test(react): smoke test for createVar through the public API
layershifter
committed
test(core): avoid stateful /g regex .test() in createVar test

layershifter
and
claude
committed
test(core): add true SSR-equivalence test via vi.isolateModules

layershifter
and
claude
committed
feat(core): dev-mode warning for createVar placeholder leakage + clarify JSDoc

layershifter
and
claude
committed
perf(core): decouple createVar from the makeStyles hot path to restore bundle size

layershifter
and
claude
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add createVar() API for SSR-safe unique CSS custom properties#849

feat: add createVar() API for SSR-safe unique CSS custom properties#849
layershifter wants to merge 18 commits into
microsoft:mainfrom
layershifter:feat/create-var

Commits on Apr 19, 2026

docs: design spec for createVar() — SSR-safe unique CSS custom properties

docs: implementation plan for createVar() core runtime

feat(style-types): add GriffelVar branded type for createVar

feat(core): add placeholder/var constants for createVar

feat(core): add createVar factory and placeholder registry

fix(core): cast through unknown in createVar to satisfy GriffelVar brand

feat(core): add resolveVarsInStyles helper for placeholder resolution

fix(core): handle array-valued styles in resolveVarsInStyles; revert unused registry dual-index

feat(core): resolveStyleRules resolves createVar placeholders before emitting CSS

test(core): integration + SSR equivalence tests for createVar

test(core): rename misleading SSR test and tighten CSS assertion in createVar integration

feat(core): export createVar and GriffelVar type

feat(react): re-export createVar and GriffelVar from @griffel/core

test(react): smoke test for createVar through the public API

test(core): avoid stateful /g regex .test() in createVar test

test(core): add true SSR-equivalence test via vi.isolateModules

feat(core): dev-mode warning for createVar placeholder leakage + clarify JSDoc

perf(core): decouple createVar from the makeStyles hot path to restore bundle size