@stylexjs/babel-plugin 0.16.3 → 0.17.1

package/lib/shared/stylex-keyframes.d.ts

@@ -12,6 +12,6 @@ declare function styleXKeyframes(
   frames: {
     readonly [$$Key$$: string]: { readonly [$$Key$$: string]: string | number };
   },
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];
 export default styleXKeyframes;

package/lib/shared/stylex-keyframes.js.flow

@@ -16,5 +16,5 @@ import type { InjectableStyle, StyleXOptions } from './common-types';
 // `stylex.create`.
 declare export default function styleXKeyframes(
   frames: { +[string]: { +[string]: string | number } },
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];

package/lib/shared/stylex-position-try.d.ts

@@ -10,6 +10,6 @@
 import type { InjectableStyle, StyleXOptions } from './common-types';
 declare function styleXPositionTry(
   styles: { readonly [$$Key$$: string]: string | number },
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];
 export default styleXPositionTry;

package/lib/shared/stylex-position-try.js.flow

@@ -14,5 +14,5 @@ import type { InjectableStyle, StyleXOptions } from './common-types';
 // The generated string must be prefixed with -- for anchor positioning
 declare export default function styleXPositionTry(
   styles: { +[string]: string | number },
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];

package/lib/shared/stylex-vars-utils.d.ts

@@ -17,8 +17,8 @@ export type VarsConfig = Readonly<{
 export declare function collectVarsByAtRule(
   key: string,
   $$PARAM_1$$: { readonly nameHash: string; readonly value: VarsConfigValue },
-  collection: { [$$Key$$: string]: Array<string> },
-  atRules: Array<string>,
+  collection?: { [$$Key$$: string]: Array<string> },
+  atRules?: Array<string>,
 ): void;
 export declare function wrapWithAtRules(ltr: string, atRule: string): string;
 export declare function priorityForAtRule(atRule: string): number;

package/lib/shared/stylex-vars-utils.js.flow

@@ -19,9 +19,9 @@ export type VarsConfig = $ReadOnly<{
 
 declare export function collectVarsByAtRule(
   key: string,
-  { +nameHash: string, +value: VarsConfigValue },
-  collection: { [string]: Array<string> },
-  atRules: Array<string>,
+  $$PARAM_1$$: { +nameHash: string, +value: VarsConfigValue },
+  collection?: { [string]: Array<string> },
+  atRules?: Array<string>,
 ): void;
 
 declare export function wrapWithAtRules(ltr: string, atRule: string): string;

package/lib/shared/stylex-view-transition-class.d.ts

@@ -17,6 +17,6 @@ type StyleObj = {
 };
 declare function styleXViewTransitionClass(
   styles: StyleObj,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];
 export default styleXViewTransitionClass;

package/lib/shared/stylex-view-transition-class.js.flow

@@ -19,5 +19,5 @@ type StyleObj = {
 
 declare export default function styleXViewTransitionClass(
   styles: StyleObj,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): [string, InjectableStyle];

package/lib/shared/types/index.d.ts

@@ -49,6 +49,7 @@ export interface CSSType<_T extends string | number = string | number> {
 export declare const isCSSType: (
   value: unknown,
 ) => value is CSSType<string | number>;
+export declare type isCSSType = typeof isCSSType;
 type AngleValue = string;
 export declare class Angle<T extends AngleValue>
   extends BaseCSSType
@@ -64,6 +65,7 @@ export declare class Angle<T extends AngleValue>
 export declare const angle: <T extends AngleValue = AngleValue>(
   value: ValueWithDefault,
 ) => Angle<T>;
+export declare type angle = typeof angle;
 type ColorValue = string;
 export declare class Color<T extends ColorValue>
   extends BaseCSSType
@@ -78,6 +80,7 @@ export declare class Color<T extends ColorValue>
 export declare const color: <T extends ColorValue = ColorValue>(
   value: ValueWithDefault,
 ) => Color<T>;
+export declare type color = typeof color;
 type URLValue = string;
 export declare class Url<T extends URLValue>
   extends BaseCSSType
@@ -90,6 +93,7 @@ export declare class Url<T extends URLValue>
 export declare const url: <T extends URLValue = URLValue>(
   value: ValueWithDefault,
 ) => Url<T>;
+export declare type url = typeof url;
 type ImageValue = string;
 export declare class Image<T extends ImageValue>
   extends Url<T>
@@ -105,6 +109,7 @@ export declare class Image<T extends ImageValue>
 export declare const image: <T extends ImageValue = ImageValue>(
   value: ValueWithDefault,
 ) => Image<T>;
+export declare type image = typeof image;
 type IntegerValue = number;
 export declare class Integer<T extends IntegerValue>
   extends BaseCSSType
@@ -117,6 +122,7 @@ export declare class Integer<T extends IntegerValue>
 export declare const integer: <T extends IntegerValue = IntegerValue>(
   value: T,
 ) => Integer<T>;
+export declare type integer = typeof integer;
 type LengthPercentageValue = string;
 export declare class LengthPercentage<_T extends LengthPercentageValue>
   extends BaseCSSType
@@ -136,6 +142,7 @@ export declare const lengthPercentage: <
 >(
   value: ValueWithDefault,
 ) => LengthPercentage<string>;
+export declare type lengthPercentage = typeof lengthPercentage;
 type LengthValue = number | string;
 export declare class Length<_T extends LengthValue>
   extends LengthPercentage<string>
@@ -150,6 +157,7 @@ export declare class Length<_T extends LengthValue>
 export declare const length: <T extends LengthValue = LengthValue>(
   value: NestedWithNumbers,
 ) => Length<T>;
+export declare type length = typeof length;
 type PercentageValue = string | number;
 export declare class Percentage<_T extends PercentageValue>
   extends LengthPercentage<string>
@@ -164,6 +172,7 @@ export declare class Percentage<_T extends PercentageValue>
 export declare const percentage: <T extends PercentageValue = PercentageValue>(
   value: NestedWithNumbers,
 ) => Percentage<T>;
+export declare type percentage = typeof percentage;
 type NumberValue = number;
 export declare class Num<T extends NumberValue>
   extends BaseCSSType
@@ -178,6 +187,7 @@ export declare class Num<T extends NumberValue>
 export declare const number: <T extends NumberValue = NumberValue>(
   value: NestedWithNumbers,
 ) => Num<T>;
+export declare type number = typeof number;
 type ResolutionValue = string | 0;
 export declare class Resolution<T extends ResolutionValue>
   extends BaseCSSType
@@ -192,6 +202,7 @@ export declare class Resolution<T extends ResolutionValue>
 export declare const resolution: <T extends ResolutionValue = ResolutionValue>(
   value: ValueWithDefault,
 ) => Resolution<T>;
+export declare type resolution = typeof resolution;
 type TimeValue = string | 0;
 export declare class Time<T extends TimeValue>
   extends BaseCSSType
@@ -206,6 +217,7 @@ export declare class Time<T extends TimeValue>
 export declare const time: <T extends TimeValue = TimeValue>(
   value: ValueWithDefault,
 ) => Time<T>;
+export declare type time = typeof time;
 type TransformFunctionValue = string;
 export declare class TransformFunction<T extends TransformFunctionValue>
   extends BaseCSSType
@@ -222,6 +234,7 @@ export declare const transformFunction: <
 >(
   value: ValueWithDefault,
 ) => TransformFunction<T>;
+export declare type transformFunction = typeof transformFunction;
 type TransformListValue = string;
 export declare class TransformList<T extends TransformListValue>
   extends BaseCSSType
@@ -238,3 +251,4 @@ export declare const transformList: <
 >(
   value: ValueWithDefault,
 ) => TransformList<T>;
+export declare type transformList = typeof transformList;

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/convert-to-className.d.ts

@@ -13,7 +13,7 @@ export declare function convertStyleToClassName(
   pseudos: ReadonlyArray<string>,
   atRules: ReadonlyArray<string>,
   constRules: ReadonlyArray<string>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): StyleRule;
 declare function variableFallbacks(
   values: ReadonlyArray<string>,

package/lib/shared/utils/convert-to-className.js.flow

@@ -21,7 +21,7 @@ declare export function convertStyleToClassName(
   pseudos: $ReadOnlyArray<string>,
   atRules: $ReadOnlyArray<string>,
   constRules: $ReadOnlyArray<string>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): StyleRule;
 
 declare export default function variableFallbacks(

package/lib/shared/utils/default-options.d.ts

@@ -9,3 +9,4 @@
 
 import type { StyleXOptions } from '../common-types';
 export declare const defaultOptions: StyleXOptions;
+export declare type defaultOptions = typeof defaultOptions;

package/lib/shared/utils/file-based-identifier.js.flow

@@ -7,7 +7,7 @@
  * @flow strict
  */
 
-declare export default function genFileBasedIdentifier({
+declare export default function genFileBasedIdentifier($$PARAM_0$$: {
   +fileName: string,
   +exportName: string,
   +key?: string,

package/lib/shared/utils/generate-css-rule.d.ts

@@ -15,5 +15,5 @@ export declare function generateCSSRule(
   pseudos: ReadonlyArray<string>,
   atRules: ReadonlyArray<string>,
   constRules: ReadonlyArray<string>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): InjectableStyle;

package/lib/shared/utils/generate-css-rule.js.flow

@@ -15,5 +15,5 @@ declare export function generateCSSRule(
   pseudos: $ReadOnlyArray<string>,
   atRules: $ReadOnlyArray<string>,
   constRules: $ReadOnlyArray<string>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): InjectableStyle;

package/lib/shared/utils/normalize-value.js.flow

@@ -12,5 +12,5 @@ import type { StyleXOptions } from '../common-types';
 declare export default function normalizeValue(
   value: string,
   key: string,
-  StyleXOptions,
+  $$PARAM_2$$: StyleXOptions,
 ): string;

package/lib/shared/utils/object-utils.d.ts

@@ -26,28 +26,28 @@ export declare function objValues<
 >(obj: Obj): ReadonlyArray<Obj[keyof Obj]>;
 export declare function objFromEntries<K extends string | number, V>(
   entries: ReadonlyArray<Readonly<[K, V]>>,
-): { [$$Key$$: K]: V };
+): { [$$Key$$ in K]: V };
 export declare function objMapKeys<
   V,
   K1 extends string = string,
   K2 extends string = string,
 >(
-  obj: { readonly [$$Key$$: K1]: V },
+  obj: { readonly [$$Key$$ in K1]: V },
   mapper: ($$PARAM_0$$: K1) => K2,
-): { readonly [$$Key$$: K2]: V };
+): { readonly [$$Key$$ in K2]: V };
 export declare function objMapEntry<
   V,
   V2,
   K1 extends string = string,
   K2 extends string = string,
 >(
-  obj: { readonly [$$Key$$: K1]: V },
+  obj: { readonly [$$Key$$ in K1]: V },
   mapper: ($$PARAM_0$$: Readonly<[K1, V]>) => Readonly<[K2, V2]>,
-): { readonly [$$Key$$: K2]: V2 };
+): { readonly [$$Key$$ in K2]: V2 };
 export declare function objMap<V, V2, K extends string = string>(
-  obj: { readonly [$$Key$$: K]: V },
+  obj: { readonly [$$Key$$ in K]: V },
   mapper: ($$PARAM_0$$: V, $$PARAM_1$$: K) => V2,
-): { readonly [$$Key$$: K]: V2 };
+): { readonly [$$Key$$ in K]: V2 };
 export declare class Pipe<T> {
   value: T;
   constructor(val: T);
@@ -59,8 +59,10 @@ export declare const arraySort: <T>(
   arr: ReadonlyArray<T>,
   fn?: ($$PARAM_0$$: T, $$PARAM_1$$: T) => number,
 ) => ReadonlyArray<T>;
+export declare type arraySort = typeof arraySort;
 export declare const arrayEquals: <T>(
   arr1: ReadonlyArray<T>,
   arr2: ReadonlyArray<T>,
-  equals: ($$PARAM_0$$: T, $$PARAM_1$$: T) => boolean,
+  equals?: ($$PARAM_0$$: T, $$PARAM_1$$: T) => boolean,
 ) => boolean;
+export declare type arrayEquals = typeof arrayEquals;

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,
@@ -74,5 +74,5 @@ declare export const arraySort: <T>(
 declare export const arrayEquals: <T>(
   arr1: $ReadOnlyArray<T>,
   arr2: $ReadOnlyArray<T>,
-  equals: (T, T) => boolean,
+  equals?: (T, T) => boolean,
 ) => boolean;

package/lib/shared/utils/rule-utils.d.ts

@@ -10,6 +10,8 @@
 export declare const sortPseudos: (
   pseudos: ReadonlyArray<string>,
 ) => ReadonlyArray<string>;
+export declare type sortPseudos = typeof sortPseudos;
 export declare const sortAtRules: (
   atRules: ReadonlyArray<string>,
 ) => ReadonlyArray<string>;
+export declare type sortAtRules = typeof sortAtRules;

package/lib/shared/utils/transform-value.d.ts

@@ -19,4 +19,6 @@ declare function transformValue(
 export default transformValue;
 export declare function getNumberSuffix(key: string): string;
 export declare const timeUnits: Set<string>;
+export declare type timeUnits = typeof timeUnits;
 export declare const lengthUnits: Set<string>;
+export declare type lengthUnits = typeof lengthUnits;

package/lib/shared/validate.js.flow

@@ -9,4 +9,6 @@
 
 import type { TRawValue } from './common-types';
 
-declare export default function validateEntry([string, TRawValue]): void;
+declare export default function validateEntry(
+  $$PARAM_0$$: [string, TRawValue],
+): void;

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

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

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

@@ -18,8 +18,8 @@ import type { StyleXOptions } from '../common-types';
  * @returns A :where() clause for the ancestor observer
  */
 declare export function ancestor(
-  pseudo: string,
-  options: string | StyleXOptions,
+  pseudo: StringPrefix<':'>,
+  options?: string | StyleXOptions,
 ): string;
 
 /**
@@ -30,8 +30,8 @@ declare export function ancestor(
  * @returns A :has() clause for the descendant observer
  */
 declare export function descendant(
-  pseudo: string,
-  options: string | StyleXOptions,
+  pseudo: StringPrefix<':'>,
+  options?: string | StyleXOptions,
 ): string;
 
 /**
@@ -42,8 +42,8 @@ declare export function descendant(
  * @returns A :where() clause for the previous sibling observer
  */
 declare export function siblingBefore(
-  pseudo: string,
-  options: string | StyleXOptions,
+  pseudo: StringPrefix<':'>,
+  options?: string | StyleXOptions,
 ): string;
 
 /**
@@ -54,8 +54,8 @@ declare export function siblingBefore(
  * @returns A :has() clause for the next sibling observer
  */
 declare export function siblingAfter(
-  pseudo: string,
-  options: string | StyleXOptions,
+  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,
-  options: string | StyleXOptions,
+  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 }
@@ -41,8 +42,8 @@ type Result =
 export declare function evaluate(
   path: NodePath,
   traversalState: StateManager,
-  functions: FunctionConfig,
-  seen: Map<t.Node, Result>,
+  functions?: FunctionConfig,
+  seen?: Map<t.Node, Result>,
 ): Readonly<{
   confident: boolean;
   value: any;

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

@@ -37,6 +37,7 @@ export type FunctionConfig = {
       },
     },
   },
+  disableImports?: boolean,
 };
 
 type Result =
@@ -51,8 +52,8 @@ type Result =
 declare export function evaluate(
   path: NodePath<>,
   traversalState: StateManager,
-  functions: FunctionConfig,
-  seen: Map<t.Node, Result>,
+  functions?: FunctionConfig,
+  seen?: Map<t.Node, Result>,
 ): $ReadOnly<{
   confident: boolean,
   value: any,

package/lib/utils/evaluation-errors.d.ts

@@ -8,15 +8,30 @@
  */
 
 export declare const IMPORT_FILE_PARSING_ERROR: any;
+export declare type IMPORT_FILE_PARSING_ERROR =
+  typeof IMPORT_FILE_PARSING_ERROR;
 export declare const IMPORT_FILE_EVAL_ERROR: any;
+export declare type IMPORT_FILE_EVAL_ERROR = typeof IMPORT_FILE_EVAL_ERROR;
 export declare const DEFAULT_IMPORT: any;
+export declare type DEFAULT_IMPORT = typeof DEFAULT_IMPORT;
 export declare const PATH_WITHOUT_NODE: any;
+export declare type PATH_WITHOUT_NODE = typeof PATH_WITHOUT_NODE;
 export declare const UNEXPECTED_MEMBER_LOOKUP: any;
+export declare type UNEXPECTED_MEMBER_LOOKUP = typeof UNEXPECTED_MEMBER_LOOKUP;
 export declare const IMPORT_PATH_RESOLUTION_ERROR: any;
+export declare type IMPORT_PATH_RESOLUTION_ERROR =
+  typeof IMPORT_PATH_RESOLUTION_ERROR;
 export declare const NON_CONSTANT: 'Referenced value is not a constant.\n\n';
+export declare type NON_CONSTANT = typeof NON_CONSTANT;
 export declare const USED_BEFORE_DECLARATION: 'Referenced value is used before declaration.\n\n';
+export declare type USED_BEFORE_DECLARATION = typeof USED_BEFORE_DECLARATION;
 export declare const UNINITIALIZED_CONST: 'Referenced constant is not initialized.\n\n';
+export declare type UNINITIALIZED_CONST = typeof UNINITIALIZED_CONST;
 export declare const UNDEFINED_CONST: 'Referenced constant is not defined.';
+export declare type UNDEFINED_CONST = typeof UNDEFINED_CONST;
 export declare const UNSUPPORTED_OPERATOR: (op: string) => string;
+export declare type UNSUPPORTED_OPERATOR = typeof UNSUPPORTED_OPERATOR;
 export declare const OBJECT_METHOD: 'Unsupported object method.\n\n';
+export declare type OBJECT_METHOD = typeof OBJECT_METHOD;
 export declare const UNSUPPORTED_EXPRESSION: (type: string) => string;
+export declare type UNSUPPORTED_EXPRESSION = typeof UNSUPPORTED_EXPRESSION;

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 };