@complexify/expo-mapbox-navigation 1.0.8 → 1.1.0

package/build/ExpoMapboxNavigation.types.d.ts

@@ -1,4 +1,4 @@
-import { ViewStyle, StyleProp } from "react-native/types";
+import { ViewStyle, StyleProp } from "react-native";
 type ProgressEvent = {
     distanceRemaining: number;
     distanceTraveled: number;
@@ -50,6 +50,7 @@ export type ExpoMapboxNavigationViewProps = {
     resumeButtonTextColor?: string;
     speedLimitBackgroundColor?: string;
     speedLimitTextColor?: string;
+    speedLimitBorderColor?: string;
     floatingStackBackgroundColor?: string;
     floatingButtonsBackgroundColor?: string;
     wayNameViewBackgroundColor?: string;

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,oBAAoB,CAAC;AAE1D,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;IAG7B,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;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"}

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/types\";\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\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\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"]}

package/ios/CustomNavigationStyle.swift

@@ -0,0 +1,44 @@
+import MapboxNavigation
+import UIKit
+
+class CustomNavigationStyle: DayStyle {
+    var speedLimitTextColor: UIColor?
+    var speedLimitBackgroundColor: UIColor?
+    var speedLimitBorderColor: UIColor?
+    var bottomBannerBackgroundColor: UIColor?
+    var wayNameTextColor: UIColor?
+    var wayNameBackgroundColor: UIColor?
+    
+    required init() {
+        super.init()
+        styleType = .day
+    }
+    
+    override func apply() {
+        super.apply()
+        
+        // Speed limit customization
+        if let textColor = speedLimitTextColor {
+            SpeedLimitView.appearance().textColor = textColor
+        }
+        if let bgColor = speedLimitBackgroundColor {
+            SpeedLimitView.appearance().signBackColor = bgColor
+        }
+        if let borderColor = speedLimitBorderColor {
+            SpeedLimitView.appearance().regulatoryBorderColor = borderColor
+        }
+        
+        // Bottom banner customization
+        if let bottomBannerBg = bottomBannerBackgroundColor {
+            BottomBannerView.appearance().backgroundColor = bottomBannerBg
+        }
+        
+        // Way name customization
+        if let textColor = wayNameTextColor {
+            WayNameView.appearance().textColor = textColor
+        }
+        if let bgColor = wayNameBackgroundColor {
+            WayNameView.appearance().backgroundColor = bgColor.withAlphaComponent(0.8)
+        }
+    }
+} 

package/ios/ExpoMapboxNavigationModule.swift

@@ -137,6 +137,72 @@ public class ExpoMapboxNavigationModule: Module {
               view.controller.setBottomBannerArrivalTimeTextColor(hexColor: hexColor)
           }
       }
+
+      Prop("informationStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setInformationStackBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("informationStackTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setInformationStackTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("floatingStackBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingStackBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("floatingButtonsBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setFloatingButtonsBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("speedLimitBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setSpeedLimitBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("speedLimitTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setSpeedLimitTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("wayNameViewBackgroundColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setWayNameViewBackgroundColor(hexColor: hexColor)
+          }
+      }
+
+      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)
+          }
+      }
+
+      Prop("resumeButtonTextColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setResumeButtonTextColor(hexColor: hexColor)
+          }
+      }
+
+      Prop("speedLimitBorderColor") { (view: ExpoMapboxNavigationView, color: String?) in
+          if let hexColor = color {
+              view.controller.setSpeedLimitBorderColor(hexColor: hexColor)
+          }
+      }
     }
   }
 }

package/ios/ExpoMapboxNavigationView.swift

@@ -4,6 +4,7 @@ import MapboxMaps
 import MapboxNavigationUIKit
 import MapboxDirections
 import Combine
+import CustomNavigationStyle
 
 
 class ExpoMapboxNavigationView: ExpoView {
@@ -17,6 +18,8 @@ class ExpoMapboxNavigationView: ExpoView {
 
     let controller = ExpoMapboxNavigationViewController()
 
+    let customStyle = CustomNavigationStyle()
+
     required init(appContext: AppContext? = nil) {
         super.init(appContext: appContext)
         clipsToBounds = true
@@ -84,6 +87,17 @@ class ExpoMapboxNavigationViewController: UIViewController {
     var currentBottomBannerDistanceRemainingTextColor: UIColor?
     var currentBottomBannerArrivalTimeTextColor: UIColor?
 
+    var currentInformationStackBackgroundColor: UIColor?
+    var currentInformationStackTextColor: UIColor?
+    var currentFloatingStackBackgroundColor: UIColor?
+    var currentFloatingButtonsBackgroundColor: UIColor?
+    var currentSpeedLimitBackgroundColor: UIColor?
+    var currentSpeedLimitTextColor: UIColor?
+    var currentWayNameViewBackgroundColor: UIColor?
+    var currentWayNameViewTextColor: UIColor?
+    var currentResumeButtonBackgroundColor: UIColor?
+    var currentResumeButtonTextColor: UIColor?
+
     init() {
         super.init(nibName: nil, bundle: nil)
         mapboxNavigation = ExpoMapboxNavigationViewController.navigationProvider.mapboxNavigation
@@ -244,19 +258,78 @@ class ExpoMapboxNavigationViewController: UIViewController {
     }
 
     func setBottomBannerBackgroundColor(hexColor: String) {
-        currentBottomBannerBackgroundColor = UIColor(hex: hexColor)
+        customStyle.bottomBannerBackgroundColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setBottomBannerTimeRemainingTextColor(hexColor: String) {
         currentBottomBannerTimeRemainingTextColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setBottomBannerDistanceRemainingTextColor(hexColor: String) {
         currentBottomBannerDistanceRemainingTextColor = UIColor(hex: hexColor)
+        update()
     }
 
     func setBottomBannerArrivalTimeTextColor(hexColor: String) {
         currentBottomBannerArrivalTimeTextColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setInformationStackBackgroundColor(hexColor: String) {
+        currentInformationStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setInformationStackTextColor(hexColor: String) {
+        currentInformationStackTextColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setFloatingStackBackgroundColor(hexColor: String) {
+        currentFloatingStackBackgroundColor = UIColor(hex: hexColor)
+        // Apply color in onRoutesCalculated
+    }
+
+    func setFloatingButtonsBackgroundColor(hexColor: String) {
+        currentFloatingButtonsBackgroundColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setSpeedLimitBackgroundColor(hexColor: String) {
+        customStyle.speedLimitBackgroundColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setSpeedLimitTextColor(hexColor: String) {
+        customStyle.speedLimitTextColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setWayNameViewBackgroundColor(hexColor: String) {
+        customStyle.wayNameBackgroundColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setWayNameViewTextColor(hexColor: String) {
+        customStyle.wayNameTextColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setResumeButtonBackgroundColor(hexColor: String) {
+        currentResumeButtonBackgroundColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setResumeButtonTextColor(hexColor: String) {
+        currentResumeButtonTextColor = UIColor(hex: hexColor)
+        update()
+    }
+
+    func setSpeedLimitBorderColor(hexColor: String) {
+        customStyle.speedLimitBorderColor = UIColor(hex: hexColor)
+        update()
     }
 
     func update(){
@@ -322,7 +395,7 @@ class ExpoMapboxNavigationViewController: UIViewController {
         onCancelNavigation?()
     }
 
-    func onRoutesCalculated(navigationRoutes: NavigationRoutes){
+    func onRoutesCalculated(navigationRoutes: NavigationRoutes) {
         onRoutesLoaded?()
 
         let topBanner = TopBannerViewController()
@@ -364,6 +437,7 @@ class ExpoMapboxNavigationViewController: UIViewController {
         }
 
         let navigationOptions = NavigationOptions(
+            styles: [customStyle],
             mapboxNavigation: self.mapboxNavigation!,
             voiceController: ExpoMapboxNavigationViewController.navigationProvider.routeVoiceController,
             eventsManager: ExpoMapboxNavigationViewController.navigationProvider.eventsManager(),

package/package.json

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

package/src/ExpoMapboxNavigation.types.ts

@@ -1,4 +1,4 @@
-import { ViewStyle, StyleProp } from "react-native/types";
+import { ViewStyle, StyleProp } from "react-native";
 
 type ProgressEvent = {
   distanceRemaining: number;
@@ -32,7 +32,7 @@ export type ExpoMapboxNavigationViewProps = {
   onUserOffRoute?: () => void;
   onRoutesLoaded?: () => void;
   style?: StyleProp<ViewStyle>;
-  
+
   // Top Banner (1)
   topBannerBackgroundColor?: string;
   topBannerPrimaryTextColor?: string;
@@ -57,6 +57,7 @@ export type ExpoMapboxNavigationViewProps = {
   // Speed Limit View (5)
   speedLimitBackgroundColor?: string;
   speedLimitTextColor?: string;
+  speedLimitBorderColor?: string;
 
   // Floating Stack (6)
   floatingStackBackgroundColor?: string;