rn-css 1.6.11 → 1.6.12

package/dist/cssToRN/convert.d.ts

@@ -29,6 +29,9 @@ export declare function placeContent(value: string): {
     alignContent: string;
     justifyContent: string;
 };
+export declare function background(value: string): {
+    backgroundColor: string | undefined;
+};
 export declare function textDecoration(value: string): {
     textDecorationLine: string;
     textDecorationStyle: string;

package/dist/cssToRN/convert.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cornerValue = exports.sideValue = exports.font = exports.transform = exports.textDecoration = exports.placeContent = exports.flexFlow = exports.flex = exports.shadow = exports.border = void 0;
+exports.cornerValue = exports.sideValue = exports.font = exports.transform = exports.textDecoration = exports.background = exports.placeContent = exports.flexFlow = exports.flex = exports.shadow = exports.border = void 0;
 /** Check if the value is a number. Numbers start with a digit, a decimal point or calc(, max( ou min( */
 function isNumber(value) {
     return value.match(/^[+-]?(\.\d|\d|calc\(|max\(|min\()/mg);
@@ -87,6 +87,12 @@ function placeContent(value) {
     return { alignContent, justifyContent };
 }
 exports.placeContent = placeContent;
+function background(value) {
+    const values = value.split(/\s+/mg);
+    // The background-color is the only one that we support and it's the last value
+    return { backgroundColor: values.pop() };
+}
+exports.background = background;
 function textDecoration(value) {
     const values = value.split(/\s+/mg);
     const result = {

package/dist/cssToRN/index.js

@@ -81,7 +81,7 @@ function cssChunkToStyle(css) {
                 Object.assign(result, (0, convert_1.sideValue)('border', value, 'Width'));
                 break;
             case 'background':
-                Object.assign(result, { backgroundColor: value });
+                Object.assign(result, (0, convert_1.background)(value));
                 break;
             case 'padding':
             case 'margin':

package/package.json

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

package/src/cssToRN/convert.ts

@@ -75,6 +75,12 @@ export function placeContent (value: string) {
   return { alignContent, justifyContent }
 }
 
+export function background (value: string) {
+  const values = value.split(/\s+/mg)
+  // The background-color is the only one that we support and it's the last value
+  return { backgroundColor: values.pop() }
+}
+
 export function textDecoration (value: string) {
   const values = value.split(/\s+/mg)
   const result = {

package/src/cssToRN/index.ts

@@ -1,7 +1,7 @@
 import { Dimensions } from 'react-native'
 import convertStyle from '../convertStyle'
 import type { Context, PartialStyle, Style, Units } from '../types'
-import { sideValue, border, cornerValue, font, textDecoration, shadow, placeContent, flex, flexFlow, transform } from './convert'
+import { sideValue, border, cornerValue, font, textDecoration, shadow, placeContent, flex, flexFlow, transform, background } from './convert'
 import { createMedia } from './mediaQueries'
 
 function kebab2camel (string: string) {
@@ -78,7 +78,7 @@ function cssChunkToStyle (css: string) {
         Object.assign(result, sideValue('border', value, 'Width'))
         break
       case 'background':
-        Object.assign(result, { backgroundColor: value })
+        Object.assign(result, background(value))
         break
       case 'padding':
       case 'margin':