@ornikar/kitt-universal 16.4.2 → 16.5.0

package/dist/index-browser-all.es.js

@@ -10,6 +10,7 @@ import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSprin
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { Platform, Animated as Animated$1, Easing, StyleSheet, Modal, ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, Text as Text$1, useWindowDimensions, PixelRatio } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
+import _typeof from '@babel/runtime/helpers/typeof';
 import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import { ArcIcon, UserIcon, ArrowUpIcon, ArrowDownIcon, CheckboxMark, MapPinIcon, EyeOffIcon, EyeIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, RotateCCWIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
@@ -18,7 +19,6 @@ import { BottomSheetScrollView, BottomSheetView, useBottomSheetDynamicSnapPoints
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { parse } from 'twemoji-parser';
 import * as WebBrowser from 'expo-web-browser';
-import _typeof from '@babel/runtime/helpers/typeof';
 import Downshift from 'downshift';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
@@ -1820,8 +1820,17 @@ function isColorTypographyColor(colorName) {
 }
 function getTypographyColorValue(colorName) {
   if (!colorName) return undefined;
-  if (isColorTypographyColor(colorName)) {
-    return getNBThemeColorFromColorProps(colorName);
+  if (typeof colorName === 'string') {
+    if (isColorTypographyColor(colorName)) {
+      return getNBThemeColorFromColorProps(colorName);
+    }
+  } else if (_typeof(colorName) === 'object') {
+    return Object.fromEntries(Object.entries(colorName).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        breakpointName = _ref2[0],
+        value = _ref2[1];
+      return [breakpointName, getTypographyColorValue(value)];
+    }));
   }
   return colorName;
 }
@@ -1898,9 +1907,10 @@ function Typography(_ref) {
     base: baseOrDefaultToBody
   }));
   var currentColor = !color && !hasTypographyAncestor ? defaultColor : color;
+  var currentColorValue = getTypographyColorValue(currentColor);
   var colorStyles = sx({
-    color: getTypographyColorValue(currentColor),
-    textDecorationColor: getTypographyColorValue(currentColor)
+    color: currentColorValue,
+    textDecorationColor: currentColorValue
   });
   if (process.env.NODE_ENV !== 'production') {
     Object.entries(type).forEach(function (_ref2) {