bootstrap-rn 0.4.4 → 0.4.6

package/lib/module/components/Body.js

@@ -1,13 +1,13 @@
 "use strict";
 
 import React, { useMemo } from 'react';
-import { SafeAreaView as BaseSafeAreaView } from 'react-native';
 import StyleSheet from "../style/StyleSheet.js";
 import css from "../style/css.js";
 import { getStyles } from "../utils.js";
 import TextStyleContext from "../style/TextStyleContext.js";
 import useMedia from "../hooks/useMedia.js";
 import useStyle from "../hooks/useStyle.js";
+import View from "./View.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = StyleSheet.create({
   body: css`
@@ -38,7 +38,7 @@ const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
       media
     })
   }), [resolveTextStyle, media]);
-  return /*#__PURE__*/_jsx(BaseSafeAreaView, {
+  return /*#__PURE__*/_jsx(View, {
     ...elementProps,
     ref: ref,
     style: resolveStyle({

package/lib/module/components/Body.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","SafeAreaView","BaseSafeAreaView","StyleSheet","css","getStyles","TextStyleContext","useMedia","useStyle","jsx","_jsx","styles","create","body","Body","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","classes","textClasses","media","resolveStyle","resolveTextStyle","contextValue","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/Body.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,YAAY,IAAIC,gBAAgB,QAAQ,cAAc;AAC/D,OAAOC,UAAU,MAAM,wBAAqB;AAC5C,OAAOC,GAAG,MAAM,iBAAc;AAC9B,SAASC,SAAS,QAAQ,aAAU;AACpC,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKzC,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,IAAI,EAAET,GAAG;AACX;AACA;AACA;AACA,GAAG;EACD,aAAa,EAAEA,GAAG;AACpB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMU,IAAI,gBAAGf,KAAK,CAACgB,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAExE,MAAMO,OAAO,GAAGlB,SAAS,CAACM,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;EAC3C,MAAMa,WAAW,GAAGnB,SAAS,CAACM,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAEtD,MAAMc,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EAExB,MAAMmB,YAAY,GAAGlB,QAAQ,CAAC,CAACe,OAAO,EAAEJ,KAAK,CAAC,EAAEE,SAAS,CAAC;EAC1D,MAAMM,gBAAgB,GAAGnB,QAAQ,CAAC,CAACgB,WAAW,EAAEJ,SAAS,CAAC,CAAC;EAE3D,MAAMQ,YAAY,GAAG5B,OAAO,CAC1B,OAAO;IACLmB,KAAK,EAAEQ,gBAAgB,CAAC;MAAEF;IAAM,CAAC;EACnC,CAAC,CAAC,EACF,CAACE,gBAAgB,EAAEF,KAAK,CAC1B,CAAC;EAED,oBACEf,IAAA,CAACR,gBAAgB;IAAA,GACXoB,YAAY;IAChBL,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEO,YAAY,CAAC;MAAED;IAAM,CAAC,CAAE;IAAAP,QAAA,eAE/BR,IAAA,CAACJ,gBAAgB,CAACuB,QAAQ;MAACC,KAAK,EAAEF,YAAa;MAAAV,QAAA,EAC5CA;IAAQ,CACgB;EAAC,CACZ,CAAC;AAEvB,CAAC,CAAC;AAEFJ,IAAI,CAACiB,WAAW,GAAG,MAAM;AAEzB,eAAejB,IAAI","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","css","getStyles","TextStyleContext","useMedia","useStyle","View","jsx","_jsx","styles","create","body","Body","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","classes","textClasses","media","resolveStyle","resolveTextStyle","contextValue","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/Body.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,wBAAqB;AAC5C,OAAOC,GAAG,MAAM,iBAAc;AAC9B,SAASC,SAAS,QAAQ,aAAU;AACpC,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,IAAI,MAA8B,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,IAAI,EAAEV,GAAG;AACX;AACA;AACA;AACA,GAAG;EACD,aAAa,EAAEA,GAAG;AACpB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMW,IAAI,gBAAGd,KAAK,CAACe,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAExE,MAAMO,OAAO,GAAGnB,SAAS,CAACO,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;EAC3C,MAAMa,WAAW,GAAGpB,SAAS,CAACO,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC;EAEtD,MAAMc,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,MAAMoB,YAAY,GAAGnB,QAAQ,CAAC,CAACgB,OAAO,EAAEJ,KAAK,CAAC,EAAEE,SAAS,CAAC;EAC1D,MAAMM,gBAAgB,GAAGpB,QAAQ,CAAC,CAACiB,WAAW,EAAEJ,SAAS,CAAC,CAAC;EAE3D,MAAMQ,YAAY,GAAG3B,OAAO,CAC1B,OAAO;IACLkB,KAAK,EAAEQ,gBAAgB,CAAC;MAAEF;IAAM,CAAC;EACnC,CAAC,CAAC,EACF,CAACE,gBAAgB,EAAEF,KAAK,CAC1B,CAAC;EAED,oBACEf,IAAA,CAACF,IAAI;IAAA,GAAKc,YAAY;IAAEL,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAEO,YAAY,CAAC;MAAED;IAAM,CAAC,CAAE;IAAAP,QAAA,eAC/DR,IAAA,CAACL,gBAAgB,CAACwB,QAAQ;MAACC,KAAK,EAAEF,YAAa;MAAAV,QAAA,EAC5CA;IAAQ,CACgB;EAAC,CACxB,CAAC;AAEX,CAAC,CAAC;AAEFJ,IAAI,CAACiB,WAAW,GAAG,MAAM;AAEzB,eAAejB,IAAI","ignoreList":[]}

package/lib/module/components/SafeAreaView.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React, { useContext, useMemo } from 'react';
+import { SafeAreaView as BaseSafeAreaView } from 'react-native';
+import TextStyleContext from "../style/TextStyleContext.js";
+import useMedia from "../hooks/useMedia.js";
+import useStyle from "../hooks/useStyle.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SafeAreaView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    textStyle,
+    styleName,
+    ...elementProps
+  } = props;
+  const media = useMedia();
+  const context = useContext(TextStyleContext);
+  const resolveStyle = useStyle(style, styleName);
+  const resolveTextStyle = useStyle([context?.style, textStyle]);
+  const hasTextStyle = context?.style || textStyle;
+  const contextValue = useMemo(() => ({
+    style: resolveTextStyle({
+      media
+    }),
+    hasAncestor: context?.hasTextAncestor
+  }), [resolveTextStyle, media, context]);
+  return /*#__PURE__*/_jsx(BaseSafeAreaView, {
+    ...elementProps,
+    ref: ref,
+    style: resolveStyle({
+      media
+    }),
+    children: hasTextStyle ? /*#__PURE__*/_jsx(TextStyleContext.Provider, {
+      value: contextValue,
+      children: children
+    }) : children
+  });
+});
+SafeAreaView.displayName = 'SafeAreaView';
+export default SafeAreaView;
+//# sourceMappingURL=SafeAreaView.js.map

package/lib/module/components/SafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useMemo","SafeAreaView","BaseSafeAreaView","TextStyleContext","useMedia","useStyle","jsx","_jsx","forwardRef","props","ref","children","style","textStyle","styleName","elementProps","media","context","resolveStyle","resolveTextStyle","hasTextStyle","contextValue","hasAncestor","hasTextAncestor","Provider","value","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/SafeAreaView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SACEC,YAAY,IAAIC,gBAAgB,QAE3B,cAAc;AACrB,OAAOC,gBAAgB,MAAM,8BAA2B;AACxD,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,OAAOC,QAAQ,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBzC,MAAMN,YAAY,gBAAGH,KAAK,CAACU,UAAU,CACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAExE,MAAMO,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,OAAO,GAAGlB,UAAU,CAACI,gBAAgB,CAAC;EAE5C,MAAMe,YAAY,GAAGb,QAAQ,CAACO,KAAK,EAAEE,SAAS,CAAC;EAC/C,MAAMK,gBAAgB,GAAGd,QAAQ,CAAC,CAACY,OAAO,EAAEL,KAAK,EAAEC,SAAS,CAAC,CAAC;EAE9D,MAAMO,YAAY,GAAGH,OAAO,EAAEL,KAAK,IAAIC,SAAS;EAEhD,MAAMQ,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IACLY,KAAK,EAAEO,gBAAgB,CAAC;MAAEH;IAAM,CAAC,CAAC;IAClCM,WAAW,EAAEL,OAAO,EAAEM;EACxB,CAAC,CAAC,EACF,CAACJ,gBAAgB,EAAEH,KAAK,EAAEC,OAAO,CACnC,CAAC;EAED,oBACEV,IAAA,CAACL,gBAAgB;IAAA,GACXa,YAAY;IAChBL,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEM,YAAY,CAAC;MAAEF;IAAM,CAAC,CAAE;IAAAL,QAAA,EAE9BS,YAAY,gBACXb,IAAA,CAACJ,gBAAgB,CAACqB,QAAQ;MAACC,KAAK,EAAEJ,YAAa;MAAAV,QAAA,EAC5CA;IAAQ,CACgB,CAAC,GAE5BA;EACD,CACe,CAAC;AAEvB,CACF,CAAC;AAEDV,YAAY,CAACyB,WAAW,GAAG,cAAc;AAEzC,eAAezB,YAAY","ignoreList":[]}

package/lib/module/components/helpers/Overlay.js

@@ -36,22 +36,11 @@ function Overlay({
     }
   }
 
-  // Adjust top value by status bar height on Android
-  if (Platform.OS === 'android' && StatusBar.currentHeight) {
-    if (typeof overlay.overlayProps.style.top === 'number') {
-      overlay.overlayProps.style.top -= StatusBar.currentHeight;
-    }
-    if (typeof overlay.arrowProps.style.top === 'number') {
-      overlay.arrowProps.style.top -= StatusBar.currentHeight;
-    }
-  }
-
-  // Workaround for different calculation of height in Android 15
+  // Android 15 (edge-to-edge support) adjustments
   // https://github.com/facebook/react-native/issues/47080
   if (Platform.OS === 'android' && Platform.constants.Version >= 35 && StatusBar.currentHeight) {
     if (typeof overlay.overlayProps.style.bottom === 'number') {
-      // Assuming height of bottom bar is 22
-      overlay.overlayProps.style.bottom -= StatusBar.currentHeight + 22;
+      overlay.overlayProps.style.bottom -= StatusBar.currentHeight;
     }
   }
   return children(overlay, overlayRef);

package/lib/module/components/helpers/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","Platform","StatusBar","useOverlayPosition","Overlay","children","targetRef","placement","offset","arrowOffset","visible","overlayRef","overlay","isOpen","arrowProps","style","top","left","OS","currentHeight","overlayProps","constants","Version","bottom","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/helpers/Overlay.tsx"],"mappings":";;AAAA,SAAgBA,MAAM,QAAmB,OAAO;AAChD,SAASC,QAAQ,EAAEC,SAAS,QAAmB,cAAc;AAC7D,SAASC,kBAAkB,QAAQ,6BAA6B;AA2BhE,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,WAAW,GAAG,CAAC;EACfC;AACY,CAAC,EAAE;EACf,MAAMC,UAAU,GAAGX,MAAM,CAAC,IAAI,CAAC;EAE/B,MAAMY,OAAO,GAAGT,kBAAkB,CAAC;IACjCI,SAAS;IACTD,SAAS;IACTK,UAAU;IACVH,MAAM;IACNK,MAAM,EAAEH;EACV,CAAC,CAAC;;EAEF;EACA,IAAIH,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG;IACnC,IAAI,OAAOJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAE;MACrDL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,IAAIR,WAAW;IAC9C;EACF;EACA,IAAIF,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,OAAO,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI;IACpC,IAAI,OAAOL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpDJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,IAAIP,WAAW;IAC7C;EACF;;EAEA;EACA,IAAIR,QAAQ,CAACiB,EAAE,KAAK,SAAS,IAAIhB,SAAS,CAACiB,aAAa,EAAE;IACxD,IAAI,OAAOP,OAAO,CAACQ,YAAY,CAACL,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACtDJ,OAAO,CAACQ,YAAY,CAACL,KAAK,CAACC,GAAG,IAAId,SAAS,CAACiB,aAAa;IAC3D;IACA,IAAI,OAAOP,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpDJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,IAAId,SAAS,CAACiB,aAAa;IACzD;EACF;;EAEA;EACA;EACA,IACElB,QAAQ,CAACiB,EAAE,KAAK,SAAS,IACzBjB,QAAQ,CAACoB,SAAS,CAACC,OAAO,IAAI,EAAE,IAChCpB,SAAS,CAACiB,aAAa,EACvB;IACA,IAAI,OAAOP,OAAO,CAACQ,YAAY,CAACL,KAAK,CAACQ,MAAM,KAAK,QAAQ,EAAE;MACzD;MACAX,OAAO,CAACQ,YAAY,CAACL,KAAK,CAACQ,MAAM,IAAIrB,SAAS,CAACiB,aAAa,GAAG,EAAE;IACnE;EACF;EAEA,OAAOd,QAAQ,CAACO,OAAO,EAAED,UAAU,CAAC;AACtC;AAEAP,OAAO,CAACoB,WAAW,GAAG,SAAS;AAE/B,eAAepB,OAAO","ignoreList":[]}
+{"version":3,"names":["useRef","Platform","StatusBar","useOverlayPosition","Overlay","children","targetRef","placement","offset","arrowOffset","visible","overlayRef","overlay","isOpen","arrowProps","style","top","left","OS","constants","Version","currentHeight","overlayProps","bottom","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/helpers/Overlay.tsx"],"mappings":";;AAAA,SAAgBA,MAAM,QAAmB,OAAO;AAChD,SAASC,QAAQ,EAAEC,SAAS,QAAmB,cAAc;AAC7D,SAASC,kBAAkB,QAAQ,6BAA6B;AA2BhE,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,WAAW,GAAG,CAAC;EACfC;AACY,CAAC,EAAE;EACf,MAAMC,UAAU,GAAGX,MAAM,CAAC,IAAI,CAAC;EAE/B,MAAMY,OAAO,GAAGT,kBAAkB,CAAC;IACjCI,SAAS;IACTD,SAAS;IACTK,UAAU;IACVH,MAAM;IACNK,MAAM,EAAEH;EACV,CAAC,CAAC;;EAEF;EACA,IAAIH,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG;IACnC,IAAI,OAAOJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAE;MACrDL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI,IAAIR,WAAW;IAC9C;EACF;EACA,IAAIF,SAAS,KAAK,MAAM,IAAIA,SAAS,KAAK,OAAO,EAAE;IACjD;IACA,OAAOK,OAAO,CAACE,UAAU,CAACC,KAAK,CAACE,IAAI;IACpC,IAAI,OAAOL,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACpDJ,OAAO,CAACE,UAAU,CAACC,KAAK,CAACC,GAAG,IAAIP,WAAW;IAC7C;EACF;;EAEA;EACA;EACA,IACER,QAAQ,CAACiB,EAAE,KAAK,SAAS,IACzBjB,QAAQ,CAACkB,SAAS,CAACC,OAAO,IAAI,EAAE,IAChClB,SAAS,CAACmB,aAAa,EACvB;IACA,IAAI,OAAOT,OAAO,CAACU,YAAY,CAACP,KAAK,CAACQ,MAAM,KAAK,QAAQ,EAAE;MACzDX,OAAO,CAACU,YAAY,CAACP,KAAK,CAACQ,MAAM,IAAIrB,SAAS,CAACmB,aAAa;IAC9D;EACF;EAEA,OAAOhB,QAAQ,CAACO,OAAO,EAAED,UAAU,CAAC;AACtC;AAEAP,OAAO,CAACoB,WAAW,GAAG,SAAS;AAE/B,eAAepB,OAAO","ignoreList":[]}

package/lib/module/components/modal/Modal.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useRef } from 'react';
-import { Modal as BaseModal, SafeAreaView } from 'react-native';
+import { Modal as BaseModal, Platform } from 'react-native';
 import { OverlayProvider } from '@react-native-aria/overlays';
 import StyleSheet from "../../style/StyleSheet.js";
 import { getStyles } from "../../utils.js";
@@ -9,6 +9,7 @@ import css from "../../style/css.js";
 import ScrollView from "../ScrollView.js";
 import View from "../View.js";
 import BackdropHandler from "../helpers/BackdropHandler.js";
+import SafeAreaView from "../SafeAreaView.js";
 import useModal from "./useModal.js";
 import ModalContext from "./ModalContext.js";
 import ModalHeader from "./ModalHeader.js";
@@ -145,7 +146,10 @@ const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
     justifyContent: 'center'
   };
   return /*#__PURE__*/_jsxs(BaseModal, {
-    transparent: true,
+    transparent: true
+    // Modal is only shown correctly on older Android versions if we set this.
+    ,
+    navigationBarTranslucent: Platform.OS === 'android' && Platform.constants.Version < 35,
     visible: visible,
     onRequestClose: handleToggle,
     children: [backdrop && /*#__PURE__*/_jsx(View, {
@@ -164,7 +168,7 @@ const Modal = /*#__PURE__*/React.forwardRef((props, ref) => {
         onClose: handleToggle,
         backdrop: backdrop
       }), /*#__PURE__*/_jsx(SafeAreaView, {
-        style: {
+        style: scrollable && {
           flexShrink: 1
         },
         children: /*#__PURE__*/_jsx(View, {

package/lib/module/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Modal","BaseModal","SafeAreaView","OverlayProvider","StyleSheet","getStyles","css","ScrollView","View","BackdropHandler","useModal","ModalContext","ModalHeader","ModalTitle","ModalBody","ModalFooter","jsx","_jsx","jsxs","_jsxs","styles","create","forwardRef","props","ref","children","visible","size","backdrop","scrollable","centered","onToggle","handleToggle","style","contentContainerStyle","dialogStyle","contentStyle","textStyle","dialogTextStyle","contentTextStyle","elementProps","dialogRef","modal","backdropClasses","classes","dialogClasses","contentClasses","contentTextClasses","FlexView","centeredStyle","justifyContent","transparent","onRequestClose","undefined","flexGrow","onClose","flexShrink","Provider","value","displayName","Object","assign","Context","Header","Title","Body","Footer"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/Modal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,KAAK,IAAIC,SAAS,EAAEC,YAAY,QAAQ,cAAc;AAC/D,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,UAAU,MAA0C,kBAAe;AAC1E,OAAOC,IAAI,MAAmB,YAAS;AACvC,OAAOC,eAAe,MAAM,+BAA4B;AACxD,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,UAAU,MAAM,iBAAc;AACrC,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,WAAW,MAAM,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBxC,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/B,QAAQ,EAAEf,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,eAAe,EAAEA,GAAG;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,0BAA0B,EAAEA,GAAG;AACjC;AACA;AACA,GAAG;EACD,yCAAyC,EAAEA,GAAG;AAChD;AACA;AACA,GAAG;EACD,wBAAwB,EAAEA,GAAG;AAC/B;AACA;AACA;AACA,GAAG;EACD,gBAAgB,EAAEA,GAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,uBAAuB,EAAEA,GAAG;AAC9B;AACA,GAAG;EACD,iBAAiB,EAAEA,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,WAAW,EAAEA,GAAG;AAClB;AACA;AACA;AACA,GAAG;EACD,WAAW,EAAEA,GAAG;AAClB;AACA;AACA;AACA,GAAG;EACD,WAAW,EAAEA,GAAG;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMN,KAAK,gBAAGF,KAAK,CAACwB,UAAU,CAC5B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IACJC,QAAQ;IACRC,OAAO;IACPC,IAAI;IACJC,QAAQ,GAAG,IAAI;IACfC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,EAAEC,YAAY;IACtBC,KAAK;IACLC,qBAAqB;IACrBC,WAAW;IACXC,YAAY;IACZC,SAAS;IACTC,eAAe;IACfC,gBAAgB;IAChB,GAAGC;EACL,CAAC,GAAGjB,KAAK;EAET,MAAMkB,SAAS,GAAG1C,MAAM,CAAC,IAAI,CAAC;EAE9B,MAAM2C,KAAK,GAAGhC,QAAQ,CAACgB,OAAO,EAAEG,UAAU,CAAC;EAE3C,MAAMc,eAAe,GAAGtC,SAAS,CAACe,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC;EAC9D,MAAMwB,OAAO,GAAGvC,SAAS,CAACe,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;EAC7C,MAAMyB,aAAa,GAAGxC,SAAS,CAACe,MAAM,EAAE,CACtC,eAAe,EACfO,IAAI,KAAK,IAAI,IAAI,WAAW,EAC5BA,IAAI,KAAK,IAAI,IAAI,WAAW,EAC5BA,IAAI,KAAK,IAAI,IAAI,WAAW,EAC5BE,UAAU,IAAI,0BAA0B,EACxCC,QAAQ,IAAI,wBAAwB,CACrC,CAAC;EACF,MAAMgB,cAAc,GAAGzC,SAAS,CAACe,MAAM,EAAE,CACvC,gBAAgB,EAChBS,UAAU,IAAI,yCAAyC,CACxD,CAAC;EACF,MAAMkB,kBAAkB,GAAG1C,SAAS,CAACe,MAAM,EAAE,CAAC,uBAAuB,CAAC,CAAC;;EAEvE;EACA,MAAM4B,QAAQ,GAAGnB,UAAU,GAAGrB,IAAI,GAAGD,UAAU;EAE/C,MAAM0C,aAAa,GAAGnB,QAAQ,IAAI;IAChCoB,cAAc,EAAE;EAClB,CAAC;EAED,oBACE/B,KAAA,CAAClB,SAAS;IAACkD,WAAW;IAACzB,OAAO,EAAEA,OAAQ;IAAC0B,cAAc,EAAEpB,YAAa;IAAAP,QAAA,GACnEG,QAAQ,iBAAIX,IAAA,CAACT,IAAI;MAACyB,KAAK,EAAEU;IAAgB,CAAE,CAAC,eAC7CxB,KAAA,CAAC6B,QAAQ;MAAA,GACHR,YAAY;MAChB;MACAhB,GAAG,EAAEA,GAAI;MACTS,KAAK,EAAE,CAACW,OAAO,EAAEf,UAAU,IAAIoB,aAAa,EAAEhB,KAAK,CAAE;MACrDI,SAAS,EAAEA,SAAU;MACrBH,qBAAqB,EACnBL,UAAU,GACNwB,SAAS,GACT,CAAC;QAAEC,QAAQ,EAAE;MAAE,CAAC,EAAEL,aAAa,EAAEf,qBAAqB,CAC3D;MAAAT,QAAA,gBAEDR,IAAA,CAACR,eAAe;QACdgC,SAAS,EAAEA,SAAU;QACrBc,OAAO,EAAEvB,YAAa;QACtBJ,QAAQ,EAAEA;MAAS,CACpB,CAAC,eACFX,IAAA,CAACf,YAAY;QAAC+B,KAAK,EAAE;UAAEuB,UAAU,EAAE;QAAE,CAAE;QAAA/B,QAAA,eACrCR,IAAA,CAACT,IAAI;UACHgB,GAAG,EAAEiB,SAAU;UACfR,KAAK,EAAE,CAACY,aAAa,EAAEV,WAAW,CAAE;UACpCE,SAAS,EAAEC,eAAgB;UAAAb,QAAA,eAE3BR,IAAA,CAACT,IAAI;YACHyB,KAAK,EAAE,CAACa,cAAc,EAAEV,YAAY,CAAE;YACtCC,SAAS,EAAE,CAACU,kBAAkB,EAAER,gBAAgB,CAAE;YAAAd,QAAA,eAElDR,IAAA,CAACN,YAAY,CAAC8C,QAAQ;cAACC,KAAK,EAAEhB,KAAM;cAAAjB,QAAA,eAClCR,IAAA,CAACd,eAAe;gBAAAsB,QAAA,EAAEA;cAAQ,CAAkB;YAAC,CACxB;UAAC,CACpB;QAAC,CACH;MAAC,CACK,CAAC;IAAA,CACP,CAAC;EAAA,CACF,CAAC;AAEhB,CACF,CAAC;AAEDzB,KAAK,CAAC2D,WAAW,GAAG,OAAO;AAE3B,eAAeC,MAAM,CAACC,MAAM,CAAC7D,KAAK,EAAE;EAClC8D,OAAO,EAAEnD,YAAY;EACrBoD,MAAM,EAAEnD,WAAW;EACnBoD,KAAK,EAAEnD,UAAU;EACjBoD,IAAI,EAAEnD,SAAS;EACfoD,MAAM,EAAEnD;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","Modal","BaseModal","Platform","OverlayProvider","StyleSheet","getStyles","css","ScrollView","View","BackdropHandler","SafeAreaView","useModal","ModalContext","ModalHeader","ModalTitle","ModalBody","ModalFooter","jsx","_jsx","jsxs","_jsxs","styles","create","forwardRef","props","ref","children","visible","size","backdrop","scrollable","centered","onToggle","handleToggle","style","contentContainerStyle","dialogStyle","contentStyle","textStyle","dialogTextStyle","contentTextStyle","elementProps","dialogRef","modal","backdropClasses","classes","dialogClasses","contentClasses","contentTextClasses","FlexView","centeredStyle","justifyContent","transparent","navigationBarTranslucent","OS","constants","Version","onRequestClose","undefined","flexGrow","onClose","flexShrink","Provider","value","displayName","Object","assign","Context","Header","Title","Body","Footer"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/offcanvas/Offcanvas.js

@@ -1,11 +1,12 @@
 "use strict";
 
 import React, { useContext, useRef } from 'react';
-import { Modal as BaseModal, SafeAreaView } from 'react-native';
+import { Modal as BaseModal, Platform } from 'react-native';
 import { OverlayProvider } from '@react-native-aria/overlays';
 import StyleSheet from "../../style/StyleSheet.js";
 import css from "../../style/css.js";
 import BackdropHandler from "../helpers/BackdropHandler.js";
+import SafeAreaView from "../SafeAreaView.js";
 import View from "../View.js";
 import { GRID_BREAKPOINTS } from "../../theme/proxies.js";
 import { infix, next } from "../../theme/breakpoints.js";
@@ -27,13 +28,6 @@ const styles = StyleSheet.create({
     flex-direction: column;
     max-width: 100%;
     // visibility: hidden;
-    background-color: $offcanvas-bg-color;
-    // background-clip: padding-box;
-    @include platform(web) {
-      outline-width: 0; // outline: 0;
-    }
-    // @include box-shadow($offcanvas-box-shadow);
-    // @include transition(transform $offcanvas-transition-duration ease-in-out);
   `,
   '.offcanvas --text': css`
     color: $offcanvas-color;
@@ -45,6 +39,8 @@ const styles = StyleSheet.create({
     z-index: $zindex-offcanvas-backdrop;
     width: 100%;
     height: 100%;
+  `,
+  '.offcanvas-backdrop-inset': css`
     background-color: $offcanvas-backdrop-bg;
     opacity: $offcanvas-backdrop-opacity;
   `,
@@ -52,63 +48,63 @@ const styles = StyleSheet.create({
     top: 0;
     bottom: 0; // added for bootstrap-rn
     left: 0;
-    // width: $offcanvas-horizontal-width;
-    border-right-width: $offcanvas-border-width;
-    border-style: solid;
-    border-color: $offcanvas-border-color;
-    // transform: translateX(-100%);
   `,
   '.offcanvas-end': css`
     top: 0;
     bottom: 0; // added for bootstrap-rn
     right: 0;
-    // width: $offcanvas-horizontal-width;
-    border-left-width: $offcanvas-border-width;
-    border-style: solid;
-    border-color: $offcanvas-border-color;
-    // transform: translateX(100%);
   `,
   '.offcanvas-top': css`
     top: 0;
     right: 0;
     left: 0;
-    // height: $offcanvas-vertical-height;
-    max-height: 100%;
-    border-bottom-width: $offcanvas-border-width;
-    border-style: solid;
-    border-color: $offcanvas-border-color;
-    // transform: translateY(-100%);
   `,
   '.offcanvas-bottom': css`
     bottom: 0; // added for bootstrap-rn
     right: 0;
     left: 0;
-    // height: $offcanvas-vertical-height;
-    max-height: 100%;
-    width: 100%;
-    border-top-width: $offcanvas-border-width;
-    border-style: solid;
-    border-color: $offcanvas-border-color;
-    // transform: translateY(100%);
   `,
-  // The following .offcanvas-dialog classes are added for bootstrap-rn,
-  // because otherwise the text would exceed a width of 100% on native
-  // and also additional width by SafeAreaView would not be applied.
-  '.offcanvas-dialog': css`
-    max-width: 100%;
-    max-height: 100%;
+  '.offcanvas-inset': css`
+    max-width: 100%; // added for bootstrap-rn
+    max-height: 100%; // added for bootstrap-rn
+    background-color: $offcanvas-bg-color;
+    // background-clip: padding-box;
+    @include platform(web) {
+      outline-width: 0; // outline: 0;
+    }
+    // @include box-shadow($offcanvas-box-shadow);
+    // @include transition(transform $offcanvas-transition-duration ease-in-out);
   `,
-  '.offcanvas-dialog-start': css`
+  '.offcanvas-inset-start': css`
     width: $offcanvas-horizontal-width;
+    border-right-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateX(-100%);
   `,
-  '.offcanvas-dialog-end': css`
+  '.offcanvas-inset-end': css`
     width: $offcanvas-horizontal-width;
+    border-left-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateX(100%);
   `,
-  '.offcanvas-dialog-top': css`
+  '.offcanvas-inset-top': css`
     height: $offcanvas-vertical-height;
+    max-height: 100%;
+    border-bottom-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateY(-100%);
   `,
-  '.offcanvas-dialog-bottom': css`
+  '.offcanvas-inset-bottom': css`
     height: $offcanvas-vertical-height;
+    max-height: 100%;
+    width: 100%;
+    border-top-width: $offcanvas-border-width;
+    border-style: solid;
+    border-color: $offcanvas-border-color;
+    // transform: translateY(100%);
   `,
   // Navbar styles
   ...each(GRID_BREAKPOINTS, breakpoint => ({
@@ -148,8 +144,9 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
   const offcanvasRef = useRef(null);
   const offcanvas = useOffcanvas(visible, scroll);
   const backdropClasses = getStyles(styles, ['.offcanvas-backdrop']);
+  const backdropInsetClasses = getStyles(styles, ['.offcanvas-backdrop-inset']);
   const classes = getStyles(styles, ['.offcanvas', `.offcanvas-${placement}`, navbar && navbar.expand && `.navbar-expand${navbar.expand === true ? '' : `-${navbar.expand}`} .offcanvas`]);
-  const dialogClasses = getStyles(styles, ['.offcanvas-dialog', `.offcanvas-dialog-${placement}`]);
+  const dialogClasses = getStyles(styles, ['.offcanvas-inset', `.offcanvas-inset-${placement}`]);
   const textClasses = getStyles(styles, ['.offcanvas-content --text']);
 
   // Render children without modal for navbar.
@@ -163,40 +160,41 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
     });
   }
   return /*#__PURE__*/_jsxs(BaseModal, {
-    transparent: true,
+    transparent: true
+    // Modal is only shown correctly on older Android versions if we set this.
+    ,
+    navigationBarTranslucent: Platform.OS === 'android' && Platform.constants.Version < 35,
     visible: navbar ? navbar.expanded : visible,
     onRequestClose: handleToggle,
-    children: [placement !== 'bottom' && /*#__PURE__*/_jsx(SafeAreaView, {
-      style: {
-        flexGrow: 0
-      }
-    }), /*#__PURE__*/_jsxs(SafeAreaView, {
-      style: {
-        flexGrow: 1
-      },
-      children: [backdrop && /*#__PURE__*/_jsx(View, {
-        style: backdropClasses,
+    children: [backdrop && /*#__PURE__*/_jsx(SafeAreaView, {
+      style: backdropClasses,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [{
+          flexGrow: 1
+        }, backdropInsetClasses],
         children: /*#__PURE__*/_jsx(BackdropHandler, {
           dialogRef: offcanvasRef,
           onClose: handleToggle,
           backdrop: backdrop
         })
-      }), /*#__PURE__*/_jsx(View, {
-        ...elementProps,
-        ref: concatRefs(offcanvasRef, ref),
-        style: [classes, style],
-        textStyle: [textClasses, textStyle],
-        children: /*#__PURE__*/_jsx(View, {
-          style: [dialogClasses, dialogStyle],
-          textStyle: dialogTextStyle,
-          children: /*#__PURE__*/_jsx(OffcanvasContext.Provider, {
-            value: offcanvas,
-            children: /*#__PURE__*/_jsx(OverlayProvider, {
-              children: children
-            })
+      })
+    }), /*#__PURE__*/_jsx(SafeAreaView, {
+      ...elementProps,
+      ref: concatRefs(offcanvasRef, ref),
+      style: [classes, style],
+      textStyle: [textClasses, textStyle],
+      children: /*#__PURE__*/_jsx(View, {
+        style: [{
+          flexGrow: 1
+        }, dialogClasses, dialogStyle],
+        textStyle: dialogTextStyle,
+        children: /*#__PURE__*/_jsx(OffcanvasContext.Provider, {
+          value: offcanvas,
+          children: /*#__PURE__*/_jsx(OverlayProvider, {
+            children: children
           })
         })
-      })]
+      })
     })]
   });
 });

package/lib/module/components/offcanvas/Offcanvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useRef","Modal","BaseModal","SafeAreaView","OverlayProvider","StyleSheet","css","BackdropHandler","View","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useMedia","NavbarContext","useOffcanvas","OffcanvasContext","OffcanvasHeader","OffcanvasTitle","OffcanvasBody","jsx","_jsx","jsxs","_jsxs","styles","create","breakpoint","Offcanvas","forwardRef","props","ref","children","visible","placement","backdrop","scroll","onToggle","handleToggle","style","dialogStyle","textStyle","dialogTextStyle","elementProps","media","navbar","offcanvasRef","offcanvas","backdropClasses","classes","expand","dialogClasses","textClasses","up","transparent","expanded","onRequestClose","flexGrow","dialogRef","onClose","Provider","value","displayName","Object","assign","Context","Header","Title","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/Offcanvas.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useRef","Modal","BaseModal","Platform","OverlayProvider","StyleSheet","css","BackdropHandler","SafeAreaView","View","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useMedia","NavbarContext","useOffcanvas","OffcanvasContext","OffcanvasHeader","OffcanvasTitle","OffcanvasBody","jsx","_jsx","jsxs","_jsxs","styles","create","breakpoint","Offcanvas","forwardRef","props","ref","children","visible","placement","backdrop","scroll","onToggle","handleToggle","style","dialogStyle","textStyle","dialogTextStyle","elementProps","media","navbar","offcanvasRef","offcanvas","backdropClasses","backdropInsetClasses","classes","expand","dialogClasses","textClasses","up","transparent","navigationBarTranslucent","OS","constants","Version","expanded","onRequestClose","flexGrow","dialogRef","onClose","Provider","value","displayName","Object","assign","Context","Header","Title","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/Offcanvas.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/popover/PopoverArrow.js

@@ -9,6 +9,10 @@ import css from "../../style/css.js";
 import useForcedContext from "../../hooks/useForcedContext.js";
 import PopoverContext from "./PopoverContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Note: Border colors are defined for each side, because it seems like that the new react native
+// architecture overwrites border colors from a previous style on Android.
+// Example: `.bs-popover-top .popover-arrow::before` overwrites `.popover-arrow::before`
+
 const styles = StyleSheet.create({
   '.popover-arrow': css`
     position: absolute;
@@ -46,6 +50,9 @@ const styles = StyleSheet.create({
     border-left-width: $popover-arrow-width * 0.5;
     border-bottom-width: 0;
     border-top-color: $popover-arrow-outer-color;
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-popover-top .popover-arrow::after': css`
     bottom: $popover-border-width;
@@ -54,6 +61,9 @@ const styles = StyleSheet.create({
     border-left-width: $popover-arrow-width * 0.5;
     border-bottom-width: 0;
     border-top-color: $popover-arrow-color;
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-popover-end .popover-arrow': css`
     left: ${subtract(t => `-${t['popover-arrow-height']}`, t => t['popover-border-width'])};
@@ -66,7 +76,10 @@ const styles = StyleSheet.create({
     border-right-width: $popover-arrow-height;
     border-left-width: 0;
     border-bottom-width: $popover-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
     border-right-color: $popover-arrow-outer-color;
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-popover-end .popover-arrow::after': css`
     left: $popover-border-width;
@@ -74,7 +87,10 @@ const styles = StyleSheet.create({
     border-right-width: $popover-arrow-height;
     border-left-width: 0;
     border-bottom-width: $popover-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
     border-right-color: $popover-arrow-color;
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-popover-bottom .popover-arrow': css`
     top: ${subtract(t => `-${t['popover-arrow-height']}`, t => t['popover-border-width'])};
@@ -85,6 +101,9 @@ const styles = StyleSheet.create({
     border-right-width: $popover-arrow-width * 0.5;
     border-left-width: $popover-arrow-width * 0.5;
     border-bottom-width: $popover-arrow-height;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
     border-bottom-color: $popover-arrow-outer-color;
   `,
   '.bs-popover-bottom .popover-arrow::after': css`
@@ -93,6 +112,9 @@ const styles = StyleSheet.create({
     border-right-width: $popover-arrow-width * 0.5;
     border-left-width: $popover-arrow-width * 0.5;
     border-bottom-width: $popover-arrow-height;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
     border-bottom-color: $popover-arrow-color;
   `,
   '.bs-popover-start .popover-arrow': css`
@@ -106,7 +128,10 @@ const styles = StyleSheet.create({
     border-right-width: 0;
     border-left-width: $popover-arrow-height;
     border-bottom-width: $popover-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
     border-left-color: $popover-arrow-outer-color;
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-popover-start .popover-arrow::after': css`
     right: $popover-border-width;
@@ -114,7 +139,10 @@ const styles = StyleSheet.create({
     border-right-width: 0;
     border-left-width: $popover-arrow-height;
     border-bottom-width: $popover-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
     border-left-color: $popover-arrow-color;
+    border-bottom-color: transparent; // added for bootstrap-rn
   `
 });
 const PopoverArrow = /*#__PURE__*/React.forwardRef((props, ref) => {

package/lib/module/components/popover/PopoverArrow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","subtract","StyleSheet","getStyles","css","useForcedContext","PopoverContext","jsx","_jsx","jsxs","_jsxs","styles","create","t","PopoverArrow","forwardRef","props","ref","style","elementProps","placement","arrowStyle","popper","classes","beforeClasses","afterClasses","children","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/popover/PopoverArrow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","subtract","StyleSheet","getStyles","css","useForcedContext","PopoverContext","jsx","_jsx","jsxs","_jsxs","styles","create","t","PopoverArrow","forwardRef","props","ref","style","elementProps","placement","arrowStyle","popper","classes","beforeClasses","afterClasses","children","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/popover/PopoverArrow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/tooltip/TooltipArrow.js

@@ -8,6 +8,10 @@ import css from "../../style/css.js";
 import useForcedContext from "../../hooks/useForcedContext.js";
 import TooltipContext from "./TooltipContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Note: Border colors are defined for each side, because it seems like that the new react native
+// architecture overwrites border colors from a previous style on Android.
+// Example: `.bs-tooltip-top .tooltip-arrow::before` overwrites `.tooltip-arrow::before`
+
 const styles = StyleSheet.create({
   '.tooltip-arrow': css`
     position: absolute;
@@ -34,6 +38,9 @@ const styles = StyleSheet.create({
     border-left-width: $tooltip-arrow-width * 0.5;
     border-bottom-width: 0;
     border-top-color: $tooltip-arrow-color;
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-tooltip-end .tooltip-arrow': css`
     left: 0;
@@ -46,7 +53,10 @@ const styles = StyleSheet.create({
     border-right-width: $tooltip-arrow-height;
     border-left-width: 0;
     border-bottom-width: $tooltip-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
     border-right-color: $tooltip-arrow-color;
+    border-left-color: transparent; // added for bootstrap-rn
+    border-bottom-color: transparent; // added for bootstrap-rn
   `,
   '.bs-tooltip-bottom .tooltip-arrow': css`
     top: 0;
@@ -57,6 +67,9 @@ const styles = StyleSheet.create({
     border-right-width: $tooltip-arrow-width * 0.5;
     border-left-width: $tooltip-arrow-width * 0.5;
     border-bottom-width: $tooltip-arrow-height;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
+    border-left-color: transparent; // added for bootstrap-rn
     border-bottom-color: $tooltip-arrow-color;
   `,
   '.bs-tooltip-start .tooltip-arrow': css`
@@ -70,7 +83,10 @@ const styles = StyleSheet.create({
     border-right-width: 0;
     border-left-width: $tooltip-arrow-height;
     border-bottom-width: $tooltip-arrow-width * 0.5;
+    border-top-color: transparent; // added for bootstrap-rn
+    border-right-color: transparent; // added for bootstrap-rn
     border-left-color: $tooltip-arrow-color;
+    border-bottom-color: transparent; // added for bootstrap-rn
   `
 });
 const TooltipArrow = /*#__PURE__*/React.forwardRef((props, ref) => {

package/lib/module/components/tooltip/TooltipArrow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","getStyles","css","useForcedContext","TooltipContext","jsx","_jsx","styles","create","TooltipArrow","forwardRef","props","ref","style","elementProps","placement","arrowStyle","popper","classes","beforeClasses","children","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/tooltip/TooltipArrow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAA8B,YAAS;AAClD,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,cAAc,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI9C,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/B,gBAAgB,EAAEN,GAAG;AACvB;AACA;AACA;AACA;AACA,GAAG;EACD,wBAAwB,EAAEA,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gCAAgC,EAAEA,GAAG;AACvC;AACA,GAAG;EACD,wCAAwC,EAAEA,GAAG;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gCAAgC,EAAEA,GAAG;AACvC;AACA;AACA;AACA,GAAG;EACD,wCAAwC,EAAEA,GAAG;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mCAAmC,EAAEA,GAAG;AAC1C;AACA,GAAG;EACD,2CAA2C,EAAEA,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,kCAAkC,EAAEA,GAAG;AACzC;AACA;AACA;AACA,GAAG;EACD,0CAA0C,EAAEA,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMO,YAAY,gBAAGX,KAAK,CAACY,UAAU,CACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGH,KAAK;EAExC,MAAM;IAAEI,SAAS;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGd,gBAAgB,CAACC,cAAc,CAAC;EAE1E,MAAMc,OAAO,GAAGjB,SAAS,CAACM,MAAM,EAAE,CAChC,gBAAgB,EAChBU,MAAM,IAAI,eAAeF,SAAS,iBAAiB,CACpD,CAAC;EACF,MAAMI,aAAa,GAAGlB,SAAS,CAACM,MAAM,EAAE,CACtC,wBAAwB,EACxBU,MAAM,IAAI,eAAeF,SAAS,yBAAyB,CAC5D,CAAC;EAEF,oBACET,IAAA,CAACP,IAAI;IAAA,GAAKe,YAAY;IAAEF,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAE,CAACK,OAAO,EAAEF,UAAU,EAAEH,KAAK,CAAE;IAAAO,QAAA,eACpEd,IAAA,CAACP,IAAI;MAACc,KAAK,EAAEM;IAAc,CAAE;EAAC,CAC1B,CAAC;AAEX,CACF,CAAC;AAEDV,YAAY,CAACY,WAAW,GAAG,cAAc;AAEzC,eAAeZ,YAAY","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","getStyles","css","useForcedContext","TooltipContext","jsx","_jsx","styles","create","TooltipArrow","forwardRef","props","ref","style","elementProps","placement","arrowStyle","popper","classes","beforeClasses","children","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/tooltip/TooltipArrow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAA8B,YAAS;AAClD,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,cAAc,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI9C;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/B,gBAAgB,EAAEN,GAAG;AACvB;AACA;AACA;AACA;AACA,GAAG;EACD,wBAAwB,EAAEA,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gCAAgC,EAAEA,GAAG;AACvC;AACA,GAAG;EACD,wCAAwC,EAAEA,GAAG;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,gCAAgC,EAAEA,GAAG;AACvC;AACA;AACA;AACA,GAAG;EACD,wCAAwC,EAAEA,GAAG;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mCAAmC,EAAEA,GAAG;AAC1C;AACA,GAAG;EACD,2CAA2C,EAAEA,GAAG;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,kCAAkC,EAAEA,GAAG;AACzC;AACA;AACA;AACA,GAAG;EACD,0CAA0C,EAAEA,GAAG;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMO,YAAY,gBAAGX,KAAK,CAACY,UAAU,CACnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGH,KAAK;EAExC,MAAM;IAAEI,SAAS;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGd,gBAAgB,CAACC,cAAc,CAAC;EAE1E,MAAMc,OAAO,GAAGjB,SAAS,CAACM,MAAM,EAAE,CAChC,gBAAgB,EAChBU,MAAM,IAAI,eAAeF,SAAS,iBAAiB,CACpD,CAAC;EACF,MAAMI,aAAa,GAAGlB,SAAS,CAACM,MAAM,EAAE,CACtC,wBAAwB,EACxBU,MAAM,IAAI,eAAeF,SAAS,yBAAyB,CAC5D,CAAC;EAEF,oBACET,IAAA,CAACP,IAAI;IAAA,GAAKe,YAAY;IAAEF,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAE,CAACK,OAAO,EAAEF,UAAU,EAAEH,KAAK,CAAE;IAAAO,QAAA,eACpEd,IAAA,CAACP,IAAI;MAACc,KAAK,EAAEM;IAAc,CAAE;EAAC,CAC1B,CAAC;AAEX,CACF,CAAC;AAEDV,YAAY,CAACY,WAAW,GAAG,cAAc;AAEzC,eAAeZ,YAAY","ignoreList":[]}

package/lib/module/index.js

@@ -62,6 +62,7 @@ export { default as Radio } from "./components/forms/Radio.js";
 export { default as Row } from "./components/grid/Row.js";
 export { default as Switch } from "./components/forms/Switch.js";
 export { default as Spinner } from "./components/spinners/Spinner.js";
+export { default as SafeAreaView } from "./components/SafeAreaView.js";
 export { default as ScrollView } from "./components/ScrollView.js";
 export { default as Tab } from "./components/nav/Tab.js";
 export { default as Toast } from "./components/toasts/Toast.js";