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

Draft

Oleksandr Fediashov (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

Oleksandr Fediashov (layershifter)
and
Claude (claude)
committed
7a10dbc
docs: implementation plan for createVar() core runtime

Oleksandr Fediashov (layershifter)
and
Claude (claude)
committed
b893456
feat(style-types): add GriffelVar branded type for createVar
Oleksandr Fediashov (layershifter)
committed
68a7e54
feat(core): add placeholder/var constants for createVar
Oleksandr Fediashov (layershifter)
committed
b30ed74
feat(core): add createVar factory and placeholder registry
Oleksandr Fediashov (layershifter)
committed
4fee6e9
fix(core): cast through unknown in createVar to satisfy GriffelVar brand
Oleksandr Fediashov (layershifter)
committed
6f5cba5
feat(core): add resolveVarsInStyles helper for placeholder resolution
Oleksandr Fediashov (layershifter)
committed
b710fe2
fix(core): handle array-valued styles in resolveVarsInStyles; revert unused registry dual-index
Oleksandr Fediashov (layershifter)
committed
72033f9
feat(core): resolveStyleRules resolves createVar placeholders before emitting CSS
Oleksandr Fediashov (layershifter)
committed
a755674
test(core): integration + SSR equivalence tests for createVar
Oleksandr Fediashov (layershifter)
committed
709689a
test(core): rename misleading SSR test and tighten CSS assertion in createVar integration
Oleksandr Fediashov (layershifter)
committed
1d792d3
feat(core): export createVar and GriffelVar type
Oleksandr Fediashov (layershifter)
committed
530f35f
feat(react): re-export createVar and GriffelVar from @griffel/core
Oleksandr Fediashov (layershifter)
committed
a074e5e
test(react): smoke test for createVar through the public API
Oleksandr Fediashov (layershifter)
committed
ee31eca
test(core): avoid stateful /g regex .test() in createVar test

Oleksandr Fediashov (layershifter)
and
Claude (claude)
committed
208ad22
test(core): add true SSR-equivalence test via vi.isolateModules

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

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

Oleksandr Fediashov (layershifter)
and
Claude (claude)
committed
ab47222

Navigation Menu

Uh oh!

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

feat: add createVar() API for SSR-safe unique CSS custom properties#849
Oleksandr Fediashov (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