onejs-react 0.1.14 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onejs-react",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "React 19 renderer for OneJS (Unity UI Toolkit)",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/__tests__/style-parser.test.ts

@@ -271,9 +271,9 @@ describe("style-parser", () => {
             expect(result.value).toBe(8)
         })
 
-        it("parses borderWidth", () => {
-            const result = parseStyleValue("borderWidth", 1) as MockLength
-            expect(result.value).toBe(1)
+        it("parses borderWidth as plain number (StyleFloat)", () => {
+            const result = parseStyleValue("borderWidth", 1)
+            expect(result).toBe(1)
         })
 
         it("parses fontSize", () => {

package/src/style-parser.ts

@@ -89,10 +89,9 @@ const LENGTH_PROPERTIES = new Set([
     "margin", "marginTop", "marginRight", "marginBottom", "marginLeft",
     "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft",
     "flexBasis",
-    "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth",
     "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius",
     "fontSize",
-    "letterSpacing", "wordSpacing", "unityTextOutlineWidth", "unityParagraphSpacing",
+    "letterSpacing", "wordSpacing", "unityParagraphSpacing",
 ])
 
 // Style properties that expect color values
@@ -106,6 +105,8 @@ const COLOR_PROPERTIES = new Set([
 const NUMBER_PROPERTIES = new Set([
     "flexGrow", "flexShrink", "opacity",
     "unitySliceTop", "unitySliceRight", "unitySliceBottom", "unitySliceLeft", "unitySliceScale",
+    "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth",
+    "unityTextOutlineWidth",
 ])
 
 // Enum property mappings: React style value -> Unity enum value

package/src/types.ts

@@ -108,12 +108,12 @@ export interface ViewStyle {
   borderBottomColor?: StyleColor;
   borderLeftColor?: StyleColor;
 
-  /** Border width for all sides. Examples: 1, "1px" */
-  borderWidth?: StyleLength;
-  borderTopWidth?: StyleLength;
-  borderRightWidth?: StyleLength;
-  borderBottomWidth?: StyleLength;
-  borderLeftWidth?: StyleLength;
+  /** Border width for all sides (StyleFloat). Examples: 1, 2 */
+  borderWidth?: number;
+  borderTopWidth?: number;
+  borderRightWidth?: number;
+  borderBottomWidth?: number;
+  borderLeftWidth?: number;
 
   /** Border radius for all corners. Examples: 8, "8px", "50%" */
   borderRadius?: StyleLength;
@@ -152,8 +152,8 @@ export interface ViewStyle {
   unityParagraphSpacing?: StyleLength;
   /** Text outline color */
   unityTextOutlineColor?: StyleColor;
-  /** Text outline width */
-  unityTextOutlineWidth?: StyleLength;
+  /** Text outline width (StyleFloat) */
+  unityTextOutlineWidth?: number;
   /** How overflowing text is handled */
   textOverflow?: 'clip' | 'ellipsis';
   /** Position of text overflow indicator */