@stylexjs/babel-plugin 0.14.3 → 0.15.1

package/lib/shared/common-types.d.ts

@@ -46,6 +46,7 @@ export type StyleXOptions = Readonly<{
   enableDebugDataProp?: null | undefined | boolean;
   enableDevClassNames?: null | undefined | boolean;
   enableFontSizePxToRem?: null | undefined | boolean;
+  enableMediaQueryOrder?: null | undefined | boolean;
   enableLegacyValueFlipping?: null | undefined | boolean;
   enableLogicalStylesPolyfill?: null | undefined | boolean;
   enableMinifiedKeys?: null | undefined | boolean;

package/lib/shared/common-types.js.flow

@@ -52,6 +52,7 @@ export type StyleXOptions = $ReadOnly<{
   enableDebugDataProp?: ?boolean,
   enableDevClassNames?: ?boolean,
   enableFontSizePxToRem?: ?boolean,
+  enableMediaQueryOrder?: ?boolean,
   enableLegacyValueFlipping?: ?boolean,
   enableLogicalStylesPolyfill?: ?boolean,
   enableMinifiedKeys?: ?boolean,

package/lib/shared/messages.d.ts

@@ -25,6 +25,7 @@ export declare const ILLEGAL_NAMESPACE_VALUE: 'A StyleX namespace must be an obj
 export declare const INVALID_CONST_KEY: 'Keys in defineConsts() cannot start with "--".';
 export declare const INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
 export declare const INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+export declare const INVALID_MEDIA_QUERY_SYNTAX: 'Invalid media query syntax.';
 export declare const LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
 export declare const LOCAL_ONLY: 'The return value of create() should not be exported.';
 export declare const NON_OBJECT_KEYFRAME: 'Every frame within a keyframes() call must be an object.';

package/lib/shared/messages.js.flow

@@ -29,6 +29,7 @@ declare export const ILLEGAL_NAMESPACE_VALUE: 'A StyleX namespace must be an obj
 declare export const INVALID_CONST_KEY: 'Keys in defineConsts() cannot start with "--".';
 declare export const INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
 declare export const INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+declare export const INVALID_MEDIA_QUERY_SYNTAX: 'Invalid media query syntax.';
 declare export const LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
 declare export const LOCAL_ONLY: 'The return value of create() should not be exported.';
 declare export const NON_OBJECT_KEYFRAME: 'Every frame within a keyframes() call must be an object.';

package/lib/shared/types/index.js.flow

@@ -65,7 +65,7 @@ export interface CSSType<+_T: string | number = string | number> {
 
 declare export const isCSSType: (
   value: mixed,
-) => implies value is CSSType<string | number>;
+) => value is CSSType<string | number>;
 
 type AngleValue = string;
 declare export class Angle<+T: AngleValue>

package/lib/shared/utils/object-utils.js.flow

@@ -14,7 +14,7 @@ import type { CompiledStyles } from '../common-types';
 // eslint-disable-next-line no-unused-vars
 type AnyObject = { +[string]: mixed };
 
-declare export function isPlainObject(obj: mixed): implies obj is AnyObject;
+declare export function isPlainObject(obj: mixed): obj is AnyObject;
 
 declare export function flattenObject(obj: CompiledStyles): {
   +[string]: null | string,

package/lib/utils/ast-helpers.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+import type { ImportOptions } from '@babel/helper-module-imports';
+import type { NodePath } from '@babel/traverse';
+type ImportAdditionOptions = Omit<
+  Partial<ImportOptions>,
+  'ensureLiveReference' | 'ensureNoContext'
+>;
+import * as t from '@babel/types';
+export declare function hoistExpression(
+  path: NodePath,
+  astExpression: t.Expression,
+): t.Expression;
+export declare function pathReplaceHoisted(
+  path: NodePath,
+  astExpression: t.Expression,
+): void;
+export declare function addNamedImport(
+  statementPath: NodePath,
+  as: string,
+  from: string,
+  options: ImportAdditionOptions,
+): t.Identifier;
+export declare function addDefaultImport(
+  statementPath: NodePath,
+  from: string,
+  options: ImportAdditionOptions,
+): t.Identifier;
+export declare function isProgramLevel(path: NodePath): boolean;
+export declare function getProgramStatement(path: NodePath): NodePath;

package/lib/utils/ast-helpers.js.flow

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+import type { ImportOptions } from '../../flow_modules/@babel/helper-module-imports';
+import type { NodePath } from '../../flow_modules/@babel/traverse';
+type ImportAdditionOptions = Omit<
+  Partial<ImportOptions>,
+  'ensureLiveReference' | 'ensureNoContext',
+>;
+
+import * as t from '../../flow_modules/@babel/types';
+
+declare export function hoistExpression(
+  path: NodePath<>,
+  astExpression: t.Expression,
+): t.Expression;
+
+declare export function pathReplaceHoisted(
+  path: NodePath<>,
+  astExpression: t.Expression,
+): void;
+
+declare export function addNamedImport(
+  statementPath: NodePath<>,
+  as: string,
+  from: string,
+  options: ImportAdditionOptions,
+): t.Identifier;
+
+declare export function addDefaultImport(
+  statementPath: NodePath<>,
+  from: string,
+  options: ImportAdditionOptions,
+): t.Identifier;
+
+declare export function isProgramLevel(path: NodePath<>): boolean;
+
+declare export function getProgramStatement(path: NodePath<>): NodePath<>;

package/lib/utils/state-manager.d.ts

@@ -13,12 +13,7 @@ import type {
   CompiledNamespaces,
   StyleXOptions as RuntimeOptions,
 } from '../shared';
-import type { ImportOptions } from '@babel/helper-module-imports';
 import * as t from '@babel/types';
-type ImportAdditionOptions = Omit<
-  Partial<ImportOptions>,
-  'ensureLiveReference' | 'ensureNoContext'
->;
 export type ImportPathResolution =
   | false
   | ['themeNameRef' | 'filePath', string];
@@ -46,6 +41,7 @@ export type StyleXOptions = Readonly<
       enableDebugDataProp?: boolean;
       enableDevClassNames?: boolean;
       enableInlinedConditionalMerge?: boolean;
+      enableMediaQueryOrder?: boolean;
       enableLegacyValueFlipping?: boolean;
       enableLogicalStylesPolyfill?: boolean;
       enableMinifiedKeys?: boolean;
@@ -69,6 +65,7 @@ export type StyleXOptions = Readonly<
     enableDebugDataProp?: boolean;
     enableDevClassNames?: boolean;
     enableInlinedConditionalMerge?: boolean;
+    enableMediaQueryOrder?: boolean;
     enableLegacyValueFlipping?: boolean;
     enableLogicalStylesPolyfill?: boolean;
     enableMinifiedKeys?: boolean;
@@ -143,17 +140,6 @@ declare class StateManager {
     | null
     | undefined
     | Readonly<{ from: string; as?: null | undefined | string }>;
-  addNamedImport(
-    statementPath: NodePath,
-    as: string,
-    from: string,
-    options: ImportAdditionOptions,
-  ): t.Identifier;
-  addDefaultImport(
-    statementPath: NodePath,
-    from: string,
-    options: ImportAdditionOptions,
-  ): t.Identifier;
   get opts(): StyleXStateOptions;
   get isDebug(): boolean;
   get isDev(): boolean;

package/lib/utils/state-manager.js.flow

@@ -13,14 +13,7 @@ import type {
   CompiledNamespaces,
   StyleXOptions as RuntimeOptions,
 } from '../shared';
-import type { ImportOptions } from '../../flow_modules/@babel/helper-module-imports';
-
 import * as t from '../../flow_modules/@babel/types';
-type ImportAdditionOptions = Omit<
-  Partial<ImportOptions>,
-  'ensureLiveReference' | 'ensureNoContext',
->;
-
 export type ImportPathResolution =
   | false
   | ['themeNameRef' | 'filePath', string];
@@ -48,6 +41,7 @@ export type StyleXOptions = $ReadOnly<{
   enableDebugDataProp?: boolean,
   enableDevClassNames?: boolean,
   enableInlinedConditionalMerge?: boolean,
+  enableMediaQueryOrder?: boolean,
   enableLegacyValueFlipping?: boolean,
   enableLogicalStylesPolyfill?: boolean,
   enableMinifiedKeys?: boolean,
@@ -99,17 +93,6 @@ declare export default class StateManager {
   get canReferenceTheme(): boolean;
   get metadata(): { [key: string]: any };
   get runtimeInjection(): ?$ReadOnly<{ from: string, as?: ?string }>;
-  addNamedImport(
-    statementPath: NodePath<>,
-    as: string,
-    from: string,
-    options: ImportAdditionOptions,
-  ): t.Identifier;
-  addDefaultImport(
-    statementPath: NodePath<>,
-    from: string,
-    options: ImportAdditionOptions,
-  ): t.Identifier;
   get opts(): StyleXStateOptions;
   get isDebug(): boolean;
   get isDev(): boolean;

package/package.json

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