@ornikar/kitt-universal 9.46.2 → 9.47.1

package/dist/index-node-14.17.cjs.js

@@ -4612,7 +4612,7 @@ ListItem.SideContent = ListItemSideContent;
 ListItem.SideContainer = ListItemSideContainer;
 
 const SvgMarkerLargeinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
-  fill: "none",
+  fill: "currentColor",
   viewBox: "0 0 54 56",
   width: 54,
   xmlns: "http://www.w3.org/2000/svg",
@@ -4682,7 +4682,7 @@ const SvgMarkerLargeinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
 
 const SvgMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
   viewBox: "0 0 40 39",
-  fill: "none",
+  fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg",
   ...props,
   children: [/*#__PURE__*/jsxRuntime.jsx("path", {
@@ -4801,20 +4801,32 @@ const SvgPositionMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
 
 function MapMarkerSimple({
   width = 40,
-  height = 39
+  height = 39,
+  color = lateOceanColorPalette.lateOcean
 }) {
+  const sx = nativeBase.useSx();
+  const styles = sx({
+    color
+  });
   return /*#__PURE__*/jsxRuntime.jsx(SvgMarkerinline, {
     width: width,
-    height: height
+    height: height,
+    color: styles.color
   });
 }
 function MapMarkerLarge({
   width = 54,
-  height = 56
+  height = 56,
+  color = lateOceanColorPalette.lateOcean
 }) {
+  const sx = nativeBase.useSx();
+  const styles = sx({
+    color
+  });
   return /*#__PURE__*/jsxRuntime.jsx(SvgMarkerLargeinline, {
     width: width,
-    height: height
+    height: height,
+    color: styles.color
   });
 }
 function MapMarkerPosition({
@@ -7485,7 +7497,12 @@ const picker = {
       fontFamily: typography.types.bodies.fontFamily.native.regular,
       ...typography.types.bodies.configs.body.baseAndSmall,
       fontSize: 16,
-      color: typography.colors['black-light']
+      color: typography.colors['black-light'],
+      // Default height is hard coded in module because of iOS constraint (https://github.com/react-native-picker/picker/blob/abd5f9076baa3ef2277ea7e711fa5823683c110e/js/PickerIOS.ios.js#L156)
+      height: 216
+    },
+    landscape: {
+      height: 108
     },
     selected: {
       color: typography.colors.primary
@@ -7763,6 +7780,10 @@ function Picker({
   onValueSelected,
   onClose
 }) {
+  // Max height is based on base Modal sizes (which are not themified): padding (4*20*2) + footer (58) + header (58) + default iOS picker height (216)
+  const [isMatchingMaxHeight] = nativeBase.useMediaQuery({
+    maxHeight: 492
+  });
   const [value, setValue] = React.useState(initialValue);
   return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
     visible: isVisible,
@@ -7775,8 +7796,14 @@ function Picker({
       })
     }), reactNative.Platform.OS === 'ios' ? /*#__PURE__*/jsxRuntime.jsx(picker$1.Picker, {
       testID: testID,
-      selectedValue: value,
-      itemStyle: theme.picker.ios.default,
+      selectedValue: value
+      // As it is displayed in a modal, we must hard code an height to ensure that the picker doesn't bleed out of it
+      // We can't set a percentage as it will be computed based on the page height
+      ,
+      itemStyle: {
+        ...theme.picker.ios.default,
+        height: isMatchingMaxHeight ? theme.picker.ios.landscape.height : theme.picker.ios.default.height
+      },
       onValueChange: itemValue => setValue(itemValue),
       children: React__default.Children.map(children, child => {
         const item = child;
@@ -9201,6 +9228,7 @@ function withTheme(WrappedComponent) {
 
 exports.useBreakpointValue = nativeBase.useBreakpointValue;
 exports.useClipboard = nativeBase.useClipboard;
+exports.useMediaQuery = nativeBase.useMediaQuery;
 exports.useSx = nativeBase.useSx;
 exports.useToken = nativeBase.useToken;
 exports.useWindowSize = reactNative.useWindowDimensions;