react-native-css 3.0.0-nightly.8dd703d → 3.0.0-nightly.9c84741

package/dist/commonjs/style-collection/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyleCollection = void 0;
+Object.defineProperty(exports, "rootVariables", {
+  enumerable: true,
+  get: function () {
+    return _root.rootVariables;
+  }
+});
+Object.defineProperty(exports, "universalVariables", {
+  enumerable: true,
+  get: function () {
+    return _root.universalVariables;
+  }
+});
+var _containerQuery = require("../runtime/native/conditions/container-query.js");
+var _reactivity = require("../runtime/native/reactivity.js");
+var _root = require("./root.js");
+globalThis.__react_native_css_style_collection ??= {
+  styles: (0, _reactivity.family)(() => {
+    return (0, _reactivity.observable)([], isDeepEqual);
+  }),
+  keyframes: (0, _reactivity.family)(() => {
+    return (0, _reactivity.observable)([], isDeepEqual);
+  }),
+  inject: function (options) {
+    _reactivity.observableBatch.current = new Set();
+    StyleCollection.styles("will-change-variable").set([{
+      s: [0],
+      v: []
+    }]);
+    StyleCollection.styles("will-change-container").set([{
+      s: [0],
+      c: [_containerQuery.DEFAULT_CONTAINER_NAME]
+    }]);
+    StyleCollection.styles("will-change-animation").set([{
+      s: [0],
+      a: true
+    }]);
+    StyleCollection.styles("will-change-pressable").set([{
+      s: [0],
+      p: {
+        h: 1
+      }
+    }]);
+    if (options.s) {
+      for (const style of options.s) {
+        StyleCollection.styles(style[0]).set(style[1]);
+      }
+    }
+    if (options.k) {
+      for (const keyframes of options.k) {
+        StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
+      }
+    }
+    if (options.vr) {
+      for (const entry of options.vr) {
+        (0, _root.rootVariables)(entry[0]).set(entry[1]);
+      }
+    }
+    if (options.vu) {
+      for (const entry of options.vu) {
+        (0, _root.rootVariables)(entry[0]).set(entry[1]);
+      }
+    }
+    for (const effect of _reactivity.observableBatch.current) {
+      effect.run();
+    }
+    _reactivity.observableBatch.current = undefined;
+  }
+};
+const StyleCollection = exports.StyleCollection = globalThis.__react_native_css_style_collection;
+function isDeepEqual(a, b) {
+  const aArray = Array.isArray(a);
+  const bArray = Array.isArray(b);
+  const requiresKeyComparison = typeof a === "object" && typeof b === "object" && aArray === bArray;
+
+  // Only compare keys when both are an object or array
+  // This does not account for complex types like Date/Regex, because we don't use them
+  if (!requiresKeyComparison) return a === b;
+
+  // Make either are not null
+  if (!a || !b) {
+    return a === b;
+  }
+
+  // Shortcut for arrays
+  if (aArray && bArray && a.length !== b.length) {
+    return false;
+  }
+
+  // Compare a to b
+  for (const key in a) {
+    if (!isDeepEqual(a[key], b[key])) {
+      return false;
+    }
+  }
+
+  // Compare b to a
+  for (const key in b) {
+    if (!(key in a)) {
+      return false;
+    }
+  }
+  return true;
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/style-collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_containerQuery","require","_reactivity","_root","globalThis","__react_native_css_style_collection","styles","family","observable","isDeepEqual","keyframes","inject","options","observableBatch","current","Set","StyleCollection","set","s","v","c","DEFAULT_CONTAINER_NAME","a","p","h","style","k","vr","entry","rootVariables","vu","effect","run","undefined","exports","b","aArray","Array","isArray","bArray","requiresKeyComparison","length","key"],"sourceRoot":"../../../src","sources":["style-collection/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/{runtime/native → style-collection}/root.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.universalVariables = exports.rootVariables = void 0;
-var _mediaQuery = require("./conditions/media-query.js");
-var _reactivity = require("./reactivity.js");
+var _mediaQuery = require("../runtime/native/conditions/media-query.js");
+var _reactivity = require("../runtime/native/reactivity.js");
 const rootVariableFamily = () => {
   return (0, _reactivity.family)(() => {
     const obs = (0, _reactivity.observable)((read, variableValue) => {

package/dist/commonjs/style-collection/root.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaQuery","require","_reactivity","rootVariableFamily","family","obs","observable","read","variableValue","undefined","value","mediaQuery","testMediaQuery","rootVariables","exports","universalVariables"],"sourceRoot":"../../../src","sources":["style-collection/root.ts"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,OAAO,IAAAC,kBAAM,EAAuD,MAAM;IACxE,MAAMC,GAAG,GAAG,IAAAC,sBAAU,EACpB,CAACC,IAAI,EAAEC,aAAa,KAAK;MACvB,IAAI,CAACA,aAAa,EAAE,OAAOC,SAAS;MAEpC,KAAK,MAAM,CAACC,KAAK,EAAEC,UAAU,CAAC,IAAIH,aAAa,EAAE;QAC/C,IAAI,CAACG,UAAU,EAAE;UACf,OAAOD,KAAK;QACd;QAEA,IAAI,IAAAE,0BAAc,EAACD,UAAU,EAAEJ,IAAI,CAAC,EAAE;UACpC,OAAOG,KAAK;QACd;MACF;MAEA,OAAOD,SAAS;IAClB,CACF,CAAC;IAED,OAAOJ,GAAG;EACZ,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGV,kBAAkB,CAAC,CAAC;AAC1C,MAAMY,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGZ,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/dist/module/compiler/compiler.js

@@ -10,6 +10,7 @@ import { parseDeclaration } from "./declarations.js";
 import { extractKeyFrames } from "./keyframes.js";
 import { parseMediaQuery } from "./media-query.js";
 import { StylesheetBuilder } from "./stylesheet.js";
+import { supportsConditionValid } from "./supports.js";
 const defaultLogger = debug("react-native-css:compiler");
 
 /**
@@ -84,10 +85,10 @@ export function compile(code, options = {}) {
 
   // Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
   lightningcss({
-    filename: "style.css",
-    // This is ignored, but required
     code: typeof code === "string" ? new TextEncoder().encode(code) : code,
-    visitor
+    visitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd()
   });
   return {
     stylesheet: () => builder.getNativeStyleSheet(),
@@ -181,6 +182,13 @@ function extractRule(rule, builder) {
         extractRule(layerRule, builder);
       }
       break;
+    case "supports":
+      if (supportsConditionValid(rule.value.condition)) {
+        for (const layerRule of rule.value.rules) {
+          extractRule(layerRule, builder);
+        }
+      }
+      break;
     case "custom":
     case "font-face":
     case "font-palette-values":
@@ -193,7 +201,6 @@ function extractRule(rule, builder) {
     case "unknown":
     case "import":
     case "page":
-    case "supports":
     case "counter-style":
     case "moz-document":
     case "nesting":
@@ -259,7 +266,7 @@ function extractContainer(containerRule, builder) {
     m: parseContainerCondition(containerRule.condition, builder)
   };
   if (containerRule.name) {
-    query.n = containerRule.name;
+    query.n = `c:${containerRule.name}`;
   }
   builder.addContainerQuery(query);
   for (const rule of containerRule.rules) {

package/dist/module/compiler/compiler.js.map

@@ -1 +1 @@
-{"version":3,"names":["inspect","debug","transform","lightningcss","maybeMutateReactNativeOptions","parsePropAtRule","parseContainerCondition","parseDeclaration","extractKeyFrames","parseMediaQuery","StylesheetBuilder","defaultLogger","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","customAtRules","body","visitor","Rule","rule","StyleSheetExit","sheet","rules","length","depth","colors","compact","extractRule","stripUnusedVariables","onVarUsage","token","type","value","arguments","forEach","varUsage","add","name","ident","fallback","fallbackValues","varObj","Declaration","decl","property","filename","TextEncoder","encode","stylesheet","getNativeStyleSheet","warnings","getWarnings","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","mapping","fork","selectors","newRule","nestedRule","layerRule","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","condition","push","m","containerRule","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["inspect","debug","transform","lightningcss","maybeMutateReactNativeOptions","parsePropAtRule","parseContainerCondition","parseDeclaration","extractKeyFrames","parseMediaQuery","StylesheetBuilder","supportsConditionValid","defaultLogger","compile","code","options","logger","isLoggerEnabled","enabled","Boolean","features","Object","assign","selectorPrefix","startsWith","slice","JSON","stringify","process","env","NODE_ENV","toString","builder","customAtRules","body","visitor","Rule","rule","StyleSheetExit","sheet","rules","length","depth","colors","compact","extractRule","stripUnusedVariables","onVarUsage","token","type","value","arguments","forEach","varUsage","add","name","ident","fallback","fallbackValues","varObj","Declaration","decl","property","TextEncoder","encode","filename","projectRoot","cwd","stylesheet","getNativeStyleSheet","warnings","getWarnings","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","mapping","fork","selectors","newRule","nestedRule","layerRule","condition","mediaRule","media","mediaQuery","query","mediaQueries","mediaType","qualifier","push","m","containerRule","n","addContainerQuery"],"sourceRoot":"../../../src","sources":["compiler/compiler.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/compiler/compiler.types.js

@@ -26,7 +26,7 @@ import { VAR_SYMBOL } from "../runtime/native/reactivity.js";
 
 /******************************    Variables    *******************************/
 
-/******************************   Animations V2  ******************************/
+/******************************   Animations  ******************************/
 
 /******************************    Conditions    ******************************/
 

package/dist/module/compiler/compiler.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["VAR_SYMBOL"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAAA;;AAIA,SAASA,UAAU,QAAQ,iCAA8B;;AAkBzD;AACA;AACA;;AAkBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0FA;;AAeA;;AAMA;;AAwCS;;AAMkE;;AAI3E;;AAUA;;AAEA;AACA;AACA;AACA;AACA;;AAIA;;AAKA;;AAEA;;AAGA;AACA;AACA;;AAKA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["VAR_SYMBOL"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAAA;;AAIA,SAASA,UAAU,QAAQ,iCAA8B;;AAmBzD;AACA;AACA;;AAgBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwFA;;AAeA;;AAMA;;AAwCS;;AAMkE;;AAI3E;;AAUA;;AAEA;AACA;AACA;AACA;AACA;;AAIA;;AAKA;;AAEA;;AAGA;AACA;AACA;;AAKA;AACA;AACA","ignoreList":[]}

package/dist/module/compiler/declarations.js

@@ -37,6 +37,7 @@ const parsers = {
   "border-block-end-width": parseBorderSideWidthDeclaration,
   "border-block-start": parseBorderBlockStart,
   "border-block-start-color": parseColorDeclaration,
+  "border-block-start-style": parseBorderStyleDeclaration,
   "border-block-start-width": parseBorderSideWidthDeclaration,
   "border-block-style": parseBorderBlockStyle,
   "border-block-width": parseBorderBlockWidth,
@@ -186,6 +187,7 @@ const parsers = {
   "translate": parseTranslate,
   "user-select": parseUserSelect,
   "vertical-align": parseVerticalAlign,
+  "visibility": parseVisibility,
   "width": parseSizeDeclaration,
   "z-index": parseZIndex
 };
@@ -306,54 +308,54 @@ function parseBorderSide({
 function parseBorderBlock({
   value
 }, builder) {
-  builder.addDescriptor("border-top-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-bottom-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderBlockStart({
   value
 }, builder) {
-  builder.addDescriptor("border-top-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-start-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-start-width", parseBorderSideWidth(value.width, builder));
 }
 function parseBorderBlockEnd({
   value
 }, builder) {
-  builder.addDescriptor("border-bottom-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-block-end-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-block-end-width", parseBorderSideWidth(value.width, builder));
 }
 function parseBorderInline({
   value
 }, builder) {
-  builder.addDescriptor("border-left-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-right-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(value.width, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderInlineStart({
   value
 }, builder) {
-  builder.addDescriptor("border-left-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-start-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-start-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-start-style", parseBorderStyle(value.style, builder));
 }
 function parseBorderInlineEnd({
   value
 }, builder) {
-  builder.addDescriptor("border-right-color", parseColor(value.color, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-end-color", parseColor(value.color, builder));
+  builder.addDescriptor("border-inline-end-width", parseBorderSideWidth(value.width, builder));
+  builder.addDescriptor("border-inline-end-style", parseBorderStyle(value.style, builder));
 }
 export function parseBorderInlineWidth(declaration, builder) {
-  builder.addDescriptor("border-left-width", parseBorderSideWidth(declaration.value.start, builder));
-  builder.addDescriptor("border-right-width", parseBorderSideWidth(declaration.value.end, builder));
+  builder.addDescriptor("border-inline-width", parseBorderSideWidth(declaration.value.start, builder));
 }
 export function parseBorderInlineStyle(declaration, builder) {
   if (typeof declaration.value === "string") {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value, builder));
+    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value, builder));
   } else if (declaration.value.start === declaration.value.end) {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value.start, builder));
+    builder.addDescriptor(declaration.property, parseBorderStyle(declaration.value.start, builder));
   } else {
-    builder.addWarning("property", "border-inline-style");
+    builder.addDescriptor("border-inline-start-style", parseBorderStyle(declaration.value.start, builder));
+    builder.addDescriptor("border-inline-end-style", parseBorderStyle(declaration.value.end, builder));
   }
 }
 function parseFlexFlow({
@@ -603,6 +605,12 @@ export function parseCustomDeclaration(declaration, builder) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else if (property === "-rn-ripple-style") {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property) === "borderless");
+  } else if (property === "object-fit") {
+    // https://github.com/parcel-bundler/lightningcss/issues/1046
+    parseObjectFit(declaration.value, builder);
+  } else if (property === "object-position") {
+    // https://github.com/parcel-bundler/lightningcss/issues/1047
+    parseObjectPosition(declaration.value, builder);
   } else if (validProperties.has(property) || property.startsWith("--") || property.startsWith("-rn-")) {
     builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
   } else {
@@ -700,43 +708,44 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
     case "function":
       {
         switch (tokenOrValue.value.name) {
-          case "translate":
-          case "rotate":
-          case "rotateX":
-          case "rotateY":
-          case "skewX":
-          case "skewY":
-          case "scale":
-          case "scaleX":
-          case "scaleY":
-          case "translateX":
-          case "translateY":
-            return unparsedFunction(tokenOrValue, builder, property, allowAuto);
           case "blur":
           case "brightness":
           case "contrast":
           case "cubic-bezier":
           case "drop-shadow":
           case "fontScale":
+          case "getPixelSizeForLayoutSize":
           case "grayscale":
           case "hsl":
           case "hsla":
           case "hue-rotate":
           case "invert":
-          case "linear-gradient":
           case "opacity":
           case "pixelScale":
-          case "getPixelSizeForLayoutSize":
           case "platformColor":
-          case "radial-gradient":
           case "rgb":
           case "rgba":
+          case "rotate":
+          case "rotateX":
+          case "rotateY":
           case "roundToNearestPixel":
           case "saturate":
+          case "scale":
+          case "scaleX":
+          case "scaleY":
           case "sepia":
           case "shadow":
+          case "skewX":
+          case "skewY":
           case "steps":
+          case "translate":
+          case "translateX":
+          case "translateY":
             return unparsedFunction(tokenOrValue, builder, property, allowAuto);
+          case "linear-gradient":
+          case "radial-gradient":
+            // These are special as React Native requires the '-' in their name
+            return [{}, tokenOrValue.value.name, reduceParseUnparsed(tokenOrValue.value.arguments, builder, property, allowAuto)];
           case "hairlineWidth":
             return [{}, tokenOrValue.value.name, []];
           case "calc":
@@ -765,7 +774,7 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
               builder.addWarning("value", value);
               return;
             }
-            if (value === "inherit") {
+            if (value === "inherit" || value === "initial") {
               builder.addWarning("value", value);
               return;
             } else if (value === "currentcolor") {
@@ -1416,26 +1425,27 @@ export function parseBorderStyle(value, builder) {
   return undefined;
 }
 export function parseBorderBlockWidth(declaration, builder) {
-  builder.addDescriptor("border-top-width", parseBorderSideWidth(declaration.value.start, builder));
-  builder.addDescriptor("border-bottom-width", parseBorderSideWidth(declaration.value.end, builder));
+  const start = parseBorderSideWidth(declaration.value.start, builder);
+  const end = parseBorderSideWidth(declaration.value.end, builder);
+  if (start === end) {
+    builder.addDescriptor("border-block-width", start);
+  } else {
+    builder.addDescriptor("border-block-start-width", start);
+    builder.addDescriptor("border-block-end-width", end);
+  }
 }
 function parseBorderBlockStyle(declaration, builder) {
-  if (declaration.value.start === declaration.value.end) {
-    builder.addDescriptor("border-style", parseBorderStyle(declaration.value.start, builder));
+  const start = parseBorderStyle(declaration.value.start, builder);
+  const end = parseBorderStyle(declaration.value.end, builder);
+  if (start == end) {
+    builder.addDescriptor("border-block-style", start);
   } else {
-    builder.addWarning("property", "border-block-style");
+    builder.addDescriptor("border-block-start-style", start);
+    builder.addDescriptor("border-block-end-style", end);
   }
 }
 export function parseBorderSideWidthDeclaration(declaration, builder) {
-  if (declaration.property.includes("block")) {
-    builder.addDescriptor(`border-${declaration.property.includes("start") ? "top" : "bottom"}-width`, parseBorderSideWidth(declaration.value, builder));
-    return;
-  } else if (declaration.property.includes("inline")) {
-    builder.addDescriptor(`border-${declaration.property.includes("start") ? "left" : "right"}-width`, parseBorderSideWidth(declaration.value, builder));
-    return;
-  } else {
-    return parseBorderSideWidth(declaration.value, builder);
-  }
+  builder.addDescriptor(declaration.property, parseBorderSideWidth(declaration.value, builder));
 }
 export function parseBorderSideWidth(value, builder) {
   if (value.type === "length") {
@@ -1753,8 +1763,7 @@ export function parseCalcFn(name, tokens, builder, property) {
 }
 export function parseCalcArguments([...args], builder, property) {
   const parsed = [];
-  let mode;
-  for (const [currentIndex, arg] of args.entries()) {
+  for (const arg of args) {
     switch (arg.type) {
       case "env":
         {
@@ -1800,44 +1809,21 @@ export function parseCalcArguments([...args], builder, property) {
             }
             break;
           case "percentage":
-            mode ??= "percentage";
-            if (mode !== "percentage") return;
-            parsed.push(`${arg.value.value * 100}%`);
+            parsed.push(`${round(arg.value.value * 100)}%`);
             break;
           case "number":
             {
-              mode ??= "number";
-              if (mode !== "number") return;
-              parsed.push(arg.value.value);
+              parsed.push(round(arg.value.value));
               break;
             }
           case "parenthesis-block":
             {
-              /**
-               * If we have a parenthesis block, we just treat it as a nested calc function
-               * Because there could be multiple parenthesis blocks, this is recursive
-               */
-              let closeParenthesisIndex = -1;
-              for (let index = args.length - 1; index > 0; index--) {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                const value = args[index];
-                if (value.type === "token" && value.value.type === "close-parenthesis") {
-                  closeParenthesisIndex = index;
-                  break;
-                }
-              }
-              if (closeParenthesisIndex === -1) {
-                return;
-              }
-              const innerCalcArgs = args
-              // Extract the inner calcArgs including the parenthesis. This mutates args
-              .splice(currentIndex, closeParenthesisIndex - currentIndex + 1)
-              // Then drop the surrounding parenthesis
-              .slice(1, -1);
-              parsed.push(parseCalcFn("calc", innerCalcArgs, builder, property));
+              parsed.push("(");
               break;
             }
           case "close-parenthesis":
+            parsed.push(")");
+            break;
           case "string":
           case "function":
           case "ident":
@@ -1950,7 +1936,7 @@ export function addTransitionValue(declaration, builder) {
       }
     case "transition-property":
       {
-        builder.addDescriptor(declaration.property, declaration.value.map(v => v.property).filter(v => v in parsers || v === "all" || v === "none").map(v => toRNProperty(v)));
+        builder.addDescriptor(declaration.property, declaration.value.map(v => v.property).filter(v => v in parsers && !["visibility"].includes(v) || v === "all" || v === "none").map(v => toRNProperty(v)));
         return;
       }
     case "transition-duration":
@@ -2082,6 +2068,27 @@ function parseGradientItem(item, builder) {
       return parseLength(item.value, builder);
   }
 }
+function parseObjectFit(declaration, builder) {
+  builder.addMapping({
+    "object-fit": "contentFit"
+  });
+  builder.addDescriptor("object-fit", parseUnparsed(declaration.value, builder, "object-fit"));
+}
+function parseObjectPosition(declaration, builder) {
+  builder.addMapping({
+    "object-position": "contentPosition"
+  });
+  builder.addDescriptor("object-position", [{}, "join", [parseUnparsed(declaration.value, builder, "object-position"), " "]]);
+}
+function parseVisibility(declaration, builder) {
+  if (declaration.value === "visible") {
+    builder.addDescriptor("opacity", 1);
+  } else if (declaration.value === "hidden") {
+    builder.addDescriptor("opacity", 0);
+  } else {
+    builder.addWarning("value", declaration.value);
+  }
+}
 function parseFilter(declaration, builder) {
   if (declaration.value.type === "none") {
     return "unset";