rn-css 1.7.0 → 1.8.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## Version 1.8
+
+ * Accept returning an RN Style object in the tagged template string
+ * Fix a type issue in the style prop of the components
+
+## Version 1.7
+
+ * Improve type support for the Theming system
+
 ## Version 1.6
 
  * Creation of RemContext to control rem units value

package/README.md

@@ -2,7 +2,7 @@
 
 This is basically [styled-components](https://github.com/styled-components/styled-components) with a much better support for React-Native, and some awesome additional features. You can check the docs of [styled-components](https://github.com/styled-components/styled-components) for more details about the basic API. I'll focus here on the differences.
 
-**Current version: 1.5** [See the Changelog](./CHANGELOG.md)
+**Current version: 1.8** [See the Changelog](./CHANGELOG.md)
 
 ---
 
@@ -91,6 +91,17 @@ const View = styled.View<{ color: string }>`
 `
 ```
 
+Here is an example returning directly a Style object:
+
+```javascript
+const View = styled.View`
+  color: black;
+  ${props => ({ justifyContent: props.center })}
+`
+```
+
+
+
 ---
 
 ### <ins>attrs:</ins>
@@ -323,7 +334,7 @@ const View = styled.View`
 
 ### <ins>Typescript:</ins>
 
-For Typescript, `shared` will always be typed with `unknown`. You need to manually declare the type of your shared object. Be careful: you won't have typecheck this way. We don't have any better way for now.
+For Typescript, `shared` will always be typed with `unknown`. You need to manually declare the type of your shared object. Read the Theming section to learn more about workarounds.
 
 ```typescript
 // Create your theme

package/dist/convertStyle.d.ts

@@ -1,5 +1,4 @@
-import { /* StyleSheet, */ TextStyle, ViewStyle } from 'react-native';
-import type { PartialStyle, Units } from './types';
+import type { AnyStyle, PartialStyle, Units } from './types';
 /** Mix the calculated RN style within the object style */
-declare const convertStyle: (rnStyle: PartialStyle, units: Units) => TextStyle & ViewStyle;
+declare const convertStyle: <T extends AnyStyle = AnyStyle>(rnStyle: PartialStyle, units: Units) => T;
 export default convertStyle;

package/dist/convertUnits.js

@@ -12,7 +12,7 @@ function parseValue(value) {
 exports.parseValue = parseValue;
 /** Convert a value using the provided unit transform table */
 function convertValue(key, value, units) {
-    if (!(Object(value) instanceof String)) {
+    if (typeof value !== 'string') {
         console.error(`Failed to parse CSS instruction: ${key}=${value}. We expect a string, but ${value} was of type ${typeof value}.`);
         return 0;
     }

package/dist/cssToRN/index.d.ts

@@ -4,5 +4,5 @@ export declare function cssToRNStyle(css: string, units?: {
     em?: number;
     width?: number;
     height?: number;
-}): import("react-native").TextStyle & import("react-native").ViewStyle;
+}): import("../types").AnyStyle;
 export default cssToStyle;