@stylexjs/babel-plugin 0.14.3 → 0.15.0

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/state-manager.d.ts

@@ -46,6 +46,7 @@ export type StyleXOptions = Readonly<
       enableDebugDataProp?: boolean;
       enableDevClassNames?: boolean;
       enableInlinedConditionalMerge?: boolean;
+      enableMediaQueryOrder?: boolean;
       enableLegacyValueFlipping?: boolean;
       enableLogicalStylesPolyfill?: boolean;
       enableMinifiedKeys?: boolean;
@@ -69,6 +70,7 @@ export type StyleXOptions = Readonly<
     enableDebugDataProp?: boolean;
     enableDevClassNames?: boolean;
     enableInlinedConditionalMerge?: boolean;
+    enableMediaQueryOrder?: boolean;
     enableLegacyValueFlipping?: boolean;
     enableLogicalStylesPolyfill?: boolean;
     enableMinifiedKeys?: boolean;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.14.3",
+  "version": "0.15.0",
   "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.0",
+    "postcss-value-parser": "^4.1.0",
+    "style-value-parser": "0.15.0"
   },
   "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.0"
   },
   "files": [
     "flow_modules/*",