@stylexjs/babel-plugin 0.14.0 → 0.14.1

package/lib/index.js

@@ -2135,13 +2135,17 @@ const shorthands$1 = {
     const [top, right = top, bottom = top, left = right] = splitValue(rawValue);
     return [['marginTop', top], ['marginInlineEnd', right], ['marginBottom', bottom], ['marginInlineStart', left]];
   },
-  marginHorizontal: rawValue => [...shorthands$1.marginStart(rawValue), ...shorthands$1.marginEnd(rawValue)],
+  marginHorizontal: rawValue => {
+    const [start, end = start] = splitValue(rawValue);
+    return [...shorthands$1.marginStart(start), ...shorthands$1.marginEnd(end)];
+  },
   marginStart: rawValue => [['marginInlineStart', rawValue], ['marginLeft', null], ['marginRight', null]],
   marginEnd: rawValue => [['marginInlineEnd', rawValue], ['marginLeft', null], ['marginRight', null]],
   marginLeft: rawValue => [['marginLeft', rawValue], ['marginInlineStart', null], ['marginInlineEnd', null]],
   marginRight: rawValue => [['marginRight', rawValue], ['marginInlineStart', null], ['marginInlineEnd', null]],
   marginVertical: rawValue => {
-    return [['marginTop', rawValue], ['marginBottom', rawValue]];
+    const [top, bottom = top] = splitValue(rawValue);
+    return [['marginTop', top], ['marginBottom', bottom]];
   },
   overflow: rawValue => {
     const [x, y = x] = splitValue(rawValue);
@@ -2151,12 +2155,18 @@ const shorthands$1 = {
     const [top, right = top, bottom = top, left = right] = splitValue(rawValue);
     return [['paddingTop', top], ['paddingInlineEnd', right], ['paddingBottom', bottom], ['paddingInlineStart', left]];
   },
-  paddingHorizontal: val => [...shorthands$1.paddingStart(val), ...shorthands$1.paddingEnd(val)],
+  paddingHorizontal: val => {
+    const [start, end = start] = splitValue(val);
+    return [...shorthands$1.paddingStart(start), ...shorthands$1.paddingEnd(end)];
+  },
   paddingStart: val => [['paddingInlineStart', val], ['paddingLeft', null], ['paddingRight', null]],
   paddingEnd: val => [['paddingInlineEnd', val], ['paddingLeft', null], ['paddingRight', null]],
   paddingLeft: val => [['paddingLeft', val], ['paddingStart', null], ['paddingEnd', null]],
   paddingRight: val => [['paddingRight', val], ['paddingInlineStart', null], ['paddingInlineEnd', null]],
-  paddingVertical: val => [['paddingTop', val], ['paddingBottom', val]]
+  paddingVertical: val => {
+    const [top, bottom = top] = splitValue(val);
+    return [['paddingTop', top], ['paddingBottom', bottom]];
+  }
 };
 const aliases$1 = {
   insetBlockStart: val => [['top', val]],
@@ -2482,6 +2492,7 @@ const nonStaticValue = fn => `Only static values are allowed inside of a ${fn}()
 const nonStyleObject = fn => `${fn}() can only accept an object.`;
 const nonExportNamedDeclaration = fn => `The return value of ${fn}() must be bound to a named export.`;
 const unboundCallValue = fn => `${fn}() calls must be bound to a bare variable.`;
+const cannotGenerateHash = fn => `Unable to generate hash for ${fn}(). Check that the file has a valid extension and that unstable_moduleResolution is configured.`;
 const DUPLICATE_CONDITIONAL = 'The same pseudo selector or at-rule cannot be used more than once.';
 const ESCAPED_STYLEX_VALUE = 'Escaping a create() value is not allowed.';
 const ILLEGAL_NESTED_PSEUDO = "Pseudo objects can't be nested more than one level deep.";
@@ -2523,6 +2534,7 @@ var m = /*#__PURE__*/Object.freeze({
   POSITION_TRY_INVALID_PROPERTY: POSITION_TRY_INVALID_PROPERTY,
   UNKNOWN_PROP_KEY: UNKNOWN_PROP_KEY,
   VIEW_TRANSITION_CLASS_INVALID_PROPERTY: VIEW_TRANSITION_CLASS_INVALID_PROPERTY,
+  cannotGenerateHash: cannotGenerateHash,
   illegalArgumentLength: illegalArgumentLength,
   nonExportNamedDeclaration: nonExportNamedDeclaration,
   nonStaticValue: nonStaticValue,
@@ -5953,7 +5965,7 @@ function transformStyleXDefineVars(callExpressionPath, state) {
     }
     const fileName = state.fileNameForHashing;
     if (fileName == null) {
-      throw new Error('No filename found for generating defineVars key name.');
+      throw new Error(messages.cannotGenerateHash('defineVars'));
     }
     const exportName = varId.name;
     const [variablesObj, injectedStylesSansKeyframes] = defineVars(value, {
@@ -6016,7 +6028,7 @@ function transformStyleXDefineConsts(callExpressionPath, state) {
     }
     const fileName = state.fileNameForHashing;
     if (fileName == null) {
-      throw new Error('No filename found for generating defineConsts key name.');
+      throw new Error(messages.cannotGenerateHash('defineConsts'));
     }
     const exportName = varId.name;
     const themeName = utils.genFileBasedIdentifier({

package/lib/shared/messages.d.ts

@@ -15,6 +15,7 @@ export declare const nonStaticValue: (fn: string) => string;
 export declare const nonStyleObject: (fn: string) => string;
 export declare const nonExportNamedDeclaration: (fn: string) => string;
 export declare const unboundCallValue: (fn: string) => string;
+export declare const cannotGenerateHash: (fn: string) => string;
 export declare const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
 export declare const ESCAPED_STYLEX_VALUE: 'Escaping a create() value is not allowed.';
 export declare const ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";

package/lib/shared/messages.js.flow

@@ -18,6 +18,7 @@ declare export const nonStaticValue: (fn: string) => string;
 declare export const nonStyleObject: (fn: string) => string;
 declare export const nonExportNamedDeclaration: (fn: string) => string;
 declare export const unboundCallValue: (fn: string) => string;
+declare export const cannotGenerateHash: (fn: string) => string;
 
 declare export const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
 declare export const ESCAPED_STYLEX_VALUE: 'Escaping a create() value is not allowed.';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": {
@@ -21,7 +21,7 @@
     "@babel/traverse": "^7.26.8",
     "@babel/types": "^7.26.8",
     "@dual-bundle/import-meta-resolve": "^4.1.0",
-    "@stylexjs/stylex": "0.14.0",
+    "@stylexjs/stylex": "0.14.1",
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
@@ -33,7 +33,7 @@
     "@rollup/plugin-replace": "^6.0.1",
     "babel-plugin-syntax-hermes-parser": "^0.26.0",
     "rollup": "^4.24.0",
-    "scripts": "0.14.0"
+    "scripts": "0.14.1"
   },
   "files": [
     "flow_modules/*",