@ornikar/kitt-universal 7.1.1 → 7.2.0

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

@@ -4,7 +4,7 @@ import { View, Text as Text$1, useWindowDimensions, Image, Pressable, TextInput,
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { UserIcon, CheckboxMark, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-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, Fragment, Children, useEffect } from 'react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { styled as styled$1 } from '@linaria/react';
@@ -144,7 +144,8 @@ var StyledTypography = /*#__PURE__*/styled(Text$1).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(),
@@ -925,7 +926,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,
@@ -1118,16 +1121,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: {