@ornikar/kitt-universal 16.4.2 → 16.5.0

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

@@ -7,6 +7,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+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';
@@ -16,7 +17,6 @@ import { CSSTransition } from 'react-transition-group';
 import { ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, useWindowDimensions } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { parse } from 'twemoji-parser';
-import _typeof from '@babel/runtime/helpers/typeof';
 import Downshift, { useSelect } from 'downshift';
 import { useDebouncedCallback } from 'use-debounce';
 import { Loader } from '@googlemaps/js-api-loader';
@@ -1862,8 +1862,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;
 }
@@ -1940,9 +1949,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) {