@stylexjs/babel-plugin 0.17.0 → 0.17.1

package/lib/shared/preprocess-rules/application-order.d.ts

@@ -115,69 +115,70 @@ declare const shorthands: Readonly<{
   [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
 }>;
 declare const aliases: {
-  borderHorizontal: any;
-  borderVertical: any;
-  borderBlockStart: any;
-  borderEnd: any;
-  borderBlockEnd: any;
-  borderStart: any;
+  borderHorizontal: typeof shorthands.borderInline;
+  borderVertical: typeof shorthands.borderBlock;
+  borderBlockStart: typeof shorthands.borderTop;
+  borderEnd: typeof shorthands.borderInlineEnd;
+  borderBlockEnd: typeof shorthands.borderBottom;
+  borderStart: typeof shorthands.borderInlineStart;
   blockSize: (val: TStyleValue) => TReturn;
   inlineSize: (val: TStyleValue) => TReturn;
   minBlockSize: (val: TStyleValue) => TReturn;
   minInlineSize: (val: TStyleValue) => TReturn;
   maxBlockSize: (val: TStyleValue) => TReturn;
   maxInlineSize: (val: TStyleValue) => TReturn;
-  borderHorizontalWidth: any;
-  borderHorizontalStyle: any;
-  borderHorizontalColor: any;
-  borderVerticalWidth: any;
-  borderVerticalStyle: any;
-  borderVerticalColor: any;
+  borderHorizontalWidth: typeof shorthands.borderInlineWidth;
+  borderHorizontalStyle: typeof shorthands.borderInlineStyle;
+  borderHorizontalColor: typeof shorthands.borderInlineColor;
+  borderVerticalWidth: typeof shorthands.borderBlockWidth;
+  borderVerticalStyle: typeof shorthands.borderBlockStyle;
+  borderVerticalColor: typeof shorthands.borderBlockColor;
   borderBlockStartColor: (value: TStyleValue) => TReturn;
   borderBlockEndColor: (value: TStyleValue) => TReturn;
   borderBlockStartStyle: (value: TStyleValue) => TReturn;
   borderBlockEndStyle: (value: TStyleValue) => TReturn;
   borderBlockStartWidth: (value: TStyleValue) => TReturn;
   borderBlockEndWidth: (value: TStyleValue) => TReturn;
-  borderStartColor: any;
-  borderEndColor: any;
-  borderStartStyle: any;
-  borderEndStyle: any;
-  borderStartWidth: any;
-  borderEndWidth: any;
+  borderStartColor: typeof shorthands.borderInlineStartColor;
+  borderEndColor: typeof shorthands.borderInlineEndColor;
+  borderStartStyle: typeof shorthands.borderInlineStartStyle;
+  borderEndStyle: typeof shorthands.borderInlineEndStyle;
+  borderStartWidth: typeof shorthands.borderInlineStartWidth;
+  borderEndWidth: typeof shorthands.borderInlineEndWidth;
   borderTopStartRadius: (value: TStyleValue) => TReturn;
   borderTopEndRadius: (value: TStyleValue) => TReturn;
   borderBottomStartRadius: (value: TStyleValue) => TReturn;
   borderBottomEndRadius: (value: TStyleValue) => TReturn;
   containIntrinsicBlockSize: (value: TStyleValue) => TReturn;
   containIntrinsicInlineSize: (value: TStyleValue) => TReturn;
-  gridGap: any;
+  gridGap: typeof shorthands.gap;
   gridRowGap: (value: TStyleValue) => TReturn;
   gridColumnGap: (value: TStyleValue) => TReturn;
   marginBlockStart: (value: TStyleValue) => TReturn;
   marginBlockEnd: (value: TStyleValue) => TReturn;
-  marginStart: any;
-  marginEnd: any;
-  marginHorizontal: any;
-  marginVertical: any;
+  marginStart: typeof shorthands.marginInlineStart;
+  marginEnd: typeof shorthands.marginInlineEnd;
+  marginHorizontal: typeof shorthands.marginInline;
+  marginVertical: typeof shorthands.marginBlock;
   overflowBlock: (value: TStyleValue) => TReturn;
   overflowInline: (value: TStyleValue) => TReturn;
   paddingBlockStart: (rawValue: TStyleValue) => TReturn;
   paddingBlockEnd: (rawValue: TStyleValue) => TReturn;
-  paddingStart: any;
-  paddingEnd: any;
-  paddingHorizontal: any;
-  paddingVertical: any;
+  paddingStart: typeof shorthands.paddingInlineStart;
+  paddingEnd: typeof shorthands.paddingInlineEnd;
+  paddingHorizontal: typeof shorthands.paddingInline;
+  paddingVertical: typeof shorthands.paddingBlock;
   scrollMarginBlockStart: (value: TStyleValue) => TReturn;
   scrollMarginBlockEnd: (value: TStyleValue) => TReturn;
   insetBlockStart: (value: TStyleValue) => TReturn;
   insetBlockEnd: (value: TStyleValue) => TReturn;
-  start: any;
-  end: any;
+  start: typeof shorthands.insetInlineStart;
+  end: typeof shorthands.insetInlineEnd;
 };
-declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 132 |   ...typeof shorthands,
- *       |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
- **/
-any>;
+declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly<
+  Omit<typeof shorthands, keyof typeof aliases | keyof {}> &
+    Omit<typeof aliases, keyof {}> & {}
+>;
+declare type $$EXPORT_DEFAULT_DECLARATION$$ =
+  typeof $$EXPORT_DEFAULT_DECLARATION$$;
 export default $$EXPORT_DEFAULT_DECLARATION$$;

package/lib/shared/preprocess-rules/application-order.js.flow

@@ -67,65 +67,71 @@ declare const shorthands: $ReadOnly<{
 }>;
 
 declare const aliases: {
-  borderHorizontal: $FlowFixMe,
-  borderVertical: $FlowFixMe,
-  borderBlockStart: $FlowFixMe,
-  borderEnd: $FlowFixMe,
-  borderBlockEnd: $FlowFixMe,
-  borderStart: $FlowFixMe,
+  // @Deprecated
+  borderHorizontal: typeof shorthands.borderInline,
+  // @Deprecated
+  borderVertical: typeof shorthands.borderBlock,
+  // @Deprecated
+  borderBlockStart: typeof shorthands.borderTop,
+  // @Deprecated
+  borderEnd: typeof shorthands.borderInlineEnd,
+  // @Deprecated
+  borderBlockEnd: typeof shorthands.borderBottom,
+  // @Deprecated
+  borderStart: typeof shorthands.borderInlineStart,
   blockSize: (val: TStyleValue) => TReturn,
   inlineSize: (val: TStyleValue) => TReturn,
   minBlockSize: (val: TStyleValue) => TReturn,
   minInlineSize: (val: TStyleValue) => TReturn,
   maxBlockSize: (val: TStyleValue) => TReturn,
   maxInlineSize: (val: TStyleValue) => TReturn,
-  borderHorizontalWidth: $FlowFixMe,
-  borderHorizontalStyle: $FlowFixMe,
-  borderHorizontalColor: $FlowFixMe,
-  borderVerticalWidth: $FlowFixMe,
-  borderVerticalStyle: $FlowFixMe,
-  borderVerticalColor: $FlowFixMe,
+  borderHorizontalWidth: typeof shorthands.borderInlineWidth,
+  borderHorizontalStyle: typeof shorthands.borderInlineStyle,
+  borderHorizontalColor: typeof shorthands.borderInlineColor,
+  borderVerticalWidth: typeof shorthands.borderBlockWidth,
+  borderVerticalStyle: typeof shorthands.borderBlockStyle,
+  borderVerticalColor: typeof shorthands.borderBlockColor,
   borderBlockStartColor: (value: TStyleValue) => TReturn,
   borderBlockEndColor: (value: TStyleValue) => TReturn,
   borderBlockStartStyle: (value: TStyleValue) => TReturn,
   borderBlockEndStyle: (value: TStyleValue) => TReturn,
   borderBlockStartWidth: (value: TStyleValue) => TReturn,
   borderBlockEndWidth: (value: TStyleValue) => TReturn,
-  borderStartColor: $FlowFixMe,
-  borderEndColor: $FlowFixMe,
-  borderStartStyle: $FlowFixMe,
-  borderEndStyle: $FlowFixMe,
-  borderStartWidth: $FlowFixMe,
-  borderEndWidth: $FlowFixMe,
+  borderStartColor: typeof shorthands.borderInlineStartColor,
+  borderEndColor: typeof shorthands.borderInlineEndColor,
+  borderStartStyle: typeof shorthands.borderInlineStartStyle,
+  borderEndStyle: typeof shorthands.borderInlineEndStyle,
+  borderStartWidth: typeof shorthands.borderInlineStartWidth,
+  borderEndWidth: typeof shorthands.borderInlineEndWidth,
   borderTopStartRadius: (value: TStyleValue) => TReturn,
   borderTopEndRadius: (value: TStyleValue) => TReturn,
   borderBottomStartRadius: (value: TStyleValue) => TReturn,
   borderBottomEndRadius: (value: TStyleValue) => TReturn,
   containIntrinsicBlockSize: (value: TStyleValue) => TReturn,
   containIntrinsicInlineSize: (value: TStyleValue) => TReturn,
-  gridGap: $FlowFixMe,
+  gridGap: typeof shorthands.gap,
   gridRowGap: (value: TStyleValue) => TReturn,
   gridColumnGap: (value: TStyleValue) => TReturn,
   marginBlockStart: (value: TStyleValue) => TReturn,
   marginBlockEnd: (value: TStyleValue) => TReturn,
-  marginStart: $FlowFixMe,
-  marginEnd: $FlowFixMe,
-  marginHorizontal: $FlowFixMe,
-  marginVertical: $FlowFixMe,
+  marginStart: typeof shorthands.marginInlineStart,
+  marginEnd: typeof shorthands.marginInlineEnd,
+  marginHorizontal: typeof shorthands.marginInline,
+  marginVertical: typeof shorthands.marginBlock,
   overflowBlock: (value: TStyleValue) => TReturn,
   overflowInline: (value: TStyleValue) => TReturn,
   paddingBlockStart: (rawValue: TStyleValue) => TReturn,
   paddingBlockEnd: (rawValue: TStyleValue) => TReturn,
-  paddingStart: $FlowFixMe,
-  paddingEnd: $FlowFixMe,
-  paddingHorizontal: $FlowFixMe,
-  paddingVertical: $FlowFixMe,
+  paddingStart: typeof shorthands.paddingInlineStart,
+  paddingEnd: typeof shorthands.paddingInlineEnd,
+  paddingHorizontal: typeof shorthands.paddingInline,
+  paddingVertical: typeof shorthands.paddingBlock,
   scrollMarginBlockStart: (value: TStyleValue) => TReturn,
   scrollMarginBlockEnd: (value: TStyleValue) => TReturn,
   insetBlockStart: (value: TStyleValue) => TReturn,
   insetBlockEnd: (value: TStyleValue) => TReturn,
-  start: $FlowFixMe,
-  end: $FlowFixMe,
+  start: typeof shorthands.insetInlineStart,
+  end: typeof shorthands.insetInlineEnd,
 };
 
 declare export default $ReadOnly<{

package/lib/shared/preprocess-rules/basic-validation.d.ts

@@ -9,5 +9,5 @@
 
 export declare function validateNamespace(
   namespace: unknown,
-  conditions: ReadonlyArray<string>,
+  conditions?: ReadonlyArray<string>,
 ): void;

package/lib/shared/preprocess-rules/basic-validation.js.flow

@@ -9,5 +9,5 @@
 
 declare export function validateNamespace(
   namespace: mixed,
-  conditions: $ReadOnlyArray<string>,
+  conditions?: $ReadOnlyArray<string>,
 ): void;

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

@@ -9,7 +9,9 @@
 
 import type { TStyleValue } from '../common-types';
 export declare const LOGICAL_FLOAT_START_VAR: '--stylex-logical-start';
+export declare type LOGICAL_FLOAT_START_VAR = typeof LOGICAL_FLOAT_START_VAR;
 export declare const LOGICAL_FLOAT_END_VAR: '--stylex-logical-end';
+export declare type LOGICAL_FLOAT_END_VAR = typeof LOGICAL_FLOAT_END_VAR;
 /**
  * Shorthand properties:
  * - [x] all - Should be banned
@@ -111,8 +113,8 @@ declare const shorthands: Readonly<{
 declare const aliases: {
   insetBlockStart: (val: TStyleValue) => TReturn;
   insetBlockEnd: (val: TStyleValue) => TReturn;
-  insetInlineStart: any;
-  insetInlineEnd: any;
+  insetInlineStart: typeof shorthands.start;
+  insetInlineEnd: typeof shorthands.end;
   blockSize: (val: TStyleValue) => TReturn;
   inlineSize: (val: TStyleValue) => TReturn;
   minBlockSize: (val: TStyleValue) => TReturn;
@@ -121,41 +123,46 @@ declare const aliases: {
   maxInlineSize: (val: TStyleValue) => TReturn;
   borderStart: (val: TStyleValue) => TReturn;
   borderEnd: (val: TStyleValue) => TReturn;
-  borderBlockWidth: any;
-  borderBlockStyle: any;
-  borderBlockColor: any;
+  borderBlockWidth: typeof shorthands.borderVerticalWidth;
+  borderBlockStyle: typeof shorthands.borderVerticalStyle;
+  borderBlockColor: typeof shorthands.borderVerticalColor;
   borderBlockStartWidth: (val: TStyleValue) => TReturn;
   borderBlockStartStyle: (val: TStyleValue) => TReturn;
   borderBlockStartColor: (val: TStyleValue) => TReturn;
   borderBlockEndWidth: (val: TStyleValue) => TReturn;
   borderBlockEndStyle: (val: TStyleValue) => TReturn;
   borderBlockEndColor: (val: TStyleValue) => TReturn;
-  borderInlineWidth: any;
-  borderInlineStyle: any;
-  borderInlineColor: any;
+  borderInlineWidth: typeof shorthands.borderHorizontalWidth;
+  borderInlineStyle: typeof shorthands.borderHorizontalStyle;
+  borderInlineColor: typeof shorthands.borderHorizontalColor;
   borderTopStartRadius: (val: TStyleValue) => TReturn;
   borderTopEndRadius: (val: TStyleValue) => TReturn;
   borderBottomStartRadius: (val: TStyleValue) => TReturn;
   borderBottomEndRadius: (val: TStyleValue) => TReturn;
-  gridGap: any;
+  gridGap: typeof shorthands.gap;
   gridRowGap: (value: TStyleValue) => TReturn;
   gridColumnGap: (value: TStyleValue) => TReturn;
-  marginBlock: any;
+  marginBlock: typeof shorthands.marginVertical;
   marginBlockStart: (val: TStyleValue) => TReturn;
   marginBlockEnd: (val: TStyleValue) => TReturn;
-  marginInline: any;
+  marginInline: typeof shorthands.marginHorizontal;
   overflowBlock: (value: TStyleValue) => TReturn;
   overflowInline: (value: TStyleValue) => TReturn;
-  paddingBlock: any;
+  paddingBlock: typeof shorthands.paddingVertical;
   paddingBlockStart: (val: TStyleValue) => TReturn;
   paddingBlockEnd: (val: TStyleValue) => TReturn;
-  paddingInline: any;
+  paddingInline: typeof shorthands.paddingHorizontal;
   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 ({})> & {};
+declare const expansions: Omit<
+  typeof shorthands,
+  keyof typeof aliases | keyof {}
+> &
+  Omit<typeof aliases, keyof {}> & {};
 declare const $$EXPORT_DEFAULT_DECLARATION$$: typeof expansions;
+declare type $$EXPORT_DEFAULT_DECLARATION$$ =
+  typeof $$EXPORT_DEFAULT_DECLARATION$$;
 export default $$EXPORT_DEFAULT_DECLARATION$$;

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

@@ -91,8 +91,8 @@ declare const shorthands: $ReadOnly<{
 declare const aliases: {
   insetBlockStart: (val: TStyleValue) => TReturn,
   insetBlockEnd: (val: TStyleValue) => TReturn,
-  insetInlineStart: $FlowFixMe,
-  insetInlineEnd: $FlowFixMe,
+  insetInlineStart: typeof shorthands.start,
+  insetInlineEnd: typeof shorthands.end,
   blockSize: (val: TStyleValue) => TReturn,
   inlineSize: (val: TStyleValue) => TReturn,
   minBlockSize: (val: TStyleValue) => TReturn,
@@ -101,41 +101,41 @@ declare const aliases: {
   maxInlineSize: (val: TStyleValue) => TReturn,
   borderStart: (val: TStyleValue) => TReturn,
   borderEnd: (val: TStyleValue) => TReturn,
-  borderBlockWidth: $FlowFixMe,
-  borderBlockStyle: $FlowFixMe,
-  borderBlockColor: $FlowFixMe,
+  borderBlockWidth: typeof shorthands.borderVerticalWidth,
+  borderBlockStyle: typeof shorthands.borderVerticalStyle,
+  borderBlockColor: typeof shorthands.borderVerticalColor,
   borderBlockStartWidth: (val: TStyleValue) => TReturn,
   borderBlockStartStyle: (val: TStyleValue) => TReturn,
   borderBlockStartColor: (val: TStyleValue) => TReturn,
   borderBlockEndWidth: (val: TStyleValue) => TReturn,
   borderBlockEndStyle: (val: TStyleValue) => TReturn,
   borderBlockEndColor: (val: TStyleValue) => TReturn,
-  borderInlineWidth: $FlowFixMe,
-  borderInlineStyle: $FlowFixMe,
-  borderInlineColor: $FlowFixMe,
+  borderInlineWidth: typeof shorthands.borderHorizontalWidth,
+  borderInlineStyle: typeof shorthands.borderHorizontalStyle,
+  borderInlineColor: typeof shorthands.borderHorizontalColor,
   borderTopStartRadius: (val: TStyleValue) => TReturn,
   borderTopEndRadius: (val: TStyleValue) => TReturn,
   borderBottomStartRadius: (val: TStyleValue) => TReturn,
   borderBottomEndRadius: (val: TStyleValue) => TReturn,
-  gridGap: $FlowFixMe,
+  gridGap: typeof shorthands.gap,
   gridRowGap: (value: TStyleValue) => TReturn,
   gridColumnGap: (value: TStyleValue) => TReturn,
-  marginBlock: $FlowFixMe,
+  marginBlock: typeof shorthands.marginVertical,
   marginBlockStart: (val: TStyleValue) => TReturn,
   marginBlockEnd: (val: TStyleValue) => TReturn,
-  marginInline: $FlowFixMe,
+  marginInline: typeof shorthands.marginHorizontal,
   overflowBlock: (value: TStyleValue) => TReturn,
   overflowInline: (value: TStyleValue) => TReturn,
-  paddingBlock: $FlowFixMe,
+  paddingBlock: typeof shorthands.paddingVertical,
   paddingBlockStart: (val: TStyleValue) => TReturn,
   paddingBlockEnd: (val: TStyleValue) => TReturn,
-  paddingInline: $FlowFixMe,
+  paddingInline: typeof shorthands.paddingHorizontal,
   scrollMarginBlockStart: (value: TStyleValue) => TReturn,
   scrollMarginBlockEnd: (value: TStyleValue) => TReturn,
   float: (value: TStyleValue) => TReturn,
   clear: (value: TStyleValue) => TReturn,
 };
 
-declare const expansions: { ...shorthands, ...aliases };
+declare const expansions: { ...typeof shorthands, ...typeof aliases };
 
 declare export default typeof expansions;

package/lib/shared/preprocess-rules/property-specificity.d.ts

@@ -13,12 +13,12 @@ declare const shorthands: Readonly<{
   [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
 }>;
 declare const aliases: {
-  borderHorizontal: any;
-  borderVertical: any;
-  borderBlockStart: any;
-  borderEnd: any;
-  borderBlockEnd: any;
-  borderStart: any;
+  borderHorizontal: typeof shorthands.borderInline;
+  borderVertical: typeof shorthands.borderBlock;
+  borderBlockStart: typeof shorthands.borderTop;
+  borderEnd: typeof shorthands.borderInlineEnd;
+  borderBlockEnd: typeof shorthands.borderBottom;
+  borderStart: typeof shorthands.borderInlineStart;
   blockSize: (val: TStyleValue) => TReturn;
   inlineSize: (val: TStyleValue) => TReturn;
   minBlockSize: (val: TStyleValue) => TReturn;
@@ -70,9 +70,10 @@ declare const aliases: {
   start: (val: TStyleValue) => TReturn;
   end: (val: TStyleValue) => TReturn;
 };
-declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 85 |   ...typeof shorthands,
- *      |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
- **/
-any>;
+declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly<
+  Omit<typeof shorthands, keyof typeof aliases | keyof {}> &
+    Omit<typeof aliases, keyof {}> & {}
+>;
+declare type $$EXPORT_DEFAULT_DECLARATION$$ =
+  typeof $$EXPORT_DEFAULT_DECLARATION$$;
 export default $$EXPORT_DEFAULT_DECLARATION$$;

package/lib/shared/preprocess-rules/property-specificity.js.flow

@@ -23,12 +23,18 @@ declare const shorthands: $ReadOnly<{
 }>;
 
 declare const aliases: {
-  borderHorizontal: $FlowFixMe,
-  borderVertical: $FlowFixMe,
-  borderBlockStart: $FlowFixMe,
-  borderEnd: $FlowFixMe,
-  borderBlockEnd: $FlowFixMe,
-  borderStart: $FlowFixMe,
+  // @Deprecated
+  borderHorizontal: typeof shorthands.borderInline,
+  // @Deprecated
+  borderVertical: typeof shorthands.borderBlock,
+  // @Deprecated
+  borderBlockStart: typeof shorthands.borderTop,
+  // @Deprecated
+  borderEnd: typeof shorthands.borderInlineEnd,
+  // @Deprecated
+  borderBlockEnd: typeof shorthands.borderBottom,
+  // @Deprecated
+  borderStart: typeof shorthands.borderInlineStart,
   blockSize: (val: TStyleValue) => TReturn,
   inlineSize: (val: TStyleValue) => TReturn,
   minBlockSize: (val: TStyleValue) => TReturn,

package/lib/shared/stylex-define-consts.d.ts

@@ -12,7 +12,7 @@ import type { ConstsConfig } from './stylex-consts-utils';
 declare function styleXDefineConsts<Vars extends ConstsConfig>(
   constants: Vars,
   options: Readonly<
-    Omit<Partial<StyleXOptions>, keyof ({ exportId: string })> & {
+    Omit<Partial<StyleXOptions>, keyof { exportId: string }> & {
       exportId: string;
     }
   >,

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