fix(payment): PAYPAL-4594 added missing styles

bigcommerce · Sep 2, 2024 · 0226e3c · 0226e3c
1 parent 21190f8
commit 0226e3c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git 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
@@ -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: