@ornikar/kitt-universal 7.1.1 → 7.2.0

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

@@ -4,7 +4,7 @@ import { UserIcon, CheckboxMark, XIcon, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon,
 export * from '@ornikar/kitt-icons';
 import { useWindowDimensions, Platform, Image, Linking, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$1, TextInput, View, Animated as Animated$1, Easing, ActivityIndicator } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
-import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
+import styled, { css, useTheme, ThemeProvider } from 'styled-components/native';
 import { cloneElement, useContext, createContext, forwardRef, useMemo, useState, useRef, useEffect, Fragment as Fragment$1, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, withRepeat, withTiming, Easing as Easing$1, interpolate } from 'react-native-reanimated';
@@ -146,7 +146,8 @@ var StyledTypography = /*#__PURE__*/styled.Text.withConfig({
 }, function (_ref2) {
   var theme = _ref2.theme,
       $color = _ref2.$color;
-  return !$color ? '' : "\n  color: ".concat(theme.kitt.typography.colors[$color], ";\n  text-decoration-color: ").concat(theme.kitt.typography.colors[$color], ";\n  ");
+  if (!$color) return '';
+  return css(["color:", ";text-decoration-color:", ";"], theme.kitt.typography.colors[$color], theme.kitt.typography.colors[$color]);
 });
 function useTypographyTypeForCurrentWindowSize(base, small, medium, large) {
   var _useWindowDimensions = useWindowDimensions(),
@@ -910,7 +911,9 @@ var colors = {
   warning: lateOceanColorPalette.goldCrayola,
   separator: lateOceanColorPalette.black100,
   hover: lateOceanColorPalette.black100,
+  white: lateOceanColorPalette.white,
   black: lateOceanColorPalette.black1000,
+  blackAnthracite: lateOceanColorPalette.black800,
   uiBackground: lateOceanColorPalette.black25,
   uiBackgroundLight: lateOceanColorPalette.white,
   transparent: lateOceanColorPalette.transparent,
@@ -1103,16 +1106,16 @@ var createTypographyTypeConfig = function (lineHeightMultiplier, baseAndSmallFon
 };
 var typography = {
   colors: {
-    black: lateOceanColorPalette.black1000,
-    'black-anthracite': lateOceanColorPalette.black800,
+    black: colors.black,
+    'black-anthracite': colors.blackAnthracite,
     'black-light': lateOceanColorPalette.black555,
-    white: lateOceanColorPalette.white,
-    'white-light': lateOceanColorPalette.white,
-    primary: lateOceanColorPalette.lateOcean,
-    'primary-light': lateOceanColorPalette.lateOceanLight1,
-    accent: lateOceanColorPalette.warmEmbrace,
-    success: lateOceanColorPalette.viride,
-    danger: lateOceanColorPalette.englishVermillon
+    white: colors.white,
+    'white-light': colors.white,
+    primary: colors.primary,
+    'primary-light': colors.primaryLight,
+    accent: colors.accent,
+    success: colors.success,
+    danger: colors.danger
   },
   types: {
     headers: {