@complexify/expo-mapbox-navigation 1.1.2 → 1.1.4

package/build/ExpoMapboxNavigation.types.d.ts

@@ -48,13 +48,15 @@ export type ExpoMapboxNavigationViewProps = {
     bottomBannerArrivalTimeTextColor?: string;
     resumeButtonBackgroundColor?: string;
     resumeButtonTextColor?: string;
+    resumeButtonBorderColor?: string;
     speedLimitBackgroundColor?: string;
     speedLimitTextColor?: string;
     speedLimitBorderColor?: string;
     floatingStackBackgroundColor?: string;
     floatingButtonsBackgroundColor?: string;
+    floatingButtonsTextColor?: string;
+    floatingButtonsBorderColor?: string;
     wayNameViewBackgroundColor?: string;
-    wayNameViewTextColor?: string;
 };
 export {};
 //# sourceMappingURL=ExpoMapboxNavigation.types.d.ts.map

package/build/ExpoMapboxNavigation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoMapboxNavigation.types.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,aAAa,GAAG;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,WAAW,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,aAAa,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;KACxC,KAAK,IAAI,CAAC;IACX,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAG7B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAGnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,kCAAkC,CAAC,EAAE,MAAM,CAAC;IAC5C,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAG1C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IAGxC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"ExpoMapboxNavigation.types.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,aAAa,GAAG;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,WAAW,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,aAAa,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;KACxC,KAAK,IAAI,CAAC;IACX,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAG7B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAGnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,kCAAkC,CAAC,EAAE,MAAM,CAAC;IAC5C,sCAAsC,CAAC,EAAE,MAAM,CAAC;IAChD,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAG1C,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAGpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC"}

package/build/ExpoMapboxNavigation.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n\n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n  speedLimitBorderColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n  wayNameViewTextColor?: string;\n};\n"]}
+{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ViewStyle, StyleProp } from \"react-native\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  routeColor?: string;\n  routeAlternateColor?: string;\n  routeCasingColor?: string;\n  routeAlternateCasingColor?: string;\n  traversedRouteColor?: string;\n  maneuverArrowColor?: string;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: () => void;\n  style?: StyleProp<ViewStyle>;\n\n  // Top Banner (1)\n  topBannerBackgroundColor?: string;\n  topBannerPrimaryTextColor?: string;\n  topBannerSecondaryTextColor?: string;\n  topBannerDistanceTextColor?: string;\n  topBannerSeparatorColor?: string;\n\n  // Information Stack (2)\n  informationStackBackgroundColor?: string;\n  informationStackTextColor?: string;\n\n  // Bottom Banner (3)\n  bottomBannerBackgroundColor?: string;\n  bottomBannerTimeRemainingTextColor?: string;\n  bottomBannerDistanceRemainingTextColor?: string;\n  bottomBannerArrivalTimeTextColor?: string;\n\n  // Resume Button (4)\n  resumeButtonBackgroundColor?: string;\n  resumeButtonTextColor?: string;\n  resumeButtonBorderColor?: string;\n\n  // Speed Limit View (5)\n  speedLimitBackgroundColor?: string;\n  speedLimitTextColor?: string;\n  speedLimitBorderColor?: string;\n\n  // Floating Stack (6)\n  floatingStackBackgroundColor?: string;\n  floatingButtonsBackgroundColor?: string;\n  floatingButtonsTextColor?: string;\n  floatingButtonsBorderColor?: string;\n\n  // Way Name Label (8)\n  wayNameViewBackgroundColor?: string;\n};\n"]}

package/ios/CustomNavigationStyle.swift

@@ -8,8 +8,20 @@ class CustomDayStyle: StandardDayStyle {
     var customSpeedLimitBackgroundColor: UIColor?
     var customSpeedLimitBorderColor: UIColor?
     var customBottomBannerBackgroundColor: UIColor?
-    var customWayNameTextColor: UIColor?
+    var customBottomBannerTimeRemainingTextColor: UIColor?
+    var customBottomBannerDistanceRemainingTextColor: UIColor?
+    var customBottomBannerArrivalTimeTextColor: UIColor?
     var customWayNameBackgroundColor: UIColor?
+    var customTopBannerBackgroundColor: UIColor?
+    var customTopBannerPrimaryTextColor: UIColor?
+    var customTopBannerSecondaryTextColor: UIColor?
+    var customTopBannerDistanceTextColor: UIColor?
+    var customResumeButtonBackgroundColor: UIColor?
+    var customResumeButtonTextColor: UIColor?
+    var customResumeButtonBorderColor: UIColor?
+    var customFloatingButtonsBackgroundColor: UIColor?
+    var customFloatingButtonsBorderColor: UIColor?
+    var customFloatingButtonsTextColor: UIColor?
     
     required init() {
         super.init()
@@ -37,12 +49,79 @@ class CustomDayStyle: StandardDayStyle {
             BottomBannerView.appearance(for: traitCollection).backgroundColor = bottomBannerBg
         }
         
-        // Way name customization
-        if let textColor = customWayNameTextColor {
-            WayNameView.appearance(for: traitCollection).textColor = textColor
+        // Bottom banner text colors
+        if let timeRemainingColor = customBottomBannerTimeRemainingTextColor {
+            TimeRemainingLabel.appearance(for: traitCollection).textColor = timeRemainingColor
+        }
+        if let distanceRemainingColor = customBottomBannerDistanceRemainingTextColor {
+            DistanceRemainingLabel.appearance(for: traitCollection).textColor = distanceRemainingColor
+        }
+        if let arrivalTimeColor = customBottomBannerArrivalTimeTextColor {
+            ArrivalTimeLabel.appearance(for: traitCollection).textColor = arrivalTimeColor
         }
+        
+        // Way name customization
         if let bgColor = customWayNameBackgroundColor {
             WayNameView.appearance(for: traitCollection).backgroundColor = bgColor.withAlphaComponent(0.8)
         }
+        
+        // Top banner customization
+        if let topBannerBg = customTopBannerBackgroundColor {
+            InstructionsBannerView.appearance(for: traitCollection).backgroundColor = topBannerBg
+        }
+        if let primaryTextColor = customTopBannerPrimaryTextColor {
+            PrimaryLabel.appearance(for: traitCollection).textColor = primaryTextColor
+        }
+        if let secondaryTextColor = customTopBannerSecondaryTextColor {
+            SecondaryLabel.appearance(for: traitCollection).textColor = secondaryTextColor
+        }
+        if let distanceTextColor = customTopBannerDistanceTextColor {
+            DistanceLabel.appearance(for: traitCollection).textColor = distanceTextColor
+        }
+        
+        // Resume button customization
+        if let resumeBgColor = customResumeButtonBackgroundColor {
+            ResumeButton.appearance(for: traitCollection).backgroundColor = resumeBgColor
+        }
+        if let resumeTextColor = customResumeButtonTextColor {
+            ResumeButton.appearance(for: traitCollection).tintColor = resumeTextColor
+        }
+        if let resumeBorderColor = customResumeButtonBorderColor {
+            ResumeButton.appearance(for: traitCollection).borderColor = resumeBorderColor
+        }
+        
+        // Set default values for border width and corner radius
+        ResumeButton.appearance(for: traitCollection).borderWidth = 1.0
+        ResumeButton.appearance(for: traitCollection).cornerRadius = 4.0
+        
+        // Floating buttons customization
+        if let floatingBgColor = customFloatingButtonsBackgroundColor {
+            FloatingButton.appearance(for: traitCollection).backgroundColor = floatingBgColor
+            OverviewButton.appearance(for: traitCollection).backgroundColor = floatingBgColor
+            MuteButton.appearance(for: traitCollection).backgroundColor = floatingBgColor
+            FeedbackButton.appearance(for: traitCollection).backgroundColor = floatingBgColor
+        }
+        if let floatingTextColor = customFloatingButtonsTextColor {
+            FloatingButton.appearance(for: traitCollection).tintColor = floatingTextColor
+            OverviewButton.appearance(for: traitCollection).tintColor = floatingTextColor
+            MuteButton.appearance(for: traitCollection).tintColor = floatingTextColor
+            FeedbackButton.appearance(for: traitCollection).tintColor = floatingTextColor
+        }
+        if let floatingBorderColor = customFloatingButtonsBorderColor {
+            FloatingButton.appearance(for: traitCollection).borderColor = floatingBorderColor
+            OverviewButton.appearance(for: traitCollection).borderColor = floatingBorderColor
+            MuteButton.appearance(for: traitCollection).borderColor = floatingBorderColor
+            FeedbackButton.appearance(for: traitCollection).borderColor = floatingBorderColor
+        }
+        
+        // Set default values for floating buttons
+        FloatingButton.appearance(for: traitCollection).borderWidth = 1.0
+        FloatingButton.appearance(for: traitCollection).cornerRadius = 4.0
+        OverviewButton.appearance(for: traitCollection).borderWidth = 1.0
+        OverviewButton.appearance(for: traitCollection).cornerRadius = 4.0
+        MuteButton.appearance(for: traitCollection).borderWidth = 1.0
+        MuteButton.appearance(for: traitCollection).cornerRadius = 4.0
+        FeedbackButton.appearance(for: traitCollection).borderWidth = 1.0
+        FeedbackButton.appearance(for: traitCollection).cornerRadius = 4.0
     }
 }

package/ios/ExpoMapboxNavigationModule.swift

@@ -162,6 +162,18 @@ public class ExpoMapboxNavigationModule: Module {
           }
       }
 
+      Prop("floatingButtonsTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingButtonsTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("floatingButtonsBorderColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingButtonsBorderColor(hexColor: hexColor)
+          }
+      }
+
       Prop("speedLimitBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
               view.controller.setSpeedLimitBackgroundColor(hexColor: hexColor)
@@ -180,12 +192,6 @@ public class ExpoMapboxNavigationModule: Module {
           }
       }
 
-      Prop("wayNameViewTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
-          if let hexColor = color {
-              view.controller.setWayNameViewTextColor(hexColor: hexColor)
-          }
-      }
-
       Prop("resumeButtonBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
           if let hexColor = color {
               view.controller.setResumeButtonBackgroundColor(hexColor: hexColor)

package/ios/ExpoMapboxNavigationView.swift

@@ -17,8 +17,6 @@ class ExpoMapboxNavigationView: ExpoView {
 
     let controller = ExpoMapboxNavigationViewController()
 
-    let customDayStyle = CustomDayStyle()
-
     required init(appContext: AppContext? = nil) {
         super.init(appContext: appContext)
         clipsToBounds = true
@@ -93,10 +91,11 @@ class ExpoMapboxNavigationViewController: UIViewController {
     var currentSpeedLimitBackgroundColor: UIColor?
     var currentSpeedLimitTextColor: UIColor?
     var currentWayNameViewBackgroundColor: UIColor?
-    var currentWayNameViewTextColor: UIColor?
     var currentResumeButtonBackgroundColor: UIColor?
     var currentResumeButtonTextColor: UIColor?
 
+    let customDayStyle = CustomDayStyle()
+
     init() {
         super.init(nibName: nil, bundle: nil)
         mapboxNavigation = ExpoMapboxNavigationViewController.navigationProvider.mapboxNavigation
@@ -237,19 +236,23 @@ class ExpoMapboxNavigationViewController: UIViewController {
     }
 
     func setTopBannerBackgroundColor(hexColor: String) {
-        currentTopBannerBackgroundColor = UIColor(hex: hexColor)
+        customDayStyle.customTopBannerBackgroundColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setTopBannerPrimaryTextColor(hexColor: String) {
-        currentTopBannerPrimaryTextColor = UIColor(hex: hexColor)
+        customDayStyle.customTopBannerPrimaryTextColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setTopBannerSecondaryTextColor(hexColor: String) {
-        currentTopBannerSecondaryTextColor = UIColor(hex: hexColor)
+        customDayStyle.customTopBannerSecondaryTextColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setTopBannerDistanceTextColor(hexColor: String) {
-        currentTopBannerDistanceTextColor = UIColor(hex: hexColor)
+        customDayStyle.customTopBannerDistanceTextColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setTopBannerSeparatorColor(hexColor: String) {
@@ -262,17 +265,17 @@ class ExpoMapboxNavigationViewController: UIViewController {
     }
 
     func setBottomBannerTimeRemainingTextColor(hexColor: String) {
-        currentBottomBannerTimeRemainingTextColor = UIColor(hex: hexColor)
+        customDayStyle.customBottomBannerTimeRemainingTextColor = UIColor(hex: hexColor)
         update()
     }
 
     func setBottomBannerDistanceRemainingTextColor(hexColor: String) {
-        currentBottomBannerDistanceRemainingTextColor = UIColor(hex: hexColor)
+        customDayStyle.customBottomBannerDistanceRemainingTextColor = UIColor(hex: hexColor)
         update()
     }
 
     func setBottomBannerArrivalTimeTextColor(hexColor: String) {
-        currentBottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
+        customDayStyle.customBottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
         update()
     }
 
@@ -292,7 +295,17 @@ class ExpoMapboxNavigationViewController: UIViewController {
     }
 
     func setFloatingButtonsBackgroundColor(hexColor: String) {
-        currentFloatingButtonsBackgroundColor = UIColor(hex: hexColor)
+        customDayStyle.customFloatingButtonsBackgroundColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setFloatingButtonsTextColor(hexColor: String) {
+        customDayStyle.customFloatingButtonsTextColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setFloatingButtonsBorderColor(hexColor: String) {
+        customDayStyle.customFloatingButtonsBorderColor = UIColor(hex: hexColor)
         update()
     }
 
@@ -311,18 +324,18 @@ class ExpoMapboxNavigationViewController: UIViewController {
         update()
     }
 
-    func setWayNameViewTextColor(hexColor: String) {
-        customDayStyle.customWayNameTextColor = UIColor(hex: hexColor)
+    func setResumeButtonBackgroundColor(hexColor: String) {
+        customDayStyle.customResumeButtonBackgroundColor = UIColor(hex: hexColor)
         update()
     }
 
-    func setResumeButtonBackgroundColor(hexColor: String) {
-        currentResumeButtonBackgroundColor = UIColor(hex: hexColor)
+    func setResumeButtonTextColor(hexColor: String) {
+        customDayStyle.customResumeButtonTextColor = UIColor(hex: hexColor)
         update()
     }
 
-    func setResumeButtonTextColor(hexColor: String) {
-        currentResumeButtonTextColor = UIColor(hex: hexColor)
+    func setResumeButtonBorderColor(hexColor: String) {
+        customDayStyle.customResumeButtonBorderColor = UIColor(hex: hexColor)
         update()
     }
 
@@ -400,46 +413,15 @@ class ExpoMapboxNavigationViewController: UIViewController {
         let topBanner = TopBannerViewController()
         topBanner.instructionsBannerView.distanceFormatter.locale = currentLocale
         
-        // Apply top banner colors
-        if let backgroundColor = currentTopBannerBackgroundColor {
-            topBanner.view.backgroundColor = backgroundColor
-        }
-        if let primaryTextColor = currentTopBannerPrimaryTextColor {
-            topBanner.instructionsBannerView.primaryLabel.textColor = primaryTextColor
-        }
-        if let secondaryTextColor = currentTopBannerSecondaryTextColor {
-            topBanner.instructionsBannerView.secondaryLabel.textColor = secondaryTextColor
-        }
-        if let distanceTextColor = currentTopBannerDistanceTextColor {
-            topBanner.instructionsBannerView.distanceLabel.textColor = distanceTextColor
-        }
-        if let separatorColor = currentTopBannerSeparatorColor {
-            topBanner.instructionsBannerView.separatorView.backgroundColor = separatorColor
-        }
-
         let bottomBanner = BottomBannerViewController()
         bottomBanner.distanceFormatter.locale = currentLocale
         bottomBanner.dateFormatter.locale = currentLocale
 
-        // Apply bottom banner colors
-        if let backgroundColor = currentBottomBannerBackgroundColor {
-            bottomBanner.view.backgroundColor = backgroundColor
-        }
-        if let timeRemainingColor = currentBottomBannerTimeRemainingTextColor {
-            bottomBanner.timeRemainingLabel.textColor = timeRemainingColor
-        }
-        if let distanceRemainingColor = currentBottomBannerDistanceRemainingTextColor {
-            bottomBanner.distanceRemainingLabel.textColor = distanceRemainingColor
-        }
-        if let arrivalTimeColor = currentBottomBannerArrivalTimeTextColor {
-            bottomBanner.arrivalTimeLabel.textColor = arrivalTimeColor
-        }
-
         let navigationOptions = NavigationOptions(
-            styles: [customDayStyle],
             mapboxNavigation: self.mapboxNavigation!,
             voiceController: ExpoMapboxNavigationViewController.navigationProvider.routeVoiceController,
             eventsManager: ExpoMapboxNavigationViewController.navigationProvider.eventsManager(),
+            styles: [customDayStyle],
             topBanner: topBanner,
             bottomBanner: bottomBanner
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@complexify/expo-mapbox-navigation",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Expo module for Mapbox's Navigation SDK",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/src/ExpoMapboxNavigation.types.ts

@@ -53,6 +53,7 @@ export type ExpoMapboxNavigationViewProps = {
   // Resume Button (4)
   resumeButtonBackgroundColor?: string;
   resumeButtonTextColor?: string;
+  resumeButtonBorderColor?: string;
 
   // Speed Limit View (5)
   speedLimitBackgroundColor?: string;
@@ -62,8 +63,9 @@ export type ExpoMapboxNavigationViewProps = {
   // Floating Stack (6)
   floatingStackBackgroundColor?: string;
   floatingButtonsBackgroundColor?: string;
+  floatingButtonsTextColor?: string;
+  floatingButtonsBorderColor?: string;
 
   // Way Name Label (8)
   wayNameViewBackgroundColor?: string;
-  wayNameViewTextColor?: string;
 };