diff --git a/packages/braintree-utils/src/types.ts b/packages/braintree-utils/src/types.ts index c16951adf32..31b6f50ac4a 100644 --- a/packages/braintree-utils/src/types.ts +++ b/packages/braintree-utils/src/types.ts @@ -282,11 +282,17 @@ export interface BraintreeFastlaneStylesOption { backgroundColorPrimary?: string; errorColor?: string; fontFamily?: string; + fontSizeBase?: string; + padding?: string; + textColorBase?: string; }; input?: { borderRadius?: string; borderColor?: string; focusBorderColor?: string; + backgroundColor?: string; + borderWidth?: string; + textColorBase?: string; }; toggle?: { colorPrimary?: string; @@ -393,6 +399,12 @@ export interface FastlaneStylesSettings { fastlaneTextCaptionSettingsFontSize?: string; fastlaneTextCaptionSettingsColor?: string; fastlaneBrandingSettings?: string; + fastlaneRootSettingsFontSize?: string; + fastlaneRootSettingsPadding?: string; + fastlaneInputSettingsBackgroundColor?: string; + fastlaneInputSettingsBorderWidth?: string; + fastlaneRootSettingsTextColorBase?: string; + fastlaneInputSettingsTextColorBase?: string; } export interface BraintreeFastlaneTokenizeOptions { diff --git a/packages/braintree-utils/src/utils/get-fastlane-styles.ts b/packages/braintree-utils/src/utils/get-fastlane-styles.ts index f95d134963e..4276264e0f8 100644 --- a/packages/braintree-utils/src/utils/get-fastlane-styles.ts +++ b/packages/braintree-utils/src/utils/get-fastlane-styles.ts @@ -28,6 +28,11 @@ function mergeFastlaneStyles( uiStyles?.root?.backgroundColorPrimary, errorColor: styleSettings?.fastlaneRootSettingsErrorColor || uiStyles?.root?.errorColor, fontFamily: styleSettings?.fastlaneRootSettingsFontFamily || uiStyles?.root?.fontFamily, + fontSizeBase: + styleSettings?.fastlaneRootSettingsFontSize || uiStyles?.root?.fontSizeBase, + padding: styleSettings?.fastlaneRootSettingsPadding || uiStyles?.root?.padding, + textColorBase: + styleSettings?.fastlaneRootSettingsTextColorBase || uiStyles?.root?.textColorBase, }, input: { borderRadius: @@ -37,6 +42,15 @@ function mergeFastlaneStyles( focusBorderColor: styleSettings?.fastlaneInputSettingsFocusBorderColor || uiStyles?.input?.focusBorderColor, + backgroundColor: + styleSettings?.fastlaneInputSettingsBackgroundColor || + uiStyles?.input?.backgroundColor, + borderWidth: + styleSettings?.fastlaneInputSettingsBorderWidth || + uiStyles?.input?.borderWidth, + textColorBase: + styleSettings?.fastlaneInputSettingsTextColorBase || + uiStyles?.input?.textColorBase, }, toggle: { colorPrimary: