fix type errors

Author: nikrom17

src/types.js

@@ -2,6 +2,8 @@
 
 import { CARD, WALLET_INSTRUMENT } from "@paypal/sdk-constants/src";
 
+import { BUTTON_COLOR } from "./constants";
+
 export type SecondaryInstruments = $ReadOnlyArray<{|
   type: string,
   label: string,
@@ -63,7 +65,7 @@ export type Experiment = {|
   // first render experiments
   venmoVaultWithoutPurchase?: boolean,
   isPaypalRebrandEnabled?: boolean,
-  defaultBlueButtonColor?: string,
+  defaultBlueButtonColor?: $Values<typeof BUTTON_COLOR>,
   venmoEnableWebOnNonNativeBrowser?: boolean,
 |};
 

src/ui/buttons/button.jsx

@@ -128,7 +128,7 @@ export function Button({
   }
 
   if (isPaypalRebrandEnabled) {
-    color = defaultBlueButtonColor;
+    color = defaultBlueButtonColor || "gold";
   }
   // The secondary colors are used to render the smart stack (multiple buttons)
   // they keep track of the mapping of the color style prop to the

src/ui/buttons/styles/responsive.js

@@ -70,7 +70,7 @@ export function buttonResponsiveStyle({
       let labelHeight = max(roundUp(perc(buttonHeight, 35) + 5, 2), 12);
 
       if (shouldApplyRebrandedStyles) {
-        labelHeight = roundUp(perc(buttonHeight, 76));
+        labelHeight = roundUp(perc(buttonHeight, 76), 1);
         // smallerLabelHeight gets triggered at widths < 320px
         // We will need to investigate why the labels need to get significantly smaller at this breakpoint
         smallerLabelHeight = labelHeight;