@sumup/react-native-checkout 0.0.0-alpha.1 → 0.0.0-alpha.3

package/android/build.gradle

@@ -5,7 +5,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.2.1"
+    classpath "com.android.tools.build:gradle:8.6.1"
   }
 }
 
@@ -15,9 +15,6 @@ def isNewArchitectureEnabled() {
 
 apply plugin: "com.android.library"
 
-
-def appProject = rootProject.allprojects.find { it.plugins.hasPlugin('com.android.application') }
-
 if (isNewArchitectureEnabled()) {
   apply plugin: "com.facebook.react"
 }
@@ -30,12 +27,25 @@ def getExtOrIntegerDefault(name) {
   return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["SumupReactNative_" + name]).toInteger()
 }
 
+def getReactNativeAndroidDependency() {
+  if (rootProject.ext.has("reactNativeVersion")) {
+    return "com.facebook.react:react-android:${rootProject.ext.get("reactNativeVersion")}"
+  }
+  if (project.hasProperty("reactNativeVersion")) {
+    return "com.facebook.react:react-android:${project.property("reactNativeVersion")}"
+  }
+  // Fallback for older hosts still exposing only react-native:+ from local maven.
+  return "com.facebook.react:react-native:+"
+}
+
 android {
-  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+  namespace "com.sumupreactnative"
+  compileSdk getExtOrIntegerDefault("compileSdkVersion")
+  ndkVersion getExtOrDefault("ndkversion")
 
   defaultConfig {
-    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
-    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+    minSdk getExtOrIntegerDefault("minSdkVersion")
+    targetSdk getExtOrIntegerDefault("targetSdkVersion")
     buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
   }
   buildTypes {
@@ -44,13 +54,13 @@ android {
     }
   }
 
-  lintOptions {
+  lint {
     disable "GradleCompatible"
   }
 
   compileOptions {
-    sourceCompatibility JavaVersion.VERSION_1_8
-    targetCompatibility JavaVersion.VERSION_1_8
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
   }
 
 }
@@ -62,10 +72,7 @@ repositories {
 
 
 dependencies {
-  // For < 0.71, this will be from the local maven repo
-  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
-  //noinspection GradleDynamicVersion
-  implementation "com.facebook.react:react-native:+"
+  implementation getReactNativeAndroidDependency()
   implementation 'com.google.android.gms:play-services-wallet:19.1.0'
 }
 

package/android/gradle.properties

@@ -1,5 +1,5 @@
 SumupReactNative_kotlinVersion=1.7.0
-SumupReactNative_minSdkVersion=21
-SumupReactNative_targetSdkVersion=31
-SumupReactNative_compileSdkVersion=31
-SumupReactNative_ndkversion=21.4.7075529
+SumupReactNative_minSdkVersion=23
+SumupReactNative_targetSdkVersion=35
+SumupReactNative_compileSdkVersion=35
+SumupReactNative_ndkversion=26.1.10909125

package/android/src/main/java/com/sumupreactnative/SumupReactNativeModule.java

@@ -60,6 +60,10 @@ public class SumupReactNativeModule extends ReactContextBaseJavaModule {
   private final ActivityEventListener activityEventListener = new BaseActivityEventListener() {
     @Override
     public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) {
+      if (requestPaymentPromise == null) {
+        return;
+      }
+
       switch (requestCode) {
         // value passed in AutoResolveHelper
         case LOAD_PAYMENT_DATA_REQUEST_CODE:
@@ -81,6 +85,7 @@ public class SumupReactNativeModule extends ReactContextBaseJavaModule {
             default:
               // Do nothing.
           }
+          requestPaymentPromise = null;
           break;
       }
     }
@@ -114,6 +119,11 @@ public class SumupReactNativeModule extends ReactContextBaseJavaModule {
       promise.resolve(false);
       return;
     }
+    if (mPaymentsClient == null) {
+      Log.w(NAME, "[GooglePay] payments client is not initialized");
+      promise.resolve(false);
+      return;
+    }
 
     final JSONObject isReadyToPayJson = PaymentUtil.getIsReadyToPayRequest(allowedCardNetworks.toArrayList(), allowedCardAuthMethods.toArrayList());
     if (isReadyToPayJson == null) {
@@ -158,6 +168,11 @@ public class SumupReactNativeModule extends ReactContextBaseJavaModule {
       promise.reject("NO_ACTIVITY", "activity is null");
       return;
     }
+    if (mPaymentsClient == null) {
+      Log.w(NAME, "[GooglePay] payments client is not initialized");
+      promise.reject("NO_PAYMENTS_CLIENT", "payments client is not initialized");
+      return;
+    }
 
     JSONObject paymentDataRequestJson = PaymentUtil.getPaymentDataRequest(requestData);
     if (paymentDataRequestJson == null) {

package/ios/SumupReactNative.swift

@@ -1,31 +1,34 @@
 import PassKit
+import UIKit
 
 @objc(SumupReactNative)
-class SumupReactNative: UIViewController {
+class SumupReactNative: NSObject {
 
     private var request: PKPaymentRequest = PKPaymentRequest()
     private var resolve: RCTPromiseResolveBlock?
+    private var reject: RCTPromiseRejectBlock?
     private var paymentNetworks: [PKPaymentNetwork]?
+    private var didResolvePayment = false
     
     @objc(configure:details:)
-    private func configure(withMethod method: NSDictionary, details: NSDictionary) -> Void {
-
-        self.paymentNetworks = method["supportedNetworks"] as? [PKPaymentNetwork]
+    func configure(withMethod method: NSDictionary, details: NSDictionary) -> Void {
+        self.paymentNetworks = parseSupportedNetworks(from: method)
+        self.request = PKPaymentRequest()
 
         guard let paymentNetworks = paymentNetworks,
               PKPaymentAuthorizationViewController.canMakePayments(usingNetworks: paymentNetworks),
               let total = details["total"] as? NSDictionary,
               let label = total["label"] as? String,
-              let amount = total["amount"] as? Double,
+              let amountNumber = total["amount"] as? NSNumber,
               let currencyCode = method["currencyCode"] as? String,
               let countryCode = method["countryCode"] as? String,
               let merchantIdentifier = method["merchantIdentifier"] as? String else {
-            print("SumupReactNative: params are not valid")
+            NSLog("SumupReactNative: invalid Apple Pay configuration")
             return
         }
         
         let paymentItem = PKPaymentSummaryItem.init(label: label,
-                                                    amount: NSDecimalNumber(value: amount))
+                                                    amount: NSDecimalNumber(decimal: amountNumber.decimalValue))
         request.currencyCode = currencyCode
         request.countryCode = countryCode
         request.merchantIdentifier = merchantIdentifier
@@ -35,31 +38,30 @@ class SumupReactNative: UIViewController {
     }
 
     @objc(presentApplePay:withRejecter:)
-    func presentApplePay(resolve: @escaping RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) -> Void {
+    func presentApplePay(resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+        self.resolve = resolve
+        self.reject = reject
+        self.didResolvePayment = false
+
         guard let paymentNetworks = paymentNetworks,
               PKPaymentAuthorizationViewController.canMakePayments(usingNetworks: paymentNetworks) else {
-            print("SumupReactNative: Can not make payment")
+            reject("PAYMENT_NOT_AVAILABLE", "Apple Pay is not available for the configured networks", nil)
             return
         }
-        
-        self.resolve = resolve
-        
-        if let controller = PKPaymentAuthorizationViewController(paymentRequest: request) {
-            controller.delegate = self
 
-            DispatchQueue.main.async {
-                var rootViewController = UIApplication.shared.keyWindow?.rootViewController
-                if let presentedViewController = rootViewController?.presentedViewController {
-                    rootViewController = presentedViewController
-                }
-
-                guard let rootViewController = rootViewController else {
-                    print("SumupReactNative: unable to find rootViewController")
-                    return
-                }
+        guard let controller = PKPaymentAuthorizationViewController(paymentRequest: request) else {
+            reject("PRESENTATION_ERROR", "Unable to create Apple Pay authorization controller", nil)
+            return
+        }
+        controller.delegate = self
 
-                rootViewController.present(controller, animated: true, completion: nil)
+        DispatchQueue.main.async {
+            guard let rootViewController = self.topViewController() else {
+                self.reject?("NO_ROOT_VIEW_CONTROLLER", "Unable to find active root view controller", nil)
+                return
             }
+
+            rootViewController.present(controller, animated: true, completion: nil)
         }
     }
 
@@ -72,15 +74,44 @@ class SumupReactNative: UIViewController {
             resolve(false)
         }
     }
+
+    private func parseSupportedNetworks(from method: NSDictionary) -> [PKPaymentNetwork]? {
+        guard let networks = method["supportedNetworks"] as? [String] else {
+            return nil
+        }
+        let parsedNetworks = networks.compactMap { PKPaymentNetwork(rawValue: $0) }
+        return parsedNetworks.isEmpty ? nil : parsedNetworks
+    }
+
+    private func topViewController() -> UIViewController? {
+        let foregroundScene = UIApplication.shared.connectedScenes
+            .compactMap { $0 as? UIWindowScene }
+            .first { $0.activationState == .foregroundActive }
+
+        let keyWindow = foregroundScene?.windows.first(where: { $0.isKeyWindow })
+        var root = keyWindow?.rootViewController
+
+        while let presented = root?.presentedViewController {
+            root = presented
+        }
+
+        return root
+    }
 }
 
 extension SumupReactNative: PKPaymentAuthorizationViewControllerDelegate {
     func paymentAuthorizationViewControllerDidFinish(_ controller: PKPaymentAuthorizationViewController) {
         controller.dismiss(animated: true, completion: nil)
+        if !didResolvePayment {
+            reject?("PAYMENT_RESULT_CANCELED", "Payment has been canceled", nil)
+        }
+        resolve = nil
+        reject = nil
     }
 
     func paymentAuthorizationViewController(_ controller: PKPaymentAuthorizationViewController, didAuthorizePayment payment: PKPayment, completion: @escaping (PKPaymentAuthorizationStatus) -> Void) {
 
+        didResolvePayment = true
         self.resolve?(payment.toDictionary())
         completion(.success)
     }
@@ -132,8 +163,15 @@ extension PKPaymentMethod {
 extension PKPaymentMethodType {
 
     func toString() -> String {
-        let arr = ["unknown", "debit", "credit", "prepaid", "store", "eMoney"]
-        return arr[Int(self.rawValue)]
+        let namesByRawValue: [Int: String] = [
+            0: "unknown",
+            1: "debit",
+            2: "credit",
+            3: "prepaid",
+            4: "store",
+            5: "eMoney",
+        ]
+        return namesByRawValue[Int(self.rawValue)] ?? "unknown"
     }
 }
 
@@ -153,12 +191,13 @@ extension PKPaymentPass {
 extension PKPaymentPassActivationState {
 
     func toString() -> String {
-        let arr = ["PKPaymentPassActivationStateActivated",
-                   "PKPaymentPassActivationStateRequiresActivation",
-                   "PKPaymentPassActivationStateActivating",
-                   "PKPaymentPassActivationStateSuspended",
-                   "PKPaymentPassActivationStateDeactivated"]
-
-        return arr[Int(self.rawValue)]
+        let namesByRawValue: [Int: String] = [
+            0: "PKPaymentPassActivationStateActivated",
+            1: "PKPaymentPassActivationStateRequiresActivation",
+            2: "PKPaymentPassActivationStateActivating",
+            3: "PKPaymentPassActivationStateSuspended",
+            4: "PKPaymentPassActivationStateDeactivated",
+        ]
+        return namesByRawValue[Int(self.rawValue)] ?? "PKPaymentPassActivationStateActivated"
     }
 }

package/lib/commonjs/components/AnimatedContainer/styles.js

@@ -22,7 +22,7 @@ const useStyles = height => {
       right: 0
     },
     content: {
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       width: width,
       height,
       borderTopLeftRadius: 8,

package/lib/commonjs/components/AnimatedContainer/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","height","colors","useTheme","width","useWindowDimensions","styles","StyleSheet","create","container","position","bottom","top","left","right","content","backgroundColor","white","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","keyboardAvoidingView","flex","justifyContent","exports"],"sourceRoot":"../../../../src","sources":["components/AnimatedContainer/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAIC,MAAe,IAAK;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEvC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,OAAO,EAAE;MACPC,eAAe,EAAEd,MAAM,CAACe,KAAK;MAC7Bb,KAAK,EAAEA,KAAK;MACZH,MAAM;MACNiB,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE,CAAC;MACvBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,oBAAoB,EAAE;MACpBC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,OAAOjB,MAAM;AACf,CAAC;AAACkB,OAAA,CAAAxB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","height","colors","useTheme","width","useWindowDimensions","styles","StyleSheet","create","container","position","bottom","top","left","right","content","backgroundColor","bgNormal","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","keyboardAvoidingView","flex","justifyContent","exports"],"sourceRoot":"../../../../src","sources":["components/AnimatedContainer/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAIC,MAAe,IAAK;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEvC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,OAAO,EAAE;MACPC,eAAe,EAAEd,MAAM,CAACe,QAAQ;MAChCb,KAAK,EAAEA,KAAK;MACZH,MAAM;MACNiB,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE,CAAC;MACvBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,oBAAoB,EAAE;MACpBC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,OAAOjB,MAAM;AACf,CAAC;AAACkB,OAAA,CAAAxB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/ApplePayButton/styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStyles = void 0;
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/ThemeContext");
+var _radii = require("../../styles/radii");
 const useStyles = disabled => {
   const {
     colors
@@ -15,8 +16,8 @@ const useStyles = disabled => {
       opacity: disabled ? 0.6 : 1,
       height: 48,
       width: '100%',
-      backgroundColor: colors.black,
-      borderRadius: 8,
+      backgroundColor: colors.bgStrong,
+      borderRadius: _radii.radii.byte,
       justifyContent: 'center',
       alignItems: 'center'
     },

package/lib/commonjs/components/ApplePayButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","disabled","colors","useTheme","styles","StyleSheet","create","container","opacity","height","width","backgroundColor","black","borderRadius","justifyContent","alignItems","image","exports"],"sourceRoot":"../../../../src","sources":["components/ApplePayButton/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,OAAO,EAAEP,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BQ,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAET,MAAM,CAACU,KAAK;MAC7BC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC;AAACa,OAAA,CAAAjB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","_radii","useStyles","disabled","colors","useTheme","styles","StyleSheet","create","container","opacity","height","width","backgroundColor","bgStrong","borderRadius","radii","byte","justifyContent","alignItems","image","exports"],"sourceRoot":"../../../../src","sources":["components/ApplePayButton/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,OAAO,EAAEP,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BQ,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAET,MAAM,CAACU,QAAQ;MAChCC,YAAY,EAAEC,YAAK,CAACC,IAAI;MACxBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLR,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC;AAACe,OAAA,CAAAnB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/Button/styles.js

@@ -6,35 +6,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStyles = void 0;
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/ThemeContext");
+var _borderWidths = require("../../styles/borderWidths");
+var _radii = require("../../styles/radii");
 const useStyles = type => {
   const {
     colors,
     fonts
   } = (0, _ThemeContext.useTheme)();
   const textColor = {
-    primary: colors.white,
-    secondary: colors.codGray,
-    tertiary: colors.alizarinCrimson
+    primary: colors.fgOnStrong,
+    secondary: colors.fgNormal,
+    tertiary: colors.fgDanger
   };
   const backgroundColor = {
-    primary: colors.royalBlue,
+    primary: colors.bgAccentStrong,
     secondary: colors.transparent,
     tertiary: colors.transparent
   };
   const borderColor = {
     primary: colors.transparent,
-    secondary: colors.silver,
+    secondary: colors.borderNormal,
     tertiary: colors.transparent
   };
   const borderWidth = {
     primary: 0,
-    secondary: 1,
+    secondary: _borderWidths.borderWidths.kilo,
     tertiary: 0
   };
   const styles = _reactNative.StyleSheet.create({
     container: {
       height: 48,
-      borderRadius: 100,
+      borderRadius: _radii.radii.byte,
       width: '100%',
       justifyContent: 'center',
       alignItems: 'center',

package/lib/commonjs/components/Button/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","type","colors","fonts","useTheme","textColor","primary","white","secondary","codGray","tertiary","alizarinCrimson","backgroundColor","royalBlue","transparent","borderColor","silver","borderWidth","styles","StyleSheet","create","container","height","borderRadius","width","justifyContent","alignItems","text","fontSize","lineHeight","color","fontFamily","sfProTextBold","exports"],"sourceRoot":"../../../../src","sources":["components/Button/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGO,MAAME,SAAS,GAAIC,IAAgB,IAAK;EAC7C,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,SAAS,GAAG;IAChBC,OAAO,EAAEJ,MAAM,CAACK,KAAK;IACrBC,SAAS,EAAEN,MAAM,CAACO,OAAO;IACzBC,QAAQ,EAAER,MAAM,CAACS;EACnB,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBN,OAAO,EAAEJ,MAAM,CAACW,SAAS;IACzBL,SAAS,EAAEN,MAAM,CAACY,WAAW;IAC7BJ,QAAQ,EAAER,MAAM,CAACY;EACnB,CAAC;EAED,MAAMC,WAAW,GAAG;IAClBT,OAAO,EAAEJ,MAAM,CAACY,WAAW;IAC3BN,SAAS,EAAEN,MAAM,CAACc,MAAM;IACxBN,QAAQ,EAAER,MAAM,CAACY;EACnB,CAAC;EAED,MAAMG,WAAW,GAAG;IAClBX,OAAO,EAAE,CAAC;IACVE,SAAS,EAAE,CAAC;IACZE,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMQ,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,GAAG;MACjBC,KAAK,EAAE,MAAM;MACbC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBd,eAAe,EAAEA,eAAe,CAACX,IAAI,CAAC;MACtCgB,WAAW,EAAEA,WAAW,CAAChB,IAAI,CAAC;MAC9Bc,WAAW,EAAEA,WAAW,CAACd,IAAI;IAC/B,CAAC;IACD0B,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEzB,SAAS,CAACJ,IAAI,CAAC;MACtB8B,UAAU,EAAE5B,KAAK,CAAC6B;IACpB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC;AAACe,OAAA,CAAAjC,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","_borderWidths","_radii","useStyles","type","colors","fonts","useTheme","textColor","primary","fgOnStrong","secondary","fgNormal","tertiary","fgDanger","backgroundColor","bgAccentStrong","transparent","borderColor","borderNormal","borderWidth","borderWidths","kilo","styles","StyleSheet","create","container","height","borderRadius","radii","byte","width","justifyContent","alignItems","text","fontSize","lineHeight","color","fontFamily","sfProTextBold","exports"],"sourceRoot":"../../../../src","sources":["components/Button/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAGO,MAAMI,SAAS,GAAIC,IAAgB,IAAK;EAC7C,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,SAAS,GAAG;IAChBC,OAAO,EAAEJ,MAAM,CAACK,UAAU;IAC1BC,SAAS,EAAEN,MAAM,CAACO,QAAQ;IAC1BC,QAAQ,EAAER,MAAM,CAACS;EACnB,CAAC;EAED,MAAMC,eAAe,GAAG;IACtBN,OAAO,EAAEJ,MAAM,CAACW,cAAc;IAC9BL,SAAS,EAAEN,MAAM,CAACY,WAAW;IAC7BJ,QAAQ,EAAER,MAAM,CAACY;EACnB,CAAC;EAED,MAAMC,WAAW,GAAG;IAClBT,OAAO,EAAEJ,MAAM,CAACY,WAAW;IAC3BN,SAAS,EAAEN,MAAM,CAACc,YAAY;IAC9BN,QAAQ,EAAER,MAAM,CAACY;EACnB,CAAC;EAED,MAAMG,WAAW,GAAG;IAClBX,OAAO,EAAE,CAAC;IACVE,SAAS,EAAEU,0BAAY,CAACC,IAAI;IAC5BT,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMU,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAEC,YAAK,CAACC,IAAI;MACxBC,KAAK,EAAE,MAAM;MACbC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBlB,eAAe,EAAEA,eAAe,CAACX,IAAI,CAAC;MACtCgB,WAAW,EAAEA,WAAW,CAAChB,IAAI,CAAC;MAC9Bc,WAAW,EAAEA,WAAW,CAACd,IAAI;IAC/B,CAAC;IACD8B,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAE7B,SAAS,CAACJ,IAAI,CAAC;MACtBkC,UAAU,EAAEhC,KAAK,CAACiC;IACpB;EACF,CAAC,CAAC;EAEF,OAAOhB,MAAM;AACf,CAAC;AAACiB,OAAA,CAAArC,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/CardInformation/styles.js

@@ -26,14 +26,14 @@ const useStyles = () => {
     title: {
       fontWeight: '600',
       fontSize: 14,
-      color: colors.paleSky,
+      color: colors.fgSubtle,
       marginBottom: 8
     },
     privacyPolicyText: {
-      color: colors.doveGray
+      color: colors.fgSubtle
     },
     privacyPolicyLink: {
-      color: colors.royalBlue
+      color: colors.bgAccentStrong
     }
   });
   return styles;

package/lib/commonjs/components/CardInformation/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","useTheme","styles","StyleSheet","create","rowContainer","flexDirection","marginTop","expirationDateInput","flex","cvcInput","marginLeft","justifyContent","title","fontWeight","fontSize","color","paleSky","marginBottom","privacyPolicyText","doveGray","privacyPolicyLink","royalBlue","exports"],"sourceRoot":"../../../../src","sources":["components/CardInformation/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE,CAAC;IACd,CAAC;IACDC,mBAAmB,EAAE;MACnBC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE,CAAC;MACPE,UAAU,EAAE,CAAC,CAAC;MACdC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,MAAM,CAACiB,OAAO;MACrBC,YAAY,EAAE;IAChB,CAAC;IACDC,iBAAiB,EAAE;MACjBH,KAAK,EAAEhB,MAAM,CAACoB;IAChB,CAAC;IACDC,iBAAiB,EAAE;MACjBL,KAAK,EAAEhB,MAAM,CAACsB;IAChB;EACF,CAAC,CAAC;EAEF,OAAOpB,MAAM;AACf,CAAC;AAACqB,OAAA,CAAAxB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","useTheme","styles","StyleSheet","create","rowContainer","flexDirection","marginTop","expirationDateInput","flex","cvcInput","marginLeft","justifyContent","title","fontWeight","fontSize","color","fgSubtle","marginBottom","privacyPolicyText","privacyPolicyLink","bgAccentStrong","exports"],"sourceRoot":"../../../../src","sources":["components/CardInformation/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE,CAAC;IACd,CAAC;IACDC,mBAAmB,EAAE;MACnBC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE,CAAC;MACPE,UAAU,EAAE,CAAC,CAAC;MACdC,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,MAAM,CAACiB,QAAQ;MACtBC,YAAY,EAAE;IAChB,CAAC;IACDC,iBAAiB,EAAE;MACjBH,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDG,iBAAiB,EAAE;MACjBJ,KAAK,EAAEhB,MAAM,CAACqB;IAChB;EACF,CAAC,CAAC;EAEF,OAAOnB,MAAM;AACf,CAAC;AAACoB,OAAA,CAAAvB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/CardSheet/styles.js

@@ -17,7 +17,7 @@ const useStyles = () => {
   const insets = (0, _useSafeArea.useSafeArea)();
   const styles = _reactNative.StyleSheet.create({
     container: {
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       maxHeight: height - insets.top,
       paddingBottom: insets.bottom + 16
     },
@@ -25,12 +25,12 @@ const useStyles = () => {
       fontWeight: 'bold',
       fontSize: 20,
       marginBottom: 30,
-      color: colors.black
+      color: colors.fgAccent
     },
     separatorText: {
       fontSize: 14,
       lineHeight: 16,
-      color: colors.black,
+      color: colors.fgAccent,
       width: '100%',
       textAlign: 'center'
     },

package/lib/commonjs/components/CardSheet/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","_useSafeArea","useStyles","colors","useTheme","height","useWindowDimensions","insets","useSafeArea","styles","StyleSheet","create","container","backgroundColor","white","maxHeight","top","paddingBottom","bottom","title","fontWeight","fontSize","marginBottom","color","black","separatorText","lineHeight","width","textAlign","image","savedCardContainer","marginTop","marginLeft","keyboardView","exports"],"sourceRoot":"../../../../src","sources":["components/CardSheet/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAExC,MAAMC,MAAM,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE5B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEV,MAAM,CAACW,KAAK;MAC7BC,SAAS,EAAEV,MAAM,GAAGE,MAAM,CAACS,GAAG;MAC9BC,aAAa,EAAEV,MAAM,CAACW,MAAM,GAAG;IACjC,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAEpB,MAAM,CAACqB;IAChB,CAAC;IACDC,aAAa,EAAE;MACbJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,EAAE;MACdH,KAAK,EAAEpB,MAAM,CAACqB,KAAK;MACnBG,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTtB,MAAM,EAAE;IACV,CAAC;IACDyB,kBAAkB,EAAE;MAClBC,SAAS,EAAE,EAAE;MACbT,YAAY,EAAE,EAAE;MAChBU,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZ;IAAA;EAEJ,CAAC,CAAC;EAEF,OAAOxB,MAAM;AACf,CAAC;AAACyB,OAAA,CAAAhC,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","_useSafeArea","useStyles","colors","useTheme","height","useWindowDimensions","insets","useSafeArea","styles","StyleSheet","create","container","backgroundColor","bgNormal","maxHeight","top","paddingBottom","bottom","title","fontWeight","fontSize","marginBottom","color","fgAccent","separatorText","lineHeight","width","textAlign","image","savedCardContainer","marginTop","marginLeft","keyboardView","exports"],"sourceRoot":"../../../../src","sources":["components/CardSheet/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAExC,MAAMC,MAAM,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE5B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEV,MAAM,CAACW,QAAQ;MAChCC,SAAS,EAAEV,MAAM,GAAGE,MAAM,CAACS,GAAG;MAC9BC,aAAa,EAAEV,MAAM,CAACW,MAAM,GAAG;IACjC,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAEpB,MAAM,CAACqB;IAChB,CAAC;IACDC,aAAa,EAAE;MACbJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,EAAE;MACdH,KAAK,EAAEpB,MAAM,CAACqB,QAAQ;MACtBG,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTtB,MAAM,EAAE;IACV,CAAC;IACDyB,kBAAkB,EAAE;MAClBC,SAAS,EAAE,EAAE;MACbT,YAAY,EAAE,EAAE;MAChBU,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZ;IAAA;EAEJ,CAAC,CAAC;EAEF,OAAOxB,MAAM;AACf,CAAC;AAACyB,OAAA,CAAAhC,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/Checkbox/styles.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStyles = void 0;
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/ThemeContext");
+var _borderWidths = require("../../styles/borderWidths");
+var _radii = require("../../styles/radii");
 const useStyles = selected => {
   const {
     colors
   } = (0, _ThemeContext.useTheme)();
   const styles = _reactNative.StyleSheet.create({
     container: {
-      borderRadius: 12,
+      borderRadius: _radii.radii.kilo,
       width: 24,
       height: 24,
-      borderWidth: 2,
-      borderColor: selected ? colors.royalBlue : colors.doveGray
+      borderWidth: _borderWidths.borderWidths.mega,
+      borderColor: selected ? colors.bgAccentStrong : colors.fgSubtle
     },
     image: {
       width: 24,

package/lib/commonjs/components/Checkbox/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","selected","colors","useTheme","styles","StyleSheet","create","container","borderRadius","width","height","borderWidth","borderColor","royalBlue","doveGray","image","marginLeft","marginTop","exports"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEX,QAAQ,GAAGC,MAAM,CAACW,SAAS,GAAGX,MAAM,CAACY;IACpD,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVM,UAAU,EAAE,CAAC,CAAC;MACdC,SAAS,EAAE,CAAC;IACd;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC;AAACc,OAAA,CAAAlB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","_borderWidths","_radii","useStyles","selected","colors","useTheme","styles","StyleSheet","create","container","borderRadius","radii","kilo","width","height","borderWidth","borderWidths","mega","borderColor","bgAccentStrong","fgSubtle","image","marginLeft","marginTop","exports"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEO,MAAMI,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,YAAY,EAAEC,YAAK,CAACC,IAAI;MACxBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAEC,0BAAY,CAACC,IAAI;MAC9BC,WAAW,EAAEf,QAAQ,GAAGC,MAAM,CAACe,cAAc,GAAGf,MAAM,CAACgB;IACzD,CAAC;IACDC,KAAK,EAAE;MACLR,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVQ,UAAU,EAAE,CAAC,CAAC;MACdC,SAAS,EAAE,CAAC;IACd;EACF,CAAC,CAAC;EAEF,OAAOjB,MAAM;AACf,CAAC;AAACkB,OAAA,CAAAtB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/GooglePayButton/styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStyles = void 0;
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/ThemeContext");
+var _radii = require("../../styles/radii");
 const useStyles = disabled => {
   const {
     colors
@@ -16,14 +17,14 @@ const useStyles = disabled => {
       opacity: disabled ? 0.6 : 1,
       height: 48,
       width: '100%',
-      backgroundColor: colors.black,
-      borderRadius: 8,
+      backgroundColor: colors.bgStrong,
+      borderRadius: _radii.radii.byte,
       justifyContent: 'center',
       alignItems: 'center'
     },
     text: {
       fontSize: 14,
-      color: colors.white
+      color: colors.fgOnStrong
     },
     image: {
       width: 44,

package/lib/commonjs/components/GooglePayButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","disabled","colors","useTheme","styles","StyleSheet","create","container","flexDirection","opacity","height","width","backgroundColor","black","borderRadius","justifyContent","alignItems","text","fontSize","color","white","image","exports"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAER,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BS,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEV,MAAM,CAACW,KAAK;MAC7BC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEjB,MAAM,CAACkB;IAChB,CAAC;IACDC,KAAK,EAAE;MACLV,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAON,MAAM;AACf,CAAC;AAACkB,OAAA,CAAAtB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","_radii","useStyles","disabled","colors","useTheme","styles","StyleSheet","create","container","flexDirection","opacity","height","width","backgroundColor","bgStrong","borderRadius","radii","byte","justifyContent","alignItems","text","fontSize","color","fgOnStrong","image","exports"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAE7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAER,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BS,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEV,MAAM,CAACW,QAAQ;MAChCC,YAAY,EAAEC,YAAK,CAACC,IAAI;MACxBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEnB,MAAM,CAACoB;IAChB,CAAC;IACDC,KAAK,EAAE;MACLZ,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAON,MAAM;AACf,CAAC;AAACoB,OAAA,CAAAxB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/Header/styles.js

@@ -20,7 +20,7 @@ const useStyles = () => {
       marginBottom: 16
     },
     title: {
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontWeight: '700',
       fontSize: 18,
       textAlign: 'center',

package/lib/commonjs/components/Header/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","fonts","useTheme","styles","StyleSheet","create","container","flexDirection","height","alignItems","justifyContent","marginBottom","title","color","codGray","fontWeight","fontSize","textAlign","flex","fontFamily","sfProTextBold","image","width","imageContainer","exports"],"sourceRoot":"../../../../src","sources":["components/Header/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEb,MAAM,CAACc,OAAO;MACrBC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAElB,KAAK,CAACmB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLb,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT,CAAC;IACDC,cAAc,EAAE;MACdf,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAOnB,MAAM;AACf,CAAC;AAACqB,OAAA,CAAAzB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_reactNative","require","_ThemeContext","useStyles","colors","fonts","useTheme","styles","StyleSheet","create","container","flexDirection","height","alignItems","justifyContent","marginBottom","title","color","fgNormal","fontWeight","fontSize","textAlign","flex","fontFamily","sfProTextBold","image","width","imageContainer","exports"],"sourceRoot":"../../../../src","sources":["components/Header/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEb,MAAM,CAACc,QAAQ;MACtBC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAElB,KAAK,CAACmB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLb,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT,CAAC;IACDC,cAAc,EAAE;MACdf,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAOnB,MAAM;AACf,CAAC;AAACqB,OAAA,CAAAzB,SAAA,GAAAA,SAAA"}

package/lib/commonjs/components/InputFields/BaseInputField/index.js

@@ -30,7 +30,7 @@ const BaseInputField = props => {
     style: [styles.container]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
     placeholder: props.placeholder,
-    placeholderTextColor: theme.colors.dustyGray,
+    placeholderTextColor: theme.colors.fgPlaceholder,
     autoCorrect: false,
     spellCheck: false,
     keyboardType: props.keyboardType,

package/lib/commonjs/components/InputFields/BaseInputField/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","_ThemeContext","_reactNativeSpacingSystem","_Text","obj","__esModule","default","BaseInputField","props","styles","useStyles","theme","useTheme","onFocus","inputModel","onBlur","createElement","View","style","containerStyle","Text","title","Stack","size","container","TextInput","placeholder","placeholderTextColor","colors","dustyGray","autoCorrect","spellCheck","keyboardType","maxLength","value","onChangeText","setValue","input","errorText","exports"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzC,MAAMG,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,MAAMC,KAAK,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAExB,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBL,KAAK,CAACM,UAAU,CAACD,OAAO,CAAC,CAAC;EAC5B,CAAC;EAED,MAAME,MAAM,GAAGA,CAAA,KAAM;IACnBP,KAAK,CAACM,UAAU,CAACC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEnB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEV,KAAK,CAACW;EAAe,gBAChCvB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACF,KAAK,EAAET,MAAM,CAACY;EAAM,GAAEb,KAAK,CAACa,KAAY,CAAC,eAC/CzB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACd,yBAAA,CAAAoB,KAAK;IAACC,IAAI,EAAE;EAAE,CAAE,CAAC,eAClB3B,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACT,MAAM,CAACe,SAAS;EAAE,gBAC9B5B,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAA0B,SAAS;IACRC,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,oBAAoB,EAAEhB,KAAK,CAACiB,MAAM,CAACC,SAAU;IAC7CC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAExB,KAAK,CAACwB,YAAa;IACjCC,SAAS,EAAEzB,KAAK,CAACyB,SAAU;IAC3BC,KAAK,EAAE1B,KAAK,CAACM,UAAU,CAACoB,KAAM;IAC9BC,YAAY,EAAE3B,KAAK,CAACM,UAAU,CAACsB,QAAS;IACxClB,KAAK,EAAET,MAAM,CAAC4B,KAAM;IACpBxB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACG,CAAC,EACN,CAAC,CAACP,KAAK,CAACM,UAAU,CAACwB,SAAS,iBAC3B1C,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACF,KAAK,EAAET,MAAM,CAAC6B;EAAU,GAAE9B,KAAK,CAACM,UAAU,CAACwB,SAAgB,CAE/D,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAhC,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styles","_ThemeContext","_reactNativeSpacingSystem","_Text","obj","__esModule","default","BaseInputField","props","styles","useStyles","theme","useTheme","onFocus","inputModel","onBlur","createElement","View","style","containerStyle","Text","title","Stack","size","container","TextInput","placeholder","placeholderTextColor","colors","fgPlaceholder","autoCorrect","spellCheck","keyboardType","maxLength","value","onChangeText","setValue","input","errorText","exports"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzC,MAAMG,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,MAAMC,KAAK,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAExB,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBL,KAAK,CAACM,UAAU,CAACD,OAAO,CAAC,CAAC;EAC5B,CAAC;EAED,MAAME,MAAM,GAAGA,CAAA,KAAM;IACnBP,KAAK,CAACM,UAAU,CAACC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEnB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEV,KAAK,CAACW;EAAe,gBAChCvB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACF,KAAK,EAAET,MAAM,CAACY;EAAM,GAAEb,KAAK,CAACa,KAAY,CAAC,eAC/CzB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACd,yBAAA,CAAAoB,KAAK;IAACC,IAAI,EAAE;EAAE,CAAE,CAAC,eAClB3B,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACT,MAAM,CAACe,SAAS;EAAE,gBAC9B5B,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACjB,YAAA,CAAA0B,SAAS;IACRC,WAAW,EAAElB,KAAK,CAACkB,WAAY;IAC/BC,oBAAoB,EAAEhB,KAAK,CAACiB,MAAM,CAACC,aAAc;IACjDC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAExB,KAAK,CAACwB,YAAa;IACjCC,SAAS,EAAEzB,KAAK,CAACyB,SAAU;IAC3BC,KAAK,EAAE1B,KAAK,CAACM,UAAU,CAACoB,KAAM;IAC9BC,YAAY,EAAE3B,KAAK,CAACM,UAAU,CAACsB,QAAS;IACxClB,KAAK,EAAET,MAAM,CAAC4B,KAAM;IACpBxB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACG,CAAC,EACN,CAAC,CAACP,KAAK,CAACM,UAAU,CAACwB,SAAS,iBAC3B1C,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACF,KAAK,EAAET,MAAM,CAAC6B;EAAU,GAAE9B,KAAK,CAACM,UAAU,CAACwB,SAAgB,CAE/D,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAhC,cAAA,GAAAA,cAAA"}

package/lib/commonjs/components/InputFields/BaseInputField/styles.js

@@ -9,31 +9,34 @@ var _ThemeContext = require("../../../contexts/ThemeContext");
 const useStyles = () => {
   const {
     colors,
-    fonts
+    fonts,
+    borderWidths,
+    radii,
+    spacings
   } = (0, _ThemeContext.useTheme)();
   const styles = _reactNative.StyleSheet.create({
     input: {
       fontSize: 16,
-      paddingHorizontal: 16,
+      paddingHorizontal: spacings.mega,
       width: '100%',
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     title: {
       fontSize: 14,
       lineHeight: 20,
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     container: {
-      borderColor: colors.silver,
-      borderWidth: 1,
-      height: 56,
+      borderColor: colors.borderNormal,
+      borderWidth: borderWidths.kilo,
+      height: 48,
       justifyContent: 'center',
-      borderRadius: 8
+      borderRadius: radii.byte
     },
     errorText: {
-      color: colors.guardsmanRed,
+      color: colors.fgDanger,
       fontSize: 12,
       marginVertical: 6,
       fontFamily: fonts.sfProTextRegular