Revert "feat: exported return types of 'stylex.types.*' fns (#867)"

This reverts commit 02a93a0.
facebook · Jan 31, 2025 · ea6722a · ea6722a
1 parent 00cc2f5
commit ea6722a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 29 deletions.
diff --git a/packages/stylex/src/VarTypes.js b/packages/stylex/src/VarTypes.js
@@ -7,7 +7,12 @@
  * @flow strict
  */
 
-import type { ValueWithDefault } from './util-types';
+export type ValueWithDefault<+T> =
+  | T
+  | $ReadOnly<{
+      default: ValueWithDefault<T>,
+      [string]: ValueWithDefault<T>,
+    }>;
 
 export type CSSSyntax =
   | '*'

diff --git a/packages/stylex/src/stylex.js b/packages/stylex/src/stylex.js
@@ -21,6 +21,7 @@ import type {
   MapNamespaces,
 } from './StyleXTypes';
 import type {
+  ValueWithDefault,
   Angle,
   Color,
   Url,
@@ -35,8 +36,6 @@ import type {
   TransformFunction,
   TransformList,
 } from './VarTypes';
-import type { ValueWithDefault } from './util-types';
-export * as Types from './VarTypes';
 
 export type {
   VarGroup,

diff --git a/packages/stylex/src/util-types.js b/packages/stylex/src/util-types.js
diff --git a/packages/stylex/type-tests/theming1.js.flow b/packages/stylex/type-tests/theming1.js.flow
@@ -10,8 +10,7 @@
 /* eslint-disable no-unused-vars */
 
 import * as React from 'react';
-import * as stylex from '../src/stylex';
-import stylexLegacy from '../src/stylex';
+import stylex from '../src/stylex';
 import type { StyleXVar, VarGroup, Theme } from '../src/StyleXTypes';
 
 const DARK = '@media (prefers-color-scheme: dark)';
@@ -53,7 +52,7 @@ const correctTheme = stylex.createTheme(buttonTokens, {
 
 correctTheme as Theme<typeof buttonTokens, string>;
 
-const result: string = stylexLegacy(correctTheme);
+const result: string = stylex(correctTheme);
 const result2: $ReadOnly<{
   className?: string,
   style?: $ReadOnly<{ [string]: string | number }>,
@@ -142,14 +141,6 @@ const typedTokens = stylex.defineVars({
   shortAnimation: stylex.types.time<string | 0>('0.5s'),
 });
 
-const _bgColor: StyleXVar<stylex.Types.Color<string>> = typedTokens.bgColor;
-const _cornerRadius: StyleXVar<stylex.Types.Length<string | number>> =
-  typedTokens.cornerRadius;
-const _translucent: StyleXVar<stylex.Types.Num<number>> =
-  typedTokens.translucent;
-const _shortAnimation: StyleXVar<stylex.Types.Time<string | 0>> =
-  typedTokens.shortAnimation;
-
 const correctlyTypedTheme = stylex.createTheme(typedTokens, {
   bgColor: stylex.types.color('red'),
   cornerRadius: stylex.types.length('4px'),