Adding new theming token types to React Native#2372
Merged
mirandajiang-stripe merged 1 commit intomasterfrom Apr 1, 2026
Merged
Adding new theming token types to React Native#2372mirandajiang-stripe merged 1 commit intomasterfrom
mirandajiang-stripe merged 1 commit intomasterfrom
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
In this PR, the types for the new theming tokens in ConnectJS were added to React Native. This change allows platforms to customize embedded components on React Native as well, ensuring a consistent experience across mobile and web. Additionally, a new preset theme, "New theming tokens", was added to ensure there are no type errors and all the added types within ConnectJS are carrying over correctly.
Motivation
Platforms requested more granular theming to ensure the embedded UI matches their native UI. New tokens that allow finer control over padding, font, and color for components have been implemented on ConnectJS behind the enable_new_embedded_theming_tokens flag. The last phase of implementation is to bring this to mobile SDKs and React Native.
For more context: Adding additional theming functionality for embedded components
Testing
I tested the changes locally with an iOS Simulator. Below is a screen recording of the React Native app working while using the new tokens in the new preset theme.
Screen.Recording.2026-03-30.at.4.12.28.PM.mov
Documentation
Select one: