@mgcrea/react-native-tailwind 0.15.5 → 0.15.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgcrea/react-native-tailwind",
-  "version": "0.15.5",
+  "version": "0.15.6",
   "description": "Compile-time Tailwind CSS for React Native with zero runtime overhead",
   "author": "Olivier Louvignes <olivier@mgcrea.io> (https://github.com/mgcrea)",
   "homepage": "https://github.com/mgcrea/react-native-tailwind#readme",

package/src/parser/sizing.test.ts

@@ -253,6 +253,16 @@ describe("parseSizing - comprehensive coverage", () => {
     expect(parseSizing("w-full")).toEqual({ width: "100%" });
     expect(parseSizing("h-full")).toEqual({ height: "100%" });
   });
+
+  it("should parse px (1 pixel) across all sizing utilities", () => {
+    expect(parseSizing("w-px")).toEqual({ width: 1 });
+    expect(parseSizing("h-px")).toEqual({ height: 1 });
+    expect(parseSizing("size-px")).toEqual({ width: 1, height: 1 });
+    expect(parseSizing("min-w-px")).toEqual({ minWidth: 1 });
+    expect(parseSizing("min-h-px")).toEqual({ minHeight: 1 });
+    expect(parseSizing("max-w-px")).toEqual({ maxWidth: 1 });
+    expect(parseSizing("max-h-px")).toEqual({ maxHeight: 1 });
+  });
 });
 
 describe("parseSizing - custom spacing", () => {

package/src/parser/sizing.ts

@@ -7,6 +7,7 @@ import type { StyleObject } from "../types";
 
 // Size scale (in pixels/percentages)
 export const SIZE_SCALE: Record<string, number> = {
+  px: 1,
   0: 0,
   0.5: 2,
   1: 4,

package/src/parser/spacing.test.ts

@@ -231,6 +231,30 @@ describe("parseSpacing - edge cases", () => {
     expect(parseSpacing("gap-0")).toEqual({ gap: 0 });
   });
 
+  it("should parse px (1 pixel) across all spacing utilities", () => {
+    expect(parseSpacing("m-px")).toEqual({ margin: 1 });
+    expect(parseSpacing("mx-px")).toEqual({ marginHorizontal: 1 });
+    expect(parseSpacing("my-px")).toEqual({ marginVertical: 1 });
+    expect(parseSpacing("mt-px")).toEqual({ marginTop: 1 });
+    expect(parseSpacing("mr-px")).toEqual({ marginRight: 1 });
+    expect(parseSpacing("mb-px")).toEqual({ marginBottom: 1 });
+    expect(parseSpacing("ml-px")).toEqual({ marginLeft: 1 });
+    expect(parseSpacing("ms-px")).toEqual({ marginStart: 1 });
+    expect(parseSpacing("me-px")).toEqual({ marginEnd: 1 });
+    expect(parseSpacing("p-px")).toEqual({ padding: 1 });
+    expect(parseSpacing("px-px")).toEqual({ paddingHorizontal: 1 });
+    expect(parseSpacing("py-px")).toEqual({ paddingVertical: 1 });
+    expect(parseSpacing("pt-px")).toEqual({ paddingTop: 1 });
+    expect(parseSpacing("pr-px")).toEqual({ paddingRight: 1 });
+    expect(parseSpacing("pb-px")).toEqual({ paddingBottom: 1 });
+    expect(parseSpacing("pl-px")).toEqual({ paddingLeft: 1 });
+    expect(parseSpacing("ps-px")).toEqual({ paddingStart: 1 });
+    expect(parseSpacing("pe-px")).toEqual({ paddingEnd: 1 });
+    expect(parseSpacing("gap-px")).toEqual({ gap: 1 });
+    expect(parseSpacing("-m-px")).toEqual({ margin: -1 });
+    expect(parseSpacing("-mt-px")).toEqual({ marginTop: -1 });
+  });
+
   it("should not match partial class names", () => {
     expect(parseSpacing("sm-4")).toBeNull();
     expect(parseSpacing("margin-4")).toBeNull();

package/src/parser/spacing.ts

@@ -6,6 +6,7 @@ import type { StyleObject } from "../types";
 
 // Tailwind spacing scale (in pixels, converted to React Native units)
 export const SPACING_SCALE: Record<string, number> = {
+  px: 1,
   0: 0,
   0.5: 2,
   1: 4,