@stylexjs/shared 0.2.0-beta.11 → 0.2.0-beta.13

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

@@ -0,0 +1,253 @@
+/**
+ * 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 { TStyleValue } from '../common-types';
+/**
+ * Shorthand properties:
+ * - [x] all - Should be banned
+ * - [x] animation
+ * - [x] background
+ * - [x] border
+ * - [x] border-block-end
+ * - [x] border-block-start
+ * - [x] border-bottom
+ * - [x] border-color
+ * - [x] border-image
+ * - [x] border-inline-end
+ * - [x] border-inline-start
+ * - [x] border-left
+ * - [x] border-radius
+ * - [x] border-right
+ * - [x] border-style
+ * - [x] border-top
+ * - [x] border-width
+ * - [x] column-rule
+ * - [x] columns
+ * - [x] container
+ * - [x] flex
+ * - [x] flex-flow
+ * - [x] font
+ * - [x] gap
+ * - [x] grid
+ * - [x] grid-area
+ * - [x] grid-column
+ * - [x] grid-row
+ * - [x] grid-template
+ * - [x] inset
+ * - [x] inset-block
+ * - [x] inset-inline
+ * - [x] list-style
+ * - [x] margin
+ * - [x] mask
+ * - [x] offset
+ * - [x] outline
+ * - [x] overflow
+ * - [x] padding
+ * - [x] place-content
+ * - [x] place-items
+ * - [x] place-self
+ * - [x] scroll-margin
+ * - [x] scroll-padding
+ * - [x] text-decoration
+ * - [x] text-emphasis
+ * - [x] transition
+ */
+
+/**
+ * Shorthand properties:
+ * - [x] all - Should be banned
+ * - [x] animation
+ * - [x] background
+ * - [x] border
+ * - [x] border-block-end
+ * - [x] border-block-start
+ * - [x] border-bottom
+ * - [x] border-color
+ * - [x] border-image
+ * - [x] border-inline-end
+ * - [x] border-inline-start
+ * - [x] border-left
+ * - [x] border-radius
+ * - [x] border-right
+ * - [x] border-style
+ * - [x] border-top
+ * - [x] border-width
+ * - [x] column-rule
+ * - [x] columns
+ * - [x] container
+ * - [x] flex
+ * - [x] flex-flow
+ * - [x] font
+ * - [x] gap
+ * - [x] grid
+ * - [x] grid-area
+ * - [x] grid-column
+ * - [x] grid-row
+ * - [x] grid-template
+ * - [x] inset
+ * - [x] inset-block
+ * - [x] inset-inline
+ * - [x] list-style
+ * - [x] margin
+ * - [x] mask
+ * - [x] offset
+ * - [x] outline
+ * - [x] overflow
+ * - [x] padding
+ * - [x] place-content
+ * - [x] place-items
+ * - [x] place-self
+ * - [x] scroll-margin
+ * - [x] scroll-padding
+ * - [x] text-decoration
+ * - [x] text-emphasis
+ * - [x] transition
+ */
+
+type TReturn = ReadonlyArray<[string, TStyleValue]>;
+declare var shorthands: {
+  all: (_: TStyleValue) => TReturn;
+  animation: (value: TStyleValue) => Array<[string, TStyleValue]>;
+  background: (value: TStyleValue) => TReturn;
+  border: (rawValue: TStyleValue) => TReturn;
+  borderInline: (rawValue: TStyleValue) => TReturn;
+  borderBlock: (rawValue: TStyleValue) => TReturn;
+  borderTop: (rawValue: TStyleValue) => TReturn;
+  borderInlineEnd: (rawValue: TStyleValue) => TReturn;
+  borderRight: (_rawValue: TStyleValue) => TReturn;
+  borderBottom: (rawValue: TStyleValue) => TReturn;
+  borderInlineStart: (rawValue: TStyleValue) => TReturn;
+  borderLeft: (_rawValue: TStyleValue) => TReturn;
+  borderInlineWidth: (rawValue: TStyleValue) => TReturn;
+  borderInlineStyle: (rawValue: TStyleValue) => TReturn;
+  borderInlineColor: (rawValue: TStyleValue) => TReturn;
+  borderBlockWidth: (rawValue: TStyleValue) => TReturn;
+  borderBlockStyle: (rawValue: TStyleValue) => TReturn;
+  borderBlockColor: (rawValue: TStyleValue) => TReturn;
+  borderColor: (value: TStyleValue) => TReturn;
+  borderStyle: (value: TStyleValue) => TReturn;
+  borderWidth: (value: TStyleValue) => TReturn;
+  borderInlineStartColor: (value: TStyleValue) => TReturn;
+  borderInlineEndColor: (value: TStyleValue) => TReturn;
+  borderInlineStartStyle: (value: TStyleValue) => TReturn;
+  borderInlineEndStyle: (value: TStyleValue) => TReturn;
+  borderInlineStartWidth: (value: TStyleValue) => TReturn;
+  borderInlineEndWidth: (value: TStyleValue) => TReturn;
+  borderLeftColor: (value: TStyleValue) => TReturn;
+  borderRightColor: (value: TStyleValue) => TReturn;
+  borderLeftStyle: (value: TStyleValue) => TReturn;
+  borderRightStyle: (value: TStyleValue) => TReturn;
+  borderLeftWidth: (value: TStyleValue) => TReturn;
+  borderRightWidth: (value: TStyleValue) => TReturn;
+  borderRadius: (value: TStyleValue) => TReturn;
+  borderStartStartRadius: (value: TStyleValue) => TReturn;
+  borderStartEndRadius: (value: TStyleValue) => TReturn;
+  borderEndStartRadius: (value: TStyleValue) => TReturn;
+  borderEndEndRadius: (value: TStyleValue) => TReturn;
+  borderTopLeftRadius: (value: TStyleValue) => TReturn;
+  borderTopRightRadius: (value: TStyleValue) => TReturn;
+  borderBottomLeftRadius: (value: TStyleValue) => TReturn;
+  borderBottomRightRadius: (value: TStyleValue) => TReturn;
+  columnRule: (value: TStyleValue) => TReturn;
+  columns: (value: TStyleValue) => TReturn;
+  container: (value: TStyleValue) => TReturn;
+  flex: (value: TStyleValue) => TReturn;
+  flexFlow: (value: TStyleValue) => TReturn;
+  font: (value: TStyleValue) => TReturn;
+  gap: (value: TStyleValue) => TReturn;
+  grid: (value: TStyleValue) => TReturn;
+  gridArea: (value: TStyleValue) => TReturn;
+  gridRow: (value: TStyleValue) => TReturn;
+  gridColumn: (value: TStyleValue) => TReturn;
+  gridTemplate: (value: TStyleValue) => TReturn;
+  inset: (value: TStyleValue) => TReturn;
+  insetInline: (value: TStyleValue) => TReturn;
+  insetBlock: (value: TStyleValue) => TReturn;
+  insetInlineStart: (value: TStyleValue) => TReturn;
+  insetInlineEnd: (value: TStyleValue) => TReturn;
+  left: (value: TStyleValue) => TReturn;
+  right: (value: TStyleValue) => TReturn;
+  listStyle: (value: TStyleValue) => TReturn;
+  margin: (value: TStyleValue) => TReturn;
+  marginInline: (value: TStyleValue) => TReturn;
+  marginBlock: (value: TStyleValue) => TReturn;
+  marginInlineStart: (value: TStyleValue) => TReturn;
+  marginInlineEnd: (value: TStyleValue) => TReturn;
+  marginLeft: (value: TStyleValue) => TReturn;
+  marginRight: (value: TStyleValue) => TReturn;
+  mask: (value: TStyleValue) => TReturn;
+  offset: (value: TStyleValue) => TReturn;
+  outline: (value: TStyleValue) => TReturn;
+  overflow: (value: TStyleValue) => TReturn;
+  padding: (rawValue: TStyleValue) => TReturn;
+  paddingInline: (rawValue: TStyleValue) => TReturn;
+  paddingBlock: (rawValue: TStyleValue) => TReturn;
+  paddingInlineStart: (value: TStyleValue) => TReturn;
+  paddingInlineEnd: (value: TStyleValue) => TReturn;
+  paddingLeft: (value: TStyleValue) => TReturn;
+  paddingRight: (value: TStyleValue) => TReturn;
+  placeContent: (value: TStyleValue) => TReturn;
+  placeItems: (value: TStyleValue) => TReturn;
+  placeSelf: (value: TStyleValue) => TReturn;
+  scrollMargin: (value: TStyleValue) => TReturn;
+  scrollPadding: (value: TStyleValue) => TReturn;
+  scrollTimeline: (value: TStyleValue) => TReturn;
+  textDecoration: (value: TStyleValue) => TReturn;
+  textEmphasis: (value: TStyleValue) => TReturn;
+  transition: (value: TStyleValue) => TReturn;
+};
+declare var aliases: {
+  borderHorizontal: any;
+  borderVertical: any;
+  borderBlockStart: any;
+  borderEnd: any;
+  borderBlockEnd: any;
+  borderStart: any;
+  borderHorizontalWidth: any;
+  borderHorizontalStyle: any;
+  borderHorizontalColor: any;
+  borderVerticalWidth: any;
+  borderVerticalStyle: any;
+  borderVerticalColor: any;
+  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;
+  borderTopStartRadius: (value: TStyleValue) => TReturn;
+  borderTopEndRadius: (value: TStyleValue) => TReturn;
+  borderBottomStartRadius: (value: TStyleValue) => TReturn;
+  borderBottomEndRadius: (value: TStyleValue) => TReturn;
+  marginBlockStart: (value: TStyleValue) => TReturn;
+  marginBlockEnd: (value: TStyleValue) => TReturn;
+  marginStart: any;
+  marginEnd: any;
+  marginHorizontal: any;
+  marginVertical: any;
+  paddingBlockStart: (rawValue: TStyleValue) => TReturn;
+  paddingBlockEnd: (rawValue: TStyleValue) => TReturn;
+  paddingStart: any;
+  paddingEnd: any;
+  paddingHorizontal: any;
+  paddingVertical: any;
+  insetBlockStart: (value: TStyleValue) => TReturn;
+  insetBlockEnd: (value: TStyleValue) => TReturn;
+  start: any;
+  end: any;
+};
+declare var expansions: Omit<shorthands, keyof (aliases | {})> &
+  Omit<aliases, keyof ({})> & {};
+export default expansions;

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

@@ -0,0 +1,206 @@
+/**
+ * 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 { TStyleValue } from '../common-types';
+
+/**
+ * Shorthand properties:
+ * - [x] all - Should be banned
+ * - [x] animation
+ * - [x] background
+ * - [x] border
+ * - [x] border-block-end
+ * - [x] border-block-start
+ * - [x] border-bottom
+ * - [x] border-color
+ * - [x] border-image
+ * - [x] border-inline-end
+ * - [x] border-inline-start
+ * - [x] border-left
+ * - [x] border-radius
+ * - [x] border-right
+ * - [x] border-style
+ * - [x] border-top
+ * - [x] border-width
+ * - [x] column-rule
+ * - [x] columns
+ * - [x] container
+ * - [x] flex
+ * - [x] flex-flow
+ * - [x] font
+ * - [x] gap
+ * - [x] grid
+ * - [x] grid-area
+ * - [x] grid-column
+ * - [x] grid-row
+ * - [x] grid-template
+ * - [x] inset
+ * - [x] inset-block
+ * - [x] inset-inline
+ * - [x] list-style
+ * - [x] margin
+ * - [x] mask
+ * - [x] offset
+ * - [x] outline
+ * - [x] overflow
+ * - [x] padding
+ * - [x] place-content
+ * - [x] place-items
+ * - [x] place-self
+ * - [x] scroll-margin
+ * - [x] scroll-padding
+ * - [x] text-decoration
+ * - [x] text-emphasis
+ * - [x] transition
+ */
+
+type TReturn = $ReadOnlyArray<[string, TStyleValue]>;
+
+declare var shorthands: {
+  all: (_: TStyleValue) => TReturn,
+  animation: (value: TStyleValue) => Array<[string, TStyleValue]>,
+  background: (value: TStyleValue) => TReturn,
+  border: (rawValue: TStyleValue) => TReturn,
+  borderInline: (rawValue: TStyleValue) => TReturn,
+  borderBlock: (rawValue: TStyleValue) => TReturn,
+  borderTop: (rawValue: TStyleValue) => TReturn,
+  borderInlineEnd: (rawValue: TStyleValue) => TReturn,
+  borderRight: (_rawValue: TStyleValue) => TReturn,
+  borderBottom: (rawValue: TStyleValue) => TReturn,
+  borderInlineStart: (rawValue: TStyleValue) => TReturn,
+  borderLeft: (_rawValue: TStyleValue) => TReturn,
+  borderInlineWidth: (rawValue: TStyleValue) => TReturn,
+  borderInlineStyle: (rawValue: TStyleValue) => TReturn,
+  borderInlineColor: (rawValue: TStyleValue) => TReturn,
+  borderBlockWidth: (rawValue: TStyleValue) => TReturn,
+  borderBlockStyle: (rawValue: TStyleValue) => TReturn,
+  borderBlockColor: (rawValue: TStyleValue) => TReturn,
+  borderColor: (value: TStyleValue) => TReturn,
+  borderStyle: (value: TStyleValue) => TReturn,
+  borderWidth: (value: TStyleValue) => TReturn,
+  borderInlineStartColor: (value: TStyleValue) => TReturn,
+  borderInlineEndColor: (value: TStyleValue) => TReturn,
+  borderInlineStartStyle: (value: TStyleValue) => TReturn,
+  borderInlineEndStyle: (value: TStyleValue) => TReturn,
+  borderInlineStartWidth: (value: TStyleValue) => TReturn,
+  borderInlineEndWidth: (value: TStyleValue) => TReturn,
+  borderLeftColor: (value: TStyleValue) => TReturn,
+  borderRightColor: (value: TStyleValue) => TReturn,
+  borderLeftStyle: (value: TStyleValue) => TReturn,
+  borderRightStyle: (value: TStyleValue) => TReturn,
+  borderLeftWidth: (value: TStyleValue) => TReturn,
+  borderRightWidth: (value: TStyleValue) => TReturn,
+  borderRadius: (value: TStyleValue) => TReturn,
+  borderStartStartRadius: (value: TStyleValue) => TReturn,
+  borderStartEndRadius: (value: TStyleValue) => TReturn,
+  borderEndStartRadius: (value: TStyleValue) => TReturn,
+  borderEndEndRadius: (value: TStyleValue) => TReturn,
+  borderTopLeftRadius: (value: TStyleValue) => TReturn,
+  borderTopRightRadius: (value: TStyleValue) => TReturn,
+  borderBottomLeftRadius: (value: TStyleValue) => TReturn,
+  borderBottomRightRadius: (value: TStyleValue) => TReturn,
+  columnRule: (value: TStyleValue) => TReturn,
+  columns: (value: TStyleValue) => TReturn,
+  container: (value: TStyleValue) => TReturn,
+  flex: (value: TStyleValue) => TReturn,
+  flexFlow: (value: TStyleValue) => TReturn,
+  font: (value: TStyleValue) => TReturn,
+  gap: (value: TStyleValue) => TReturn,
+  grid: (value: TStyleValue) => TReturn,
+  gridArea: (value: TStyleValue) => TReturn,
+  gridRow: (value: TStyleValue) => TReturn,
+  gridColumn: (value: TStyleValue) => TReturn,
+  gridTemplate: (value: TStyleValue) => TReturn,
+  inset: (value: TStyleValue) => TReturn,
+  insetInline: (value: TStyleValue) => TReturn,
+  insetBlock: (value: TStyleValue) => TReturn,
+  insetInlineStart: (value: TStyleValue) => TReturn,
+  insetInlineEnd: (value: TStyleValue) => TReturn,
+  left: (value: TStyleValue) => TReturn,
+  right: (value: TStyleValue) => TReturn,
+  listStyle: (value: TStyleValue) => TReturn,
+  margin: (value: TStyleValue) => TReturn,
+  marginInline: (value: TStyleValue) => TReturn,
+  marginBlock: (value: TStyleValue) => TReturn,
+  marginInlineStart: (value: TStyleValue) => TReturn,
+  marginInlineEnd: (value: TStyleValue) => TReturn,
+  marginLeft: (value: TStyleValue) => TReturn,
+  marginRight: (value: TStyleValue) => TReturn,
+  mask: (value: TStyleValue) => TReturn,
+  offset: (value: TStyleValue) => TReturn,
+  outline: (value: TStyleValue) => TReturn,
+  overflow: (value: TStyleValue) => TReturn,
+  padding: (rawValue: TStyleValue) => TReturn,
+  paddingInline: (rawValue: TStyleValue) => TReturn,
+  paddingBlock: (rawValue: TStyleValue) => TReturn,
+  paddingInlineStart: (value: TStyleValue) => TReturn,
+  paddingInlineEnd: (value: TStyleValue) => TReturn,
+  paddingLeft: (value: TStyleValue) => TReturn,
+  paddingRight: (value: TStyleValue) => TReturn,
+  placeContent: (value: TStyleValue) => TReturn,
+  placeItems: (value: TStyleValue) => TReturn,
+  placeSelf: (value: TStyleValue) => TReturn,
+  scrollMargin: (value: TStyleValue) => TReturn,
+  scrollPadding: (value: TStyleValue) => TReturn,
+  scrollTimeline: (value: TStyleValue) => TReturn,
+  textDecoration: (value: TStyleValue) => TReturn,
+  textEmphasis: (value: TStyleValue) => TReturn,
+  transition: (value: TStyleValue) => TReturn,
+};
+
+declare var aliases: {
+  borderHorizontal: $FlowFixMe,
+  borderVertical: $FlowFixMe,
+  borderBlockStart: $FlowFixMe,
+  borderEnd: $FlowFixMe,
+  borderBlockEnd: $FlowFixMe,
+  borderStart: $FlowFixMe,
+  borderHorizontalWidth: $FlowFixMe,
+  borderHorizontalStyle: $FlowFixMe,
+  borderHorizontalColor: $FlowFixMe,
+  borderVerticalWidth: $FlowFixMe,
+  borderVerticalStyle: $FlowFixMe,
+  borderVerticalColor: $FlowFixMe,
+  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,
+  borderTopStartRadius: (value: TStyleValue) => TReturn,
+  borderTopEndRadius: (value: TStyleValue) => TReturn,
+  borderBottomStartRadius: (value: TStyleValue) => TReturn,
+  borderBottomEndRadius: (value: TStyleValue) => TReturn,
+  marginBlockStart: (value: TStyleValue) => TReturn,
+  marginBlockEnd: (value: TStyleValue) => TReturn,
+  marginStart: $FlowFixMe,
+  marginEnd: $FlowFixMe,
+  marginHorizontal: $FlowFixMe,
+  marginVertical: $FlowFixMe,
+  paddingBlockStart: (rawValue: TStyleValue) => TReturn,
+  paddingBlockEnd: (rawValue: TStyleValue) => TReturn,
+  paddingStart: $FlowFixMe,
+  paddingEnd: $FlowFixMe,
+  paddingHorizontal: $FlowFixMe,
+  paddingVertical: $FlowFixMe,
+  insetBlockStart: (value: TStyleValue) => TReturn,
+  insetBlockEnd: (value: TStyleValue) => TReturn,
+  start: $FlowFixMe,
+  end: $FlowFixMe,
+};
+
+declare var expansions: { ...shorthands, ...aliases };
+
+declare export default expansions;

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

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ *
+ *
+ */
+
+export declare function validateNamespace(
+  namespace: unknown,
+  conditions: ReadonlyArray<string>
+): void;

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

@@ -0,0 +1,13 @@
+/**
+ * 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
+ */
+
+declare export function validateNamespace(
+  namespace: mixed,
+  conditions: $ReadOnlyArray<string>
+): void;

package/lib/preprocess-rules/flatten-raw-style-obj.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 { RawStyles, StyleXOptions } from '../common-types';
+import {
+  type AnyPreRule,
+  type IPreRule,
+  PreIncludedStylesRule,
+} from './PreRule';
+export declare function flattenRawStyleObject(
+  style: RawStyles,
+  options: StyleXOptions
+): ReadonlyArray<Readonly<[string, IPreRule]>>;
+export declare function _flattenRawStyleObject(
+  style: RawStyles,
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>,
+  options: StyleXOptions
+): Array<Readonly<[string, AnyPreRule | PreIncludedStylesRule]>>;

package/lib/preprocess-rules/flatten-raw-style-obj.js.flow

@@ -0,0 +1,27 @@
+/**
+ * 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 { RawStyles, StyleXOptions } from '../common-types';
+
+import {
+  type AnyPreRule,
+  type IPreRule,
+  PreIncludedStylesRule,
+} from './PreRule';
+declare export function flattenRawStyleObject(
+  style: RawStyles,
+  options: StyleXOptions
+): $ReadOnlyArray<$ReadOnly<[string, IPreRule]>>;
+
+declare export function _flattenRawStyleObject(
+  style: RawStyles,
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+  options: StyleXOptions
+): Array<$ReadOnly<[string, AnyPreRule | PreIncludedStylesRule]>>;

package/lib/preprocess-rules/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 { StyleXOptions, TStyleValue } from '../common-types';
+export declare function getExpandedKeys(
+  options: StyleXOptions
+): ReadonlyArray<string>;
+declare function flatMapExpandedShorthands(
+  objEntry: Readonly<[string, TStyleValue]>,
+  options: StyleXOptions
+): ReadonlyArray<[string, TStyleValue]>;
+export default flatMapExpandedShorthands;

package/lib/preprocess-rules/index.js.flow

@@ -0,0 +1,19 @@
+/**
+ * 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 { StyleXOptions, TStyleValue } from '../common-types';
+
+declare export function getExpandedKeys(
+  options: StyleXOptions
+): $ReadOnlyArray<string>;
+
+declare export default function flatMapExpandedShorthands(
+  objEntry: $ReadOnly<[string, TStyleValue]>,
+  options: StyleXOptions
+): $ReadOnlyArray<[string, TStyleValue]>;

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

@@ -0,0 +1,122 @@
+/**
+ * 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 { TStyleValue } from '../common-types';
+/**
+ * Shorthand properties:
+ * - [x] all - Should be banned
+ * - [ ] animation
+ * - [ ] background
+ * - [-] border
+ * - [x] border-block-end
+ * - [x] border-block-start
+ * - [ ] border-bottom
+ * - [x] border-color
+ * - [x] border-image
+ * - [x] border-inline-end
+ * - [x] border-inline-start
+ * - [ ] border-left
+ * - [x] border-radius
+ * - [ ] border-right
+ * - [x] border-style
+ * - [ ] border-top
+ * - [x] border-width
+ * - [ ] column-rule
+ * - [ ] columns
+ * - [ ] flex
+ * - [ ] flex-flow
+ * - [ ] font
+ * - [ ] gap
+ * - [ ] grid
+ * - [ ] grid-area
+ * - [ ] grid-column
+ * - [ ] grid-row
+ * - [ ] grid-template
+ * - [ ] list-style
+ * - [x] margin
+ * - [ ] mask
+ * - [ ] offset
+ * - [ ] outline
+ * - [x] overflow
+ * - [x] padding
+ * - [ ] place-content
+ * - [ ] place-items
+ * - [ ] place-self
+ * - [ ] scroll-margin
+ * - [ ] scroll-padding
+ * - [ ] text-decoration
+ * - [ ] text-emphasis
+ * - [ ] transition
+ */
+
+/**
+ * Shorthand properties:
+ * - [x] all - Should be banned
+ * - [ ] animation
+ * - [ ] background
+ * - [-] border
+ * - [x] border-block-end
+ * - [x] border-block-start
+ * - [ ] border-bottom
+ * - [x] border-color
+ * - [x] border-image
+ * - [x] border-inline-end
+ * - [x] border-inline-start
+ * - [ ] border-left
+ * - [x] border-radius
+ * - [ ] border-right
+ * - [x] border-style
+ * - [ ] border-top
+ * - [x] border-width
+ * - [ ] column-rule
+ * - [ ] columns
+ * - [ ] flex
+ * - [ ] flex-flow
+ * - [ ] font
+ * - [ ] gap
+ * - [ ] grid
+ * - [ ] grid-area
+ * - [ ] grid-column
+ * - [ ] grid-row
+ * - [ ] grid-template
+ * - [ ] list-style
+ * - [x] margin
+ * - [ ] mask
+ * - [ ] offset
+ * - [ ] outline
+ * - [x] overflow
+ * - [x] padding
+ * - [ ] place-content
+ * - [ ] place-items
+ * - [ ] place-self
+ * - [ ] scroll-margin
+ * - [ ] scroll-padding
+ * - [ ] text-decoration
+ * - [ ] text-emphasis
+ * - [ ] transition
+ */
+
+type TReturn = ReadonlyArray<[string, TStyleValue]>;
+declare var expansions: {
+  border: (rawValue: TStyleValue) => TReturn;
+  borderColor: (rawValue: TStyleValue) => TReturn;
+  borderHorizontal: (rawValue: TStyleValue) => TReturn;
+  borderStyle: (rawValue: TStyleValue) => TReturn;
+  borderVertical: (rawValue: TStyleValue) => TReturn;
+  borderWidth: (rawValue: TStyleValue) => TReturn;
+  borderRadius: (rawValue: TStyleValue) => TReturn;
+  margin: (rawValue: TStyleValue) => TReturn;
+  marginHorizontal: (rawValue: TStyleValue) => TReturn;
+  marginVertical: (rawValue: TStyleValue) => TReturn;
+  overflow: (rawValue: TStyleValue) => TReturn;
+  padding: (rawValue: TStyleValue) => TReturn;
+  paddingHorizontal: (rawValue: TStyleValue) => TReturn;
+  paddingVertical: (rawValue: TStyleValue) => TReturn;
+};
+export default expansions;