How can I make this dynamic value

[tienlx97]

Hello everyone, this is compile stylex code:

const j = {
  marginInlineEnd: function(a) {
      return [{
          marginEnd: "x13ycrhd",
          $$css: !0
      }, {
          "--marginInlineEnd": function(a) {
              return typeof a === "number" ? a + "px" : a != null ? a : "initial"
          }(a + "ch")
      }]
  }
};

How can I decompile it, this is my code ut I don't know it right or wrong:

import stylex from "@stylex/...";

const styles = stylex.create({
  marginInlineEnd: (size) => ({
    // eslint-disable-next-line @stylexjs/valid-styles
    "--marginInlineEnd":
      typeof size === "number" ? size + "px" : size ? size : "initial",
    marginLeft: "var(--marginInlineEnd,revert)",
  }),
});

[nonzzz]

How are you apply the css? AFAIK the compile result is right

[nmn]

Just write the following code:

import stylex from "@stylex/...";

const styles = stylex.create({
  marginInlineEnd: (size: number) => ({
    marginInlineEnd: size,
  }),
});

This will compile to the code equivalent to what you have above and it will work as expected.