feat(react-windmod-preview): a Tailwind v4 + CSS Modules styling layer for Fluent's headless components - #36656

Draft

Ray Knight (ArrayKnight) wants to merge 233 commits into

microsoft:masterfrom

ArrayKnight:styling/react-windmod

Commits on Aug 21, 2026

docs(windmod): open the react-windmod campaign — plan, ledger, upstream-block list

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
5707e79
feat(windmod): port the Tailwind+CSS-Modules build infra and the theme package

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b9db9d8
feat(windmod): scaffold react-windmod-preview with pilot Button, Tooltip and ThemeProvider

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
d826380
feat(windmod): pilot stories with Griffel side-by-side + storybook wiring fixes

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
510b8c5
feat(windmod): pilot verified in storybook — placements, theming, comparisons green

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b60ba87
refactor(windmod): address PR review — Tailwind-first CSS, immutability, prettier 3 + class sorting

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
08ad9e8
docs(windmod): ledger — Phase 2 items from PR review

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b6f6b12
feat(windmod): class-targetable tooltip arrow via headless arrowClassName

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
a2f2bc3
refactor(windmod): address review round 2 — layer decl only in theme, Tailwind-max Button, formatted generator output

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
5a60c61
docs(windmod): ledger — icons data-variant proposal + optional data-appearance edit

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
551a5b0
feat(windmod): glyph swap rides data-variant catalog variants

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
a8b92ae
chore(windmod): LOCAL-ONLY — resolve react-icons to the data-variant fork tarball

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
e7fe699
refactor(windmod): drop numeric size-* variants, merge focus variants

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
1a75e72
refactor(windmod): no union variants — comma-separate at the call site

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
e012eeb
chore(windmod): keep working docs out of the repo

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b61eca4
docs(windmod): comment sweep — standalone, minimal, no decision references

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
6b59aa9
chore: finish the comment sweep in storybook rules and the css-modules spec

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
53e1790
test(windmod): add the VR comparison stories and close the icon glyph cascade gap

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
a3d8c03
feat(windmod): add Label

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
e365d73
fix(windmod): exempt VR scene helpers from the extraneous-dependencies rule

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
a17891d
chore: refresh the local icons tarball checksum [local-only, revert before merge]

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
0cf26cd
refactor(windmod): style the required indicator via its group variant and unlayer the provider root

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
08e91a3
refactor(windmod): move appearance-scoped icon rules to group variants via data-appearance

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
dc96856
refactor(windmod): stamp the marker pair through a single helper

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
f2873cc
feat(windmod): add Divider

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
7f94fe2
refactor(windmod): move component resting styles from fui.base into fui.components.l1

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
5384e05
refactor(windmod): author each module class as a single block

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
f995dcb
feat(windmod): add Link

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
ded9ac6
refactor(windmod): split component-specific variants out of the theme catalog

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
2ed2657
feat(windmod): add Badge

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b54054d
feat(windmod): add Spinner

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
c512815

Commits on Aug 22, 2026

feat(windmod): add Skeleton and SkeletonItem

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
7f9ec0f
feat(windmod): add Image

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
7735833
feat(windmod): add ProgressBar

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
2ecdea4
docs(windmod): fix typos inherited from the spec template

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
640dd99
feat(windmod): add RatingDisplay and RatingItem

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
ae032f3
feat(windmod): add ToggleButton

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
3c8bd4d
feat(windmod): finalize CompoundButton

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
6baf4c3
feat(windmod): add Input

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
b387a15
feat(react-windmod-preview): add Textarea (headless + Tailwind, pixel-identical to Griffel)

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
e7f61d7
feat(react-windmod-preview): add Slider (headless + Tailwind, pixel-identical to Griffel)

Ray Knight (ArrayKnight)
and
Claude (claude)
committed
215c76b

Commits on Aug 23, 2026

Commits on Aug 24, 2026

Commits on Aug 25, 2026

Commits on Aug 26, 2026

Commits on Aug 27, 2026

Commits on Aug 28, 2026

Commits on Aug 29, 2026