rn-css 1.8.1 → 1.8.2

package/dist/cssToRN/index.d.ts

@@ -1,8 +1,8 @@
-import type { Style } from '../types';
+import { CompleteStyle, Style } from '../types';
 declare function cssToStyle(css: string): Style;
 export declare function cssToRNStyle(css: string, units?: {
     em?: number;
     width?: number;
     height?: number;
-}): import("../types").AnyStyle;
+}): CompleteStyle;
 export default cssToStyle;

package/dist/styleComponent.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEvent } from 'react';
-import { FlatListProps, LayoutChangeEvent, SectionListProps, StyleProp, VirtualizedListProps } from 'react-native';
+import { Animated, FlatListProps, LayoutChangeEvent, SectionListProps, StyleProp, VirtualizedListProps } from 'react-native';
 import type { AnyStyle, CompleteStyle, Units } from './types';
 export declare const defaultUnits: Units;
 export declare const RemContext: React.Context<number>;
@@ -13,7 +13,7 @@ declare type Functs<T> = (arg: T & {
     shared: unknown;
     theme: DefaultTheme;
 }) => Primitive;
-declare type OptionalProps<T extends AnyStyle = AnyStyle> = {
+declare type OptionalProps<T extends AnyStyle | Animated.WithAnimatedValue<AnyStyle> = AnyStyle> = {
     rnCSS?: `${string};`;
     onMouseEnter?: (event: MouseEvent) => void;
     onMouseLeave?: (event: MouseEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-css",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "scripts": {
     "test": "jest",
     "prepare": "tsc",

package/src/cssToRN/index.ts

@@ -1,6 +1,6 @@
 import { Dimensions } from 'react-native'
 import convertStyle from '../convertStyle'
-import type { Context, PartialStyle, Style, Units } from '../types'
+import { CompleteStyle, Context, PartialStyle, Style, Units } from '../types'
 import { sideValue, border, borderLike, cornerValue, font, textDecoration, shadow, placeContent, flex, flexFlow, transform, background } from './convert'
 import { createMedia } from './mediaQueries'
 
@@ -54,7 +54,7 @@ export function cssToRNStyle (css: string, units: { em?: number, width?: number,
     ...units
   }
   const rnStyle = cssChunkToStyle(css)
-  return convertStyle(rnStyle, finalUnits)
+  return convertStyle<CompleteStyle>(rnStyle, finalUnits)
 }
 
 function cssChunkToStyle (css: string) {

package/src/styleComponent.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/display-name */
 import React, { MouseEvent } from 'react'
-import { FlatList, FlatListProps, LayoutChangeEvent, Platform, SectionList, SectionListProps, StyleProp, StyleSheet, VirtualizedList, VirtualizedListProps } from 'react-native'
+import { Animated, FlatList, FlatListProps, LayoutChangeEvent, Platform, SectionList, SectionListProps, StyleProp, StyleSheet, VirtualizedList, VirtualizedListProps } from 'react-native'
 import convertStyle from './convertStyle'
 import cssToStyle from './cssToRN'
 import { useFontSize, useHover, useLayout, useScreenSize, useMediaQuery } from './features'
@@ -21,7 +21,7 @@ export interface DefaultTheme {}
 
 type Primitive = number | string | null | undefined | boolean | CompleteStyle
 type Functs<T> = (arg: T & { rnCSS?: string; shared: unknown, theme: DefaultTheme }) => Primitive
-type OptionalProps<T extends AnyStyle = AnyStyle> = {
+type OptionalProps<T extends AnyStyle | Animated.WithAnimatedValue<AnyStyle> = AnyStyle> = {
   rnCSS?: `${string};`;
   onMouseEnter?: (event: MouseEvent) => void;
   onMouseLeave?: (event: MouseEvent) => void;