@stylexjs/babel-plugin 0.16.3 → 0.17.0

package/lib/index.js.flow

@@ -45,6 +45,7 @@ export type Rule = [
   },
   number,
 ];
+
 declare function processStylexRules(
   rules: Array<Rule>,
   config?:

package/lib/shared/index.d.ts

@@ -34,7 +34,7 @@ import {
   PSEUDO_CLASS_PRIORITIES as _PSEUDO_CLASS_PRIORITIES,
   AT_RULE_PRIORITIES as _AT_RULE_PRIORITIES,
   PSEUDO_ELEMENT_PRIORITY as _PSEUDO_ELEMENT_PRIORITY,
-} from './utils/property-priorities';
+} from '@stylexjs/shared';
 export * as types from './types';
 export * as when from './when/when';
 export declare const create: typeof styleXCreateSet;

package/lib/shared/index.js.flow

@@ -41,7 +41,7 @@ import {
   PSEUDO_CLASS_PRIORITIES as _PSEUDO_CLASS_PRIORITIES,
   AT_RULE_PRIORITIES as _AT_RULE_PRIORITIES,
   PSEUDO_ELEMENT_PRIORITY as _PSEUDO_ELEMENT_PRIORITY,
-} from './utils/property-priorities';
+} from '@stylexjs/shared';
 
 export * as types from './types';
 export * as when from './when/when';

package/lib/shared/preprocess-rules/legacy-expand-shorthands.d.ts

@@ -8,6 +8,8 @@
  */
 
 import type { TStyleValue } from '../common-types';
+export declare const LOGICAL_FLOAT_START_VAR: '--stylex-logical-start';
+export declare const LOGICAL_FLOAT_END_VAR: '--stylex-logical-end';
 /**
  * Shorthand properties:
  * - [x] all - Should be banned
@@ -150,6 +152,8 @@ declare const aliases: {
   paddingInline: any;
   scrollMarginBlockStart: (value: TStyleValue) => TReturn;
   scrollMarginBlockEnd: (value: TStyleValue) => TReturn;
+  float: (value: TStyleValue) => TReturn;
+  clear: (value: TStyleValue) => TReturn;
 };
 declare const expansions: Omit<shorthands, keyof (aliases | {})> &
   Omit<aliases, keyof ({})> & {};

package/lib/shared/preprocess-rules/legacy-expand-shorthands.js.flow

@@ -9,6 +9,9 @@
 
 import type { TStyleValue } from '../common-types';
 
+declare export const LOGICAL_FLOAT_START_VAR: '--stylex-logical-start';
+declare export const LOGICAL_FLOAT_END_VAR: '--stylex-logical-end';
+
 // TODO: to be added later.
 // const aliases = {
 //   marginInlineStart: (rawValue) => [['marginStart', rawValue]],
@@ -129,6 +132,8 @@ declare const aliases: {
   paddingInline: $FlowFixMe,
   scrollMarginBlockStart: (value: TStyleValue) => TReturn,
   scrollMarginBlockEnd: (value: TStyleValue) => TReturn,
+  float: (value: TStyleValue) => TReturn,
+  clear: (value: TStyleValue) => TReturn,
 };
 
 declare const expansions: { ...shorthands, ...aliases };

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,
-) => value is CSSType<string | number>;
+) => implies 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): obj is AnyObject;
+declare export function isPlainObject(obj: mixed): implies obj is AnyObject;
 
 declare export function flattenObject(obj: CompiledStyles): {
   +[string]: null | string,

package/lib/shared/when/when.d.ts

@@ -17,7 +17,7 @@ import type { StyleXOptions } from '../common-types';
  * @returns A :where() clause for the ancestor observer
  */
 export declare function ancestor(
-  pseudo: string,
+  pseudo: `:${string}`,
   options: string | StyleXOptions,
 ): string;
 /**
@@ -28,7 +28,7 @@ export declare function ancestor(
  * @returns A :has() clause for the descendant observer
  */
 export declare function descendant(
-  pseudo: string,
+  pseudo: `:${string}`,
   options: string | StyleXOptions,
 ): string;
 /**
@@ -39,7 +39,7 @@ export declare function descendant(
  * @returns A :where() clause for the previous sibling observer
  */
 export declare function siblingBefore(
-  pseudo: string,
+  pseudo: `:${string}`,
   options: string | StyleXOptions,
 ): string;
 /**
@@ -50,7 +50,7 @@ export declare function siblingBefore(
  * @returns A :has() clause for the next sibling observer
  */
 export declare function siblingAfter(
-  pseudo: string,
+  pseudo: `:${string}`,
   options: string | StyleXOptions,
 ): string;
 /**
@@ -61,6 +61,6 @@ export declare function siblingAfter(
  * @returns A :where() clause for the any sibling observer
  */
 export declare function anySibling(
-  pseudo: string,
+  pseudo: `:${string}`,
   options: string | StyleXOptions,
 ): string;

package/lib/shared/when/when.js.flow

@@ -18,7 +18,7 @@ import type { StyleXOptions } from '../common-types';
  * @returns A :where() clause for the ancestor observer
  */
 declare export function ancestor(
-  pseudo: string,
+  pseudo: StringPrefix<':'>,
   options: string | StyleXOptions,
 ): string;
 
@@ -30,7 +30,7 @@ declare export function ancestor(
  * @returns A :has() clause for the descendant observer
  */
 declare export function descendant(
-  pseudo: string,
+  pseudo: StringPrefix<':'>,
   options: string | StyleXOptions,
 ): string;
 
@@ -42,7 +42,7 @@ declare export function descendant(
  * @returns A :where() clause for the previous sibling observer
  */
 declare export function siblingBefore(
-  pseudo: string,
+  pseudo: StringPrefix<':'>,
   options: string | StyleXOptions,
 ): string;
 
@@ -54,7 +54,7 @@ declare export function siblingBefore(
  * @returns A :has() clause for the next sibling observer
  */
 declare export function siblingAfter(
-  pseudo: string,
+  pseudo: StringPrefix<':'>,
   options: string | StyleXOptions,
 ): string;
 
@@ -66,6 +66,6 @@ declare export function siblingAfter(
  * @returns A :where() clause for the any sibling observer
  */
 declare export function anySibling(
-  pseudo: string,
+  pseudo: StringPrefix<':'>,
   options: string | StyleXOptions,
 ): string;

package/lib/utils/evaluate-path.d.ts

@@ -34,6 +34,7 @@ export type FunctionConfig = {
       };
     };
   };
+  disableImports?: boolean;
 };
 type Result =
   | { resolved: true; value: any }

package/lib/utils/evaluate-path.js.flow

@@ -37,6 +37,7 @@ export type FunctionConfig = {
       },
     },
   },
+  disableImports?: boolean,
 };
 
 type Result =

package/lib/utils/js-to-ast.d.ts

@@ -7,7 +7,6 @@
  *
  */
 
-import type { FlatCompiledStyles } from '../shared/common-types';
 import * as t from '@babel/types';
 type NestedStringObject = Readonly<{
   [key: string]: string | number | null | boolean | NestedStringObject;
@@ -15,6 +14,3 @@ type NestedStringObject = Readonly<{
 export declare function convertObjectToAST(
   obj: NestedStringObject,
 ): t.ObjectExpression;
-export declare function removeObjectsWithSpreads(obj: {
-  readonly [$$Key$$: string]: FlatCompiledStyles;
-}): { readonly [$$Key$$: string]: FlatCompiledStyles };

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

@@ -7,8 +7,6 @@
  * @flow strict
  */
 
-import type { FlatCompiledStyles } from '../shared/common-types';
-
 import * as t from '@babel/types';
 
 type NestedStringObject = $ReadOnly<{
@@ -18,7 +16,3 @@ type NestedStringObject = $ReadOnly<{
 declare export function convertObjectToAST(
   obj: NestedStringObject,
 ): t.ObjectExpression;
-
-declare export function removeObjectsWithSpreads(obj: {
-  +[string]: FlatCompiledStyles,
-}): { +[string]: FlatCompiledStyles };

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

@@ -132,6 +132,7 @@ declare class StateManager {
   readonly stylexKeyframesImport: Set<string>;
   readonly stylexPositionTryImport: Set<string>;
   readonly stylexDefineVarsImport: Set<string>;
+  readonly stylexDefineMarkerImport: Set<string>;
   readonly stylexDefineConstsImport: Set<string>;
   readonly stylexCreateThemeImport: Set<string>;
   readonly stylexTypesImport: Set<string>;

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

@@ -86,6 +86,7 @@ declare export default class StateManager {
   +stylexKeyframesImport: Set<string>;
   +stylexPositionTryImport: Set<string>;
   +stylexDefineVarsImport: Set<string>;
+  +stylexDefineMarkerImport: Set<string>;
   +stylexDefineConstsImport: Set<string>;
   +stylexCreateThemeImport: Set<string>;
   +stylexTypesImport: Set<string>;

package/lib/visitors/stylex-define-marker.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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 { NodePath } from '@babel/traverse';
+import * as t from '@babel/types';
+import StateManager from '../utils/state-manager';
+/**
+ * Transforms calls to `stylex.defineMarker()` (or imported `defineMarker()`)
+ * into an object: { $$css: true, [hash]: hash } where `hash` is generated from
+ * the file path and the export name.
+ */
+declare function transformStyleXDefineMarker(
+  path: NodePath<t.CallExpression>,
+  state: StateManager,
+): void;
+export default transformStyleXDefineMarker;

package/lib/visitors/stylex-define-marker.js.flow

@@ -0,0 +1,22 @@
+/**
+ * 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 { NodePath } from '@babel/traverse';
+
+import * as t from '@babel/types';
+import StateManager from '../utils/state-manager';
+/**
+ * Transforms calls to `stylex.defineMarker()` (or imported `defineMarker()`)
+ * into an object: { $$css: true, [hash]: hash } where `hash` is generated from
+ * the file path and the export name.
+ */
+declare export default function transformStyleXDefineMarker(
+  path: NodePath<t.CallExpression>,
+  state: StateManager,
+): void;

package/package.json

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