rn-css 1.11.5 → 1.11.7

package/dist/cssToRN/convert.d.ts

@@ -34,7 +34,11 @@ export declare function placeContent(value: string): {
     justifyContent: string;
 };
 export declare function background(value: string): {
+    background: string;
+    backgroundColor?: undefined;
+} | {
     backgroundColor: string | undefined;
+    background?: undefined;
 };
 export declare function textDecoration(value: string): {
     textDecorationLine: string;

package/dist/cssToRN/convert.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cornerValue = exports.sideValue = exports.font = exports.transform = exports.textDecoration = exports.background = exports.placeContent = exports.flexFlow = exports.flex = exports.shadow = exports.borderLike = exports.border = void 0;
+const react_native_1 = require("../react-native");
 /**
  * Check if the value is a number. Numbers start with a digit, a decimal point or calc(, max( ou min(.
  * Optionally accept "auto" value (for margins)
@@ -134,10 +135,15 @@ function placeContent(value) {
 }
 exports.placeContent = placeContent;
 function background(value) {
-    const values = value.split(/\s+/mg);
-    const color = values.pop();
-    // The background-color is the only one that we support and it's the last value
-    return { backgroundColor: isColor(color) ? color : 'transparent' };
+    // We support everything on web
+    if (react_native_1.Platform.OS === 'web')
+        return { background: value };
+    else {
+        const values = value.split(/\s+/mg);
+        const color = values.pop();
+        // The background-color is the only one that we support on RN and it's the last value
+        return { backgroundColor: isColor(color) ? color : 'transparent' };
+    }
 }
 exports.background = background;
 function textDecoration(value) {

package/package.json

@@ -1,15 +1,24 @@
 {
   "name": "rn-css",
-  "version": "1.11.5",
+  "version": "1.11.7",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./*": {
       "import": "./dist/*/index.js",
-      "require": "./dist/*/index.js",
-      "types": "./dist/*/index.d.ts"
+      "require": "./dist/*/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "dist/index.d.ts"
+      ],
+      "./*": [
+        "dist/*/index.d.ts"
+      ]
     }
   },
   "scripts": {

package/src/cssToRN/convert.ts

@@ -1,3 +1,4 @@
+import { Platform } from '../react-native'
 import type { Style, Transform } from '../types'
 
 /**
@@ -117,10 +118,14 @@ export function placeContent (value: string) {
 }
 
 export function background (value: string) {
-  const values = value.split(/\s+/mg)
-  const color = values.pop()
-  // The background-color is the only one that we support and it's the last value
-  return { backgroundColor: isColor(color) ? color : 'transparent' }
+  // We support everything on web
+  if (Platform.OS === 'web') return { background: value }
+  else {
+    const values = value.split(/\s+/mg)
+    const color = values.pop()
+    // The background-color is the only one that we support on RN and it's the last value
+    return { backgroundColor: isColor(color) ? color : 'transparent' }
+  }
 }
 
 export function textDecoration (value: string) {