react-native-css 3.0.0-preview.2 → 3.0.0-preview.4

package/dist/module/compiler/compiler.js

@@ -3,11 +3,12 @@
 /* eslint-disable */
 import { inspect } from "node:util";
 import { debug } from "debug";
-import { transform as lightningcss } from "lightningcss";
 import { maybeMutateReactNativeOptions, parsePropAtRule } from "./atRules.js";
 import { parseContainerCondition } from "./container-query.js";
-import { parseDeclaration } from "./declarations.js";
+import { parseDeclaration, round } from "./declarations.js";
+import { inlineVariables } from "./inline-variables.js";
 import { extractKeyFrames } from "./keyframes.js";
+import { lightningcssLoader } from "./lightningcss-loader.js";
 import { parseMediaQuery } from "./media-query.js";
 import { StylesheetBuilder } from "./stylesheet.js";
 import { supportsConditionValid } from "./supports.js";
@@ -36,7 +37,76 @@ export function compile(code, options = {}) {
     }
   }
   const builder = new StylesheetBuilder(options);
-  logger(`Start lightningcss`);
+  const {
+    lightningcss,
+    Features
+  } = lightningcssLoader();
+  logger(`Lightningcss first pass`);
+
+  /**
+   * Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
+   *
+   * devongovett on Aug 20, 2023
+   * > calc simplification happens during the initial parse phase, which is before custom visitors run. Currently there is not an additional simplification pass done after transforms, resulting in the output you see here.
+   * https://github.com/parcel-bundler/lightningcss/issues/554#issuecomment-1685143494
+   *
+   * Due to the above issue, we run lightningcss twice
+   */
+
+  const vars = new Map();
+  const firstPassVisitor = {};
+  if (options.inlineRem !== false) {
+    firstPassVisitor.Length = length => {
+      if (length.unit !== "rem" || options.inlineRem === false) {
+        return length;
+      }
+      return {
+        unit: "px",
+        value: round(length.value * (options.inlineRem ?? 14))
+      };
+    };
+  }
+  if (options.inlineVariables !== false) {
+    const exclusionList = options.inlineVariables?.exclude ?? [];
+    firstPassVisitor.Declaration = decl => {
+      if (decl.property === "custom" && decl.value.name.startsWith("--") && !exclusionList.includes(decl.value.name)) {
+        const entry = vars.get(decl.value.name) ?? {
+          count: 0,
+          value: [...decl.value.value, {
+            type: "token",
+            value: {
+              type: "white-space",
+              value: " "
+            }
+          }]
+        };
+        entry.count++;
+        vars.set(decl.value.name, entry);
+      }
+    };
+    firstPassVisitor.StyleSheetExit = sheet => {
+      return inlineVariables(sheet, vars);
+    };
+  }
+  const {
+    code: firstPass
+  } = lightningcss({
+    code: typeof code === "string" ? new TextEncoder().encode(code) : code,
+    include: Features.DoublePositionGradients | Features.ColorFunction,
+    exclude: Features.VendorPrefixes,
+    visitor: firstPassVisitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd()
+  });
+  if (isLoggerEnabled) {
+    const MAX_LOG_SIZE = 100 * 1024; // 100KB
+    if (firstPass.length <= MAX_LOG_SIZE) {
+      logger(firstPass.toString());
+    } else {
+      logger(`firstPass buffer too large to log in full (${firstPass.length} bytes). Preview: ` + firstPass.subarray(0, 1024).toString() + "...");
+    }
+  }
+  logger(`Lightningcss second pass`);
   const customAtRules = {
     "react-native": {
       body: "declaration-list"
@@ -45,6 +115,7 @@ export function compile(code, options = {}) {
   const visitor = {
     Rule(rule) {
       maybeMutateReactNativeOptions(rule, builder);
+      return rule;
     },
     StyleSheetExit(sheet) {
       if (isLoggerEnabled) {
@@ -61,31 +132,11 @@ export function compile(code, options = {}) {
         // We have processed this rule, so now delete it from the AST
       }
       logger(`Exiting lightningcss`);
+      return sheet;
     }
   };
-  if (options.stripUnusedVariables) {
-    const onVarUsage = token => {
-      if (token.type === "function") {
-        token.value.arguments.forEach(token => onVarUsage(token));
-      } else if (token.type === "var") {
-        builder.varUsage.add(token.value.name.ident);
-        if (token.value.fallback) {
-          const fallbackValues = token.value.fallback;
-          fallbackValues.forEach(varObj => onVarUsage(varObj));
-        }
-      }
-    };
-    visitor.Declaration = decl => {
-      if (decl.property === "unparsed" || decl.property === "custom") {
-        decl.value.value.forEach(token => onVarUsage(token));
-      }
-      return decl;
-    };
-  }
-
-  // Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
   lightningcss({
-    code: typeof code === "string" ? new TextEncoder().encode(code) : code,
+    code: firstPass,
     visitor,
     filename: options.filename ?? "style.css",
     projectRoot: options.projectRoot ?? process.cwd()
@@ -99,7 +150,7 @@ export function compile(code, options = {}) {
 /**
  * Extracts style declarations and animations from a given CSS rule, based on its type.
  */
-function extractRule(rule, builder) {
+function extractRule(rule, builder, mapping = {}) {
   // Check the rule's type to determine which extraction function to call
   switch (rule.type) {
     case "keyframes":
@@ -111,13 +162,13 @@ function extractRule(rule, builder) {
     case "container":
       {
         // If the rule is a container, extract it with the `extractedContainer` function
-        extractContainer(rule.value, builder);
+        extractContainer(rule.value, builder, mapping);
         break;
       }
     case "media":
       {
         // If the rule is a media query, extract it with the `extractMedia` function
-        extractMedia(rule.value, builder);
+        extractMedia(rule.value, builder, mapping);
         break;
       }
     case "nested-declarations":
@@ -126,7 +177,9 @@ function extractRule(rule, builder) {
         const declarationBlock = value.declarations;
         if (declarationBlock) {
           if (declarationBlock.declarations?.length) {
-            builder.newNestedRule();
+            builder.newNestedRule({
+              mapping
+            });
             for (const declaration of declarationBlock.declarations) {
               parseDeclaration(declaration, builder);
             }
@@ -134,6 +187,7 @@ function extractRule(rule, builder) {
           }
           if (declarationBlock.importantDeclarations?.length) {
             builder.newNestedRule({
+              mapping,
               important: true
             });
             for (const declaration of declarationBlock.importantDeclarations) {
@@ -148,19 +202,22 @@ function extractRule(rule, builder) {
       {
         const value = rule.value;
         const declarationBlock = value.declarations;
-        const mapping = parsePropAtRule(value.rules);
+        mapping = {
+          ...mapping,
+          ...parsePropAtRule(value.rules)
+        };
 
         // If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
         builder = builder.fork("style", value.selectors);
         if (declarationBlock) {
-          if (declarationBlock.declarations) {
+          if (declarationBlock.declarations?.length) {
             builder.newRule(mapping);
             for (const declaration of declarationBlock.declarations) {
               parseDeclaration(declaration, builder);
             }
             builder.applyRuleToSelectors();
           }
-          if (declarationBlock.importantDeclarations) {
+          if (declarationBlock.importantDeclarations?.length) {
             builder.newRule(mapping, {
               important: true
             });
@@ -172,20 +229,20 @@ function extractRule(rule, builder) {
         }
         if (value.rules) {
           for (const nestedRule of value.rules) {
-            extractRule(nestedRule, builder);
+            extractRule(nestedRule, builder, mapping);
           }
         }
         break;
       }
     case "layer-block":
       for (const layerRule of rule.value.rules) {
-        extractRule(layerRule, builder);
+        extractRule(layerRule, builder, mapping);
       }
       break;
     case "supports":
       if (supportsConditionValid(rule.value.condition)) {
         for (const layerRule of rule.value.rules) {
-          extractRule(layerRule, builder);
+          extractRule(layerRule, builder, mapping);
         }
       }
       break;
@@ -222,7 +279,7 @@ function extractRule(rule, builder) {
  *
  * @returns undefined if no screen media queries are found in the mediaRule, else it returns the extracted styles.
  */
-function extractMedia(mediaRule, builder) {
+function extractMedia(mediaRule, builder, mapping) {
   builder = builder.fork("media");
 
   // Initialize an empty array to store screen media queries
@@ -249,7 +306,7 @@ function extractMedia(mediaRule, builder) {
 
   // Iterate over all rules in the mediaRule and extract their styles using the updated CompilerCollection
   for (const rule of mediaRule.rules) {
-    extractRule(rule, builder);
+    extractRule(rule, builder, mapping);
   }
 }
 
@@ -258,7 +315,7 @@ function extractMedia(mediaRule, builder) {
  * @param collection - The CompilerCollection object to use when extracting styles.
  * @param parseOptions - The CssToReactNativeRuntimeOptions object to use when parsing styles.
  */
-function extractContainer(containerRule, builder) {
+function extractContainer(containerRule, builder, mapping) {
   builder = builder.fork("container");
 
   // Iterate over all rules inside the containerRule and extract their styles using the updated CompilerCollection
@@ -270,7 +327,7 @@ function extractContainer(containerRule, builder) {
   }
   builder.addContainerQuery(query);
   for (const rule of containerRule.rules) {
-    extractRule(rule, builder);
+    extractRule(rule, builder, mapping);
   }
 }
 //# sourceMappingURL=compiler.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["inspect","debug","maybeMutateReactNativeOptions","parsePropAtRule","parseContainerCondition","parseDeclaration","round","inlineVariables","extractKeyFrames","lightningcssLoader","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","lightningcss","Features","vars","Map","firstPassVisitor","inlineRem","Length","length","unit","value","exclusionList","exclude","Declaration","decl","property","name","includes","entry","get","count","type","set","StyleSheetExit","sheet","firstPass","TextEncoder","encode","include","DoublePositionGradients","ColorFunction","VendorPrefixes","visitor","filename","projectRoot","cwd","MAX_LOG_SIZE","subarray","customAtRules","body","Rule","rule","rules","depth","colors","compact","extractRule","stylesheet","getNativeStyleSheet","warnings","getWarnings","mapping","extractContainer","extractMedia","declarationBlock","declarations","newNestedRule","declaration","applyRuleToSelectors","importantDeclarations","important","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

@@ -2,7 +2,7 @@
 
 /* eslint-disable */
 
-import { VAR_SYMBOL } from "../runtime/native/reactivity.js";
+import { VAR_SYMBOL } from "../native/reactivity.js";
 
 /**
  * A `react-native-css` StyleSheet

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;;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":[]}
+{"version":3,"names":["VAR_SYMBOL"],"sourceRoot":"../../../src","sources":["compiler/compiler.types.ts"],"mappings":";;AAAA;;AAOA,SAASA,UAAU,QAAQ,yBAAsB;;AAmBjD;AACA;AACA;;AAgBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwFA;;AAqBA;;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

@@ -3,6 +3,7 @@
 // cSpell:ignore rcap,vmin,svmin,lvmin,dvmin,cqmin,vmax,svmax,lvmax,dvmax,cqmax,currentcolor,oklab,oklch,prophoto,squircle,oldstyle,nums
 
 import Color from "colorjs.io";
+import { isStyleFunction } from "../utilities/index.js";
 import { parseEasingFunction, parseIterationCount } from "./keyframes.js";
 import { toRNProperty } from "./selectors.js";
 const CommaSeparator = Symbol("CommaSeparator");
@@ -264,23 +265,25 @@ function parseBorderRadius({
   });
 }
 function parseBorderColor(declaration, builder) {
-  switch (declaration.property) {
-    case "border-color":
-      builder.addShorthand("border-color", {
-        "border-top-color": parseColor(declaration.value.top, builder),
-        "border-bottom-color": parseColor(declaration.value.bottom, builder),
-        "border-left-color": parseColor(declaration.value.left, builder),
-        "border-right-color": parseColor(declaration.value.right, builder)
-      });
-      break;
-    case "border-block-color":
-      builder.addDescriptor("border-top-color", parseColor(declaration.value.start, builder));
-      builder.addDescriptor("border-bottom-color", parseColor(declaration.value.end, builder));
-      break;
-    case "border-inline-color":
-      builder.addDescriptor("border-left-color", parseColor(declaration.value.start, builder));
-      builder.addDescriptor("border-right-color", parseColor(declaration.value.end, builder));
-      break;
+  if (declaration.property === "border-color") {
+    builder.addShorthand("border-color", {
+      "border-top-color": parseColor(declaration.value.top, builder),
+      "border-bottom-color": parseColor(declaration.value.bottom, builder),
+      "border-left-color": parseColor(declaration.value.left, builder),
+      "border-right-color": parseColor(declaration.value.right, builder)
+    });
+  } else {
+    const start = parseColor(declaration.value.start, builder);
+    const end = parseColor(declaration.value.end, builder);
+    if (start === end) {
+      builder.addDescriptor(declaration.property, start);
+    } else if (declaration.property === "border-block-color") {
+      builder.addDescriptor("border-top-color", start);
+      builder.addDescriptor("border-bottom-color", end);
+    } else {
+      builder.addDescriptor("border-left-color", start);
+      builder.addDescriptor("border-right-color", end);
+    }
   }
 }
 function parseBorderWidth({
@@ -535,11 +538,7 @@ function parseLetterSpacing({
   if (value.type === "normal") {
     return;
   }
-  const descriptor = parseLength(value.value, builder);
-  if (Array.isArray(descriptor) && descriptor[1] === "em" && typeof descriptor[2] === "number") {
-    return descriptor[2];
-  }
-  return descriptor;
+  return parseLength(value.value, builder);
 }
 function parseTextDecoration({
   value
@@ -607,7 +606,9 @@ export function parseUnparsedDeclaration(declaration, builder) {
       builder.addDescriptor("--__rn-css-em", value);
     }
     if (property === "color") {
-      builder.addDescriptor("--__rn-css-current-color", value);
+      if (!isStyleFunction(value) || value[1] !== "var" || value[2] !== "-css-color") {
+        builder.addDescriptor("--__rn-css-color", value);
+      }
     }
   }
 }
@@ -700,7 +701,7 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
     } else if (tokenOrValue === "false") {
       return false;
     } else if (tokenOrValue === "currentcolor") {
-      return [{}, "var", "__rn-css-current-color"];
+      return [{}, "var", "__rn-css-color"];
     } else {
       return tokenOrValue;
     }
@@ -711,8 +712,13 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
   if (Array.isArray(tokenOrValue)) {
     const args = reduceParseUnparsed(tokenOrValue, builder, property, allowAuto);
     if (!args) return;
-    if (Array.isArray(args) && args.length === 1) return args[0];
-    return args;
+    if (Array.isArray(args) && args.length === 1) {
+      return args[0];
+    } else if ((property === "filter" || property === "transform") && isStyleFunction(args)) {
+      return [args];
+    } else {
+      return args;
+    }
   }
   switch (tokenOrValue.type) {
     case "unresolved-color":
@@ -801,7 +807,7 @@ export function parseUnparsed(tokenOrValue, builder, property, allowAuto = allow
               builder.addWarning("value", value);
               return;
             } else if (value === "currentcolor") {
-              return [{}, "var", "__rn-css-current-color"];
+              return [{}, "var", "__rn-css-color"];
             }
             if (value === "true") {
               return true;
@@ -896,9 +902,9 @@ export function parseLength(length, builder) {
       case "px":
         {
           if (length.value === Infinity) {
-            return 9999;
+            return Number.MAX_SAFE_INTEGER;
           } else if (length.value === -Infinity) {
-            return -9999;
+            return Number.MIN_SAFE_INTEGER;
           } else {
             // Normalize large values to safe integers, e.g. `calc(infinity * 1px)`
             const value = Math.max(Math.min(length.value, Number.MAX_SAFE_INTEGER), Number.MIN_SAFE_INTEGER);
@@ -1074,7 +1080,9 @@ export function parseColorOrAutoDeclaration({
 }
 export function parseFontColorDeclaration(declaration, builder) {
   parseColorDeclaration(declaration, builder);
-  builder.addDescriptor("--__rn-css-color", parseColor(declaration.value, builder));
+  if (typeof declaration.value !== "object" || declaration.value.type !== "currentcolor") {
+    builder.addDescriptor("--__rn-css-color", parseColor(declaration.value, builder));
+  }
 }
 export function parseColorDeclaration(declaration, builder) {
   builder.addDescriptor(declaration.property, parseColor(declaration.value, builder));
@@ -1093,7 +1101,7 @@ export function parseColor(cssColor, builder) {
   } = builder.getOptions();
   switch (cssColor.type) {
     case "currentcolor":
-      return [{}, "var", "__rn-css-current-color"];
+      return [{}, "var", "__rn-css-color"];
     case "light-dark":
       {
         const extraRule = {
@@ -1363,7 +1371,7 @@ export function parseFontWeight(fontWeight, builder) {
   switch (fontWeight.type) {
     case "absolute":
       if (fontWeight.value.type === "weight") {
-        return fontWeight.value.value.toString();
+        return fontWeight.value.value;
       } else {
         return fontWeight.value.type;
       }
@@ -1384,8 +1392,8 @@ export function parseTextShadow(declaration, builder) {
     return;
   }
   builder.addDescriptor("textShadowColor", parseColor(textShadow.color, builder));
-  builder.addDescriptor("textShadowOffset.width", parseLength(textShadow.xOffset, builder));
-  builder.addDescriptor("textShadowOffset.height", parseLength(textShadow.yOffset, builder));
+  builder.addDescriptor("&.textShadowOffset.width", parseLength(textShadow.xOffset, builder));
+  builder.addDescriptor("&.textShadowOffset.height", parseLength(textShadow.yOffset, builder));
   builder.addDescriptor("textShadowRadius", parseLength(textShadow.blur, builder));
 }
 export function parseTextDecorationStyle(declaration, builder) {
@@ -1593,16 +1601,20 @@ export function parseLengthOrCoercePercentageToRuntime(value, builder) {
 }
 export function parseGap(declaration, builder) {
   if ("column" in declaration.value) {
-    builder.addDescriptor("row-gap", parseGapValue(declaration.value.row, builder));
-    builder.addDescriptor("column-gap", parseGapValue(declaration.value.column, builder));
-    return;
-  } else {
-    if (declaration.value.type === "normal") {
-      builder.addWarning("value", declaration.value.type);
-      return;
+    const row = parseGapValue(declaration.value.row, builder);
+    const column = parseGapValue(declaration.value.column, builder);
+    if (row !== column) {
+      builder.addDescriptor("row-gap", row);
+      builder.addDescriptor("column-gap", column);
+    } else {
+      builder.addDescriptor("gap", row);
     }
+  } else if (declaration.value.type === "normal") {
+    builder.addWarning("value", declaration.value.type);
+  } else {
     return parseLength(declaration.value.value, builder);
   }
+  return;
 }
 function parseGapValue(value, builder) {
   if (value.type === "normal") {
@@ -1625,12 +1637,12 @@ export function parseBoxShadow({
   value
 }, builder) {
   for (const [index, shadow] of value.entries()) {
-    builder.addDescriptor(`boxShadow.[${index}].color`, parseColor(shadow.color, builder));
-    builder.addDescriptor(`boxShadow.[${index}].offsetX`, parseLength(shadow.xOffset, builder));
-    builder.addDescriptor(`boxShadow.[${index}].offsetY`, parseLength(shadow.yOffset, builder));
-    builder.addDescriptor(`boxShadow.[${index}].blurRadius`, parseLength(shadow.blur, builder));
-    builder.addDescriptor(`boxShadow.[${index}].spreadDistance`, parseLength(shadow.spread, builder));
-    builder.addDescriptor(`boxShadow.[${index}].inset`, shadow.inset ? true : undefined);
+    builder.addDescriptor(`&.boxShadow.[${index}].color`, parseColor(shadow.color, builder));
+    builder.addDescriptor(`&.boxShadow.[${index}].offsetX`, parseLength(shadow.xOffset, builder));
+    builder.addDescriptor(`&.boxShadow.[${index}].offsetY`, parseLength(shadow.yOffset, builder));
+    builder.addDescriptor(`&.boxShadow.[${index}].blurRadius`, parseLength(shadow.blur, builder));
+    builder.addDescriptor(`&.boxShadow.[${index}].spreadDistance`, parseLength(shadow.spread, builder));
+    builder.addDescriptor(`&.boxShadow.[${index}].inset`, shadow.inset ? true : undefined);
   }
 }
 export function parseBoxSizing(declaration, builder) {
@@ -1798,7 +1810,10 @@ export function parseEnv(value, builder) {
         case "safe-area-inset-right":
         case "safe-area-inset-bottom":
         case "safe-area-inset-left":
-          return [{}, "var", [`--react-native-css-${value.name.value}`, parseUnparsed(value.fallback, builder, value.name.value)], 1];
+          {
+            const fallback = parseUnparsed(value.fallback, builder, value.name.value);
+            return fallback ? [{}, "var", [`react-native-css-${value.name.value}`, fallback], 1] : [{}, "var", [`react-native-css-${value.name.value}`], 1];
+          }
         case "viewport-segment-width":
         case "viewport-segment-height":
         case "viewport-segment-top":
@@ -1965,7 +1980,7 @@ export function equal(a, b) {
   return false;
 }
 export function parseTime(time) {
-  return time.type === "milliseconds" ? time.value : time.value * 1000;
+  return round(time.type === "milliseconds" ? time.value : time.value * 1000);
 }
 export function parseSize2DDimensionPercentageDeclaration(declaration, builder) {
   return parseSize2DDimensionPercentage(declaration.value, builder);
@@ -2128,13 +2143,13 @@ function parseGradientItem(item, builder) {
 }
 function parseObjectFit(declaration, builder) {
   builder.addMapping({
-    "object-fit": "contentFit"
+    "object-fit": ["contentFit"]
   });
   builder.addDescriptor("object-fit", parseUnparsed(declaration.value, builder, "object-fit"));
 }
 function parseObjectPosition(declaration, builder) {
   builder.addMapping({
-    "object-position": "contentPosition"
+    "object-position": ["contentPosition"]
   });
   builder.addDescriptor("object-position", [{}, "join", [parseUnparsed(declaration.value, builder, "object-position"), " "]]);
 }