Skip to content

Add basic flex tokens shape and mapping information#4153

Open
JasonVMo wants to merge 3 commits into
mainfrom
user/jasonvmo/flex-tokens
Open

Add basic flex tokens shape and mapping information#4153
JasonVMo wants to merge 3 commits into
mainfrom
user/jasonvmo/flex-tokens

Conversation

@JasonVMo

Copy link
Copy Markdown
Contributor

Platforms Impacted

  • targets all platforms but no runtime change right now

Description of changes

This is work generated from the design repository. It does the following:

  • Create a basic react-native flex tokens shape. This matches the values that will be in newer web-specs or design resources going forward.
  • These names/values also map to the token instructions for the various component specs that were merged in recently.

It also defines several mapping files, also encapsulating research and mapping work I did in that repository.

  • maps color flex-tokens to fluent tokens (either alias, shadow, or global)
  • maps non-color flex tokens to fluent tokens (generally global tokens)
  • maps CSS names to these flex token names

Verification

Non-coding change

@JasonVMo JasonVMo requested review from Saadnajmi and mganandraj July 15, 2026 21:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants