px and py utilities not working

[chiroro-jr]

I cannot apply padding on an px and py utilities on any elements. I have to use their longer variants pr, pb, pt, and pl for paddings to be applied. I tested the equivalent utilities for margins - mx and my - those seem to be working.

The p-* utility is also not working for applying paddings uniformly.

I didn't want to open an issue in case I am the one doing something wrong.

Am I doing something wrong. Below is an example of what I mean:

import { cn } from "@/lib/cn";
import { TextInput as RNTextInput, type TextInputProps } from "react-native";

export function TextInput({
  className,
  ...props
}: TextInputProps & React.RefAttributes<RNTextInput>) {
  return (
    <RNTextInput
      className={cn(
        "flex h-10 w-full min-w-0 flex-row items-center rounded-md border border-input bg-background pt-1 pr-3 pb-1 pl-3 text-base text-foreground leading-5 shadow-xs sm:h-9 dark:bg-input/30",
        props.editable === false &&
          "opacity-50 web:disabled:pointer-events-none web:disabled:cursor-not-allowed",
        "web:outline-none web:transition-[color,box-shadow] web:selection:bg-primary web:selection:text-primary-foreground android:placeholder:text-muted-foreground/50 ios:placeholder:text-muted-foreground/50 web:placeholder:text-muted-foreground web:focus-visible:border-ring web:focus-visible:ring-[3px] web:focus-visible:ring-ring/50 web:aria-invalid:border-destructive web:aria-invalid:ring-destructive/20 web:md:text-sm dark:web:aria-invalid:ring-destructive/40",
        className
      )}
      {...props}
    />
  );
}

[Brentlok]

Hi! In CSS, the px-* utilities map to padding-inline: *. While React Native theoretically supports paddingInline, it appears to be unreliable on certain components and platforms. To ensure broader compatibility, we’re converting these to paddingHorizontal instead.

This change has already been implemented on the main branch:

https://github.com/Unistyles-OSS/uniwind/blob/2a46b6cb1e7e49a44fdb25d3edae0218ebf7e689/packages/uniwind/src/metro/processor/rn.ts#L210

[chiroro-jr]

Oh thank you. So they'll be working on the next release?

[jpudysz]

Yes! Should be ready today

[jpudysz]

@chiroro-jr Released!

[chiroro-jr]

Wow. Thank you.

Uniwind has been really great. I have used Unistyles and well I guess that's expected.