@stylexjs/babel-plugin 0.16.3 → 0.17.1

package/lib/index.js.flow

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

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

@@ -55,6 +55,7 @@ export type StyleXOptions = Readonly<{
     | 'property-specificity'
     | 'legacy-expand-shorthands';
   test: boolean;
+  ...
 }>;
 export type MutableCompiledNamespaces = { [key: string]: FlatCompiledStyles };
 export type CompiledNamespaces = Readonly<MutableCompiledNamespaces>;

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

@@ -52,11 +52,20 @@ export type StyleXOptions = $ReadOnly<{
   enableDebugDataProp?: ?boolean,
   enableDevClassNames?: ?boolean,
   enableFontSizePxToRem?: ?boolean,
+  enableInlinedConditionalMerge?: ?boolean,
   enableMediaQueryOrder?: ?boolean,
   enableLegacyValueFlipping?: ?boolean,
   enableLogicalStylesPolyfill?: ?boolean,
   enableLTRRTLComments?: ?boolean,
   enableMinifiedKeys?: ?boolean,
+  // runtimeInjection?:
+  //   | boolean
+  //   | ?string
+  //   | $ReadOnly<{ from: string, as: string }>,
+  importSources?: $ReadOnlyArray<
+    string | $ReadOnly<{ from: string, as: string }>,
+  >,
+  treeshakeCompensation?: boolean,
   styleResolution:
     | 'application-order' // The last style applied wins.
     // More specific styles will win over less specific styles. (margin-top wins over margin)

package/lib/shared/hash.d.ts

@@ -8,5 +8,8 @@
  */
 
 declare const $$EXPORT_DEFAULT_DECLARATION$$: (str: string) => string;
+declare type $$EXPORT_DEFAULT_DECLARATION$$ =
+  typeof $$EXPORT_DEFAULT_DECLARATION$$;
 export default $$EXPORT_DEFAULT_DECLARATION$$;
 export declare const createShortHash: (str: string) => string;
+export declare type createShortHash = typeof createShortHash;

package/lib/shared/index.d.ts

@@ -34,24 +34,36 @@ 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;
+export declare type create = typeof create;
 export declare const defineVars: typeof styleXDefineVars;
+export declare type defineVars = typeof defineVars;
 export declare const defineConsts: typeof styleXDefineConsts;
+export declare type defineConsts = typeof defineConsts;
 export declare const createTheme: typeof styleXCreateTheme;
+export declare type createTheme = typeof createTheme;
 export declare const keyframes: typeof stylexKeyframes;
+export declare type keyframes = typeof keyframes;
 export declare const positionTry: typeof stylexPositionTry;
+export declare type positionTry = typeof positionTry;
 export declare const utils: {
   hash: typeof hash;
   genFileBasedIdentifier: typeof genFileBasedIdentifier;
 };
+export declare type utils = typeof utils;
 export declare const messages: typeof m;
+export declare type messages = typeof messages;
 export declare const firstThatWorks: typeof stylexFirstThatWorks;
+export declare type firstThatWorks = typeof firstThatWorks;
 export declare const PSEUDO_CLASS_PRIORITIES: typeof _PSEUDO_CLASS_PRIORITIES;
+export declare type PSEUDO_CLASS_PRIORITIES = typeof PSEUDO_CLASS_PRIORITIES;
 export declare const AT_RULE_PRIORITIES: typeof _AT_RULE_PRIORITIES;
+export declare type AT_RULE_PRIORITIES = typeof AT_RULE_PRIORITIES;
 export declare const PSEUDO_ELEMENT_PRIORITY: typeof _PSEUDO_ELEMENT_PRIORITY;
+export declare type PSEUDO_ELEMENT_PRIORITY = typeof PSEUDO_ELEMENT_PRIORITY;
 export type InjectableStyle = _InjectableStyle;
 export type CompiledNamespaces = _CompiledNamespaces;
 export type MutableCompiledNamespaces = _MutableCompiledNamespaces;

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

@@ -11,28 +11,60 @@ export declare const illegalArgumentLength: (
   fn: string,
   argLength: number,
 ) => string;
+export declare type illegalArgumentLength = typeof illegalArgumentLength;
 export declare const nonStaticValue: (fn: string) => string;
+export declare type nonStaticValue = typeof nonStaticValue;
 export declare const nonStyleObject: (fn: string) => string;
+export declare type nonStyleObject = typeof nonStyleObject;
 export declare const nonExportNamedDeclaration: (fn: string) => string;
+export declare type nonExportNamedDeclaration =
+  typeof nonExportNamedDeclaration;
 export declare const unboundCallValue: (fn: string) => string;
+export declare type unboundCallValue = typeof unboundCallValue;
 export declare const cannotGenerateHash: (fn: string) => string;
+export declare type cannotGenerateHash = typeof cannotGenerateHash;
 export declare const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
+export declare type DUPLICATE_CONDITIONAL = typeof DUPLICATE_CONDITIONAL;
 export declare const ESCAPED_STYLEX_VALUE: 'Escaping a create() value is not allowed.';
+export declare type ESCAPED_STYLEX_VALUE = typeof ESCAPED_STYLEX_VALUE;
 export declare const ILLEGAL_NESTED_PSEUDO: "Pseudo objects can't be nested more than one level deep.";
+export declare type ILLEGAL_NESTED_PSEUDO = typeof ILLEGAL_NESTED_PSEUDO;
 export declare const ILLEGAL_PROP_VALUE: 'A style value can only contain an array, string or number.';
+export declare type ILLEGAL_PROP_VALUE = typeof ILLEGAL_PROP_VALUE;
 export declare const ILLEGAL_PROP_ARRAY_VALUE: 'A style array value can only contain strings or numbers.';
+export declare type ILLEGAL_PROP_ARRAY_VALUE = typeof ILLEGAL_PROP_ARRAY_VALUE;
 export declare const ILLEGAL_NAMESPACE_VALUE: 'A StyleX namespace must be an object.';
+export declare type ILLEGAL_NAMESPACE_VALUE = typeof ILLEGAL_NAMESPACE_VALUE;
 export declare const INVALID_CONST_KEY: 'Keys in defineConsts() cannot start with "--".';
+export declare type INVALID_CONST_KEY = typeof INVALID_CONST_KEY;
 export declare const INVALID_PSEUDO: 'Invalid pseudo selector, not on the whitelist.';
+export declare type INVALID_PSEUDO = typeof INVALID_PSEUDO;
 export declare const INVALID_PSEUDO_OR_AT_RULE: 'Invalid pseudo or at-rule.';
+export declare type INVALID_PSEUDO_OR_AT_RULE =
+  typeof INVALID_PSEUDO_OR_AT_RULE;
 export declare const INVALID_MEDIA_QUERY_SYNTAX: 'Invalid media query syntax.';
+export declare type INVALID_MEDIA_QUERY_SYNTAX =
+  typeof INVALID_MEDIA_QUERY_SYNTAX;
 export declare const LINT_UNCLOSED_FUNCTION: 'Rule contains an unclosed function';
+export declare type LINT_UNCLOSED_FUNCTION = typeof LINT_UNCLOSED_FUNCTION;
 export declare const LOCAL_ONLY: 'The return value of create() should not be exported.';
+export declare type LOCAL_ONLY = typeof LOCAL_ONLY;
 export declare const NON_OBJECT_KEYFRAME: 'Every frame within a keyframes() call must be an object.';
+export declare type NON_OBJECT_KEYFRAME = typeof NON_OBJECT_KEYFRAME;
 export declare const NON_CONTIGUOUS_VARS: 'All variables passed to firstThatWorks() must be contiguous.';
+export declare type NON_CONTIGUOUS_VARS = typeof NON_CONTIGUOUS_VARS;
 export declare const NO_OBJECT_SPREADS: 'Object spreads are not allowed in create() calls.';
+export declare type NO_OBJECT_SPREADS = typeof NO_OBJECT_SPREADS;
 export declare const ONLY_NAMED_PARAMETERS_IN_DYNAMIC_STYLE_FUNCTIONS: 'Only named parameters are allowed in Dynamic Style functions. Destructuring, spreading or default values are not allowed.';
+export declare type ONLY_NAMED_PARAMETERS_IN_DYNAMIC_STYLE_FUNCTIONS =
+  typeof ONLY_NAMED_PARAMETERS_IN_DYNAMIC_STYLE_FUNCTIONS;
 export declare const ONLY_TOP_LEVEL: 'create() is only allowed at the root of a program.';
+export declare type ONLY_TOP_LEVEL = typeof ONLY_TOP_LEVEL;
 export declare const UNKNOWN_PROP_KEY: 'Unknown property key';
+export declare type UNKNOWN_PROP_KEY = typeof UNKNOWN_PROP_KEY;
 export declare const POSITION_TRY_INVALID_PROPERTY: 'Invalid property in `positionTry()` call. It may only contain, positionAnchor, positionArea, inset properties (top, left, insetInline etc.), margin properties, size properties (height, inlineSize, etc.), and self-alignment properties (alignSelf, justifySelf, placeSelf)';
+export declare type POSITION_TRY_INVALID_PROPERTY =
+  typeof POSITION_TRY_INVALID_PROPERTY;
 export declare const VIEW_TRANSITION_CLASS_INVALID_PROPERTY: 'Invalid property in `viewTransitionClass()` call. It may only contain group, imagePair, old, and new properties';
+export declare type VIEW_TRANSITION_CLASS_INVALID_PROPERTY =
+  typeof VIEW_TRANSITION_CLASS_INVALID_PROPERTY;

package/lib/shared/physical-rtl/generate-ltr.d.ts

@@ -10,6 +10,6 @@
 import type { StyleXOptions } from '../common-types';
 declare function generateLTR(
   pair: Readonly<[string, string]>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): Readonly<[string, string]>;
 export default generateLTR;

package/lib/shared/physical-rtl/generate-ltr.js.flow

@@ -10,5 +10,5 @@
 import type { StyleXOptions } from '../common-types';
 declare export default function generateLTR(
   pair: $ReadOnly<[string, string]>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): $ReadOnly<[string, string]>;

package/lib/shared/physical-rtl/generate-rtl.d.ts

@@ -10,6 +10,6 @@
 import type { StyleXOptions } from '../common-types';
 declare function generateRTL(
   pair: Readonly<[string, string]>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): null | undefined | Readonly<[string, string]>;
 export default generateRTL;

package/lib/shared/physical-rtl/generate-rtl.js.flow

@@ -10,5 +10,5 @@
 import type { StyleXOptions } from '../common-types';
 declare export default function generateRTL(
   pair: $ReadOnly<[string, string]>,
-  options: StyleXOptions,
+  options?: StyleXOptions,
 ): ?$ReadOnly<[string, string]>;

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

@@ -8,6 +8,10 @@
  */
 
 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
@@ -109,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;
@@ -119,39 +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

@@ -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]],
@@ -88,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,
@@ -98,39 +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;
     }
   >,