@stylexjs/shared 0.2.0-beta.9 → 0.4.0

package/README.md

@@ -4,8 +4,8 @@ This package contains most of the core JavaScript logic for stylex.
 
 It exports two primary functions `create` and `keyframes`.
 
-1. `create` - takes a map of style rules. The return value include: a) the map with each style value replaced by a unique, reproducible, hashed className string, and b) a list of the CSS styles to be inserted into the document.
-2. `keyframes` - takes a `@keyframes` animation as JS object. Returns a hashed string and the style ot be injected.
+1. `create` - takes a map of style rules. The return value includes: a) the map with each style value replaced by a unique, reproducible, hashed `className` string, and b) a list of the CSS styles to be inserted into the document.
+2. `keyframes` - takes a `@keyframes` animation as JS object. Returns a hashed string and the style to be injected.
 
 #### ⭐️ `create`
 
@@ -29,7 +29,7 @@ The first step here is expanding all [shorthands](#shorthands) into their indivi
 
 **Step 2**
 
-We hash each style `[key, value]` pair and generate a className and an associated CSS rule. Thie is done in the `convertToClassName(...)` function defined within [`convert-to-className.js`](#convert-to-classname-shared-package). (Explained below)
+We hash each style `[key, value]` pair and generate a className and an associated CSS rule. This is done in the `convertToClassName(...)` function defined within [`convert-to-className.js`](#convert-to-classname-shared-package). (Explained below)
 
 **Step 3**
 

package/lib/common-types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * 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 { IncludedStyles } from './stylex-include';
+export type TRawValue = number | string | ReadonlyArray<number | string>;
+export type TStyleValue = null | TRawValue;
+export type TNestableStyleValue = TStyleValue | PrimitiveRawStyles;
+export type RawStyles = Readonly<{
+  [$$Key$$: string]: TNestableStyleValue | IncludedStyles;
+}>;
+export type PrimitiveRawStyles = Readonly<{
+  [$$Key$$: string]: TNestableStyleValue;
+}>;
+export type InjectableStyle = {
+  readonly priority: number;
+  readonly ltr: string;
+  readonly rtl: null | string;
+};
+export type StyleRule = [string, string, InjectableStyle];
+export type CompiledStyles = Readonly<{
+  [$$Key$$: string]:
+    | IncludedStyles
+    | null
+    | string
+    | Readonly<{ [$$Key$$: string]: null | string }>;
+}>;
+export type FlatCompiledStyles = Readonly<{
+  [$$Key$$: string]: string | IncludedStyles | null;
+  $$css: true;
+}>;
+export type StyleXOptions = Readonly<{
+  dev: boolean;
+  test: boolean;
+  useRemForFontSize: boolean;
+  classNamePrefix: string;
+  definedStylexCSSVariables?: { [key: string]: unknown };
+  styleResolution:
+    | 'application-order'
+    | 'property-specificity'
+    | 'legacy-expand-shorthands';
+}>;
+export type MutableCompiledNamespaces = { [key: string]: FlatCompiledStyles };
+export type CompiledNamespaces = Readonly<MutableCompiledNamespaces>;

package/lib/common-types.js.flow

@@ -0,0 +1,64 @@
+/**
+ * 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 { IncludedStyles } from './stylex-include';
+
+export type TRawValue = number | string | $ReadOnlyArray<number | string>;
+export type TStyleValue = null | TRawValue;
+export type TNestableStyleValue = TStyleValue | PrimitiveRawStyles;
+
+export type RawStyles = $ReadOnly<{
+  [string]: TNestableStyleValue | IncludedStyles,
+}>;
+export type PrimitiveRawStyles = $ReadOnly<{
+  [string]: TNestableStyleValue,
+}>;
+
+export type InjectableStyle = {
+  +priority: number,
+  +ltr: string,
+  +rtl: null | string,
+};
+
+export type StyleRule = [string, string, InjectableStyle];
+
+export type CompiledStyles = $ReadOnly<{
+  [string]:
+    | IncludedStyles
+    | null
+    | string
+    | $ReadOnly<{ [string]: null | string }>,
+}>;
+
+export type FlatCompiledStyles = $ReadOnly<{
+  [string]: string | IncludedStyles | null,
+  $$css: true,
+}>;
+
+export type StyleXOptions = $ReadOnly<{
+  dev: boolean,
+  test: boolean,
+  useRemForFontSize: boolean,
+  classNamePrefix: string,
+  definedStylexCSSVariables?: { [key: string]: mixed },
+  styleResolution:
+    | 'application-order' // The last style applied wins.
+    // More specific styles will win over less specific styles. (margin-top wins over margin)
+    | 'property-specificity'
+    // Legacy behavior, that expands shorthand properties into their longhand counterparts at compile-time.
+    // This is not recommended, and will be removed in a future version.
+    | 'legacy-expand-shorthands',
+  ...
+}>;
+
+export type MutableCompiledNamespaces = {
+  [key: string]: FlatCompiledStyles,
+};
+
+export type CompiledNamespaces = $ReadOnly<MutableCompiledNamespaces>;

package/lib/convert-to-className.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { TRawValue, StyleRule, StyleXOptions } from './common-types';
+export declare function convertStyleToClassName(
+  objEntry: [string, TRawValue],
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>,
+  options: StyleXOptions,
+): StyleRule;

package/lib/convert-to-className.js

@@ -3,38 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = convertToClassName;
+exports.convertStyleToClassName = convertStyleToClassName;
 var _hash = _interopRequireDefault(require("./hash"));
 var _dashify = _interopRequireDefault(require("./utils/dashify"));
 var _transformValue = _interopRequireDefault(require("./transform-value"));
-var _generateCssRule = _interopRequireDefault(require("./generate-css-rule"));
+var _generateCssRule = require("./generate-css-rule");
+var _defaultOptions = require("./utils/default-options");
+var _objectUtils = require("./utils/object-utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- * 
- */
-
-// This function takes a single style rule and transforms it into a CSS rule.
-// [color: 'red'] => ['color', 'classname-for-color-red', CSSRULE{ltr, rtl, priority}]
-//
-// It converts the camelCased style key to a dash-separated key.
-// Handles RTL-flipping
-// Hashes to get a className
-// Returns the final key, className a CSS Rule
-function convertToClassName(objEntry, pseudo) {
-  let {
-    stylexSheetName = '<>',
+function convertStyleToClassName(objEntry, pseudos, atRules) {
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _defaultOptions.defaultOptions;
+  const {
     classNamePrefix = 'x'
-  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  } = options;
   const [key, rawValue] = objEntry;
   const dashedKey = (0, _dashify.default)(key);
-  const value = Array.isArray(rawValue) ? rawValue.map(eachValue => (0, _transformValue.default)(key, eachValue)) : (0, _transformValue.default)(key, rawValue);
-  const stringToHash = Array.isArray(value) ? dashedKey + value.join(', ') + (pseudo ?? 'null') : dashedKey + value + (pseudo ?? 'null');
-  const className = classNamePrefix + (0, _hash.default)(stylexSheetName + stringToHash);
-  const cssRules = (0, _generateCssRule.default)(className, dashedKey, value, pseudo);
+  const value = Array.isArray(rawValue) ? rawValue.map(eachValue => (0, _transformValue.default)(key, eachValue, options)) : (0, _transformValue.default)(key, rawValue, options);
+  const sortedPseudos = (0, _objectUtils.arraySort)(pseudos ?? []);
+  const sortedAtRules = (0, _objectUtils.arraySort)(atRules ?? []);
+  const atRuleHashString = sortedPseudos.join('');
+  const pseudoHashString = sortedAtRules.join('');
+  const modifierHashString = atRuleHashString + pseudoHashString || 'null';
+  const stringToHash = Array.isArray(value) ? dashedKey + value.join(', ') + modifierHashString : dashedKey + value + modifierHashString;
+  const className = classNamePrefix + (0, _hash.default)('<>' + stringToHash);
+  const cssRules = (0, _generateCssRule.generateRule)(className, dashedKey, value, pseudos, atRules);
   return [key, className, cssRules];
 }

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

@@ -0,0 +1,23 @@
+/**
+ * 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 { TRawValue, StyleRule, StyleXOptions } from './common-types';
+// This function takes a single style rule and transforms it into a CSS rule.
+// [color: 'red'] => ['color', 'classname-for-color-red', CSSRULE{ltr, rtl, priority}]
+//
+// It converts the camelCased style key to a dash-separated key.
+// Handles RTL-flipping
+// Hashes to get a className
+// Returns the final key, className a CSS Rule
+declare export function convertStyleToClassName(
+  objEntry: [string, TRawValue],
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+  options: StyleXOptions,
+): StyleRule;

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

@@ -0,0 +1,17 @@
+/**
+ * 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 { InjectableStyle } from './common-types';
+export declare function generateRule(
+  className: string,
+  key: string,
+  value: string | ReadonlyArray<string>,
+  pseudos: ReadonlyArray<string>,
+  atRules: ReadonlyArray<string>,
+): InjectableStyle;

package/lib/generate-css-rule.js

@@ -3,31 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generateCSSRule;
+exports.generateRule = generateRule;
 var _generateLtr = _interopRequireDefault(require("./physical-rtl/generate-ltr"));
 var _generateRtl = _interopRequireDefault(require("./physical-rtl/generate-rtl"));
-var _genCSSRule = _interopRequireDefault(require("./utils/genCSSRule"));
+var _genCSSRule = require("./utils/genCSSRule");
 var _propertyPriorities = _interopRequireDefault(require("./utils/property-priorities"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- * 
- */
-
-function generateCSSRule(className, key,
-// pre-dashed
-value, pseudo) {
+function generateRule(className, key, value, pseudos, atRules) {
   const pairs = Array.isArray(value) ? value.map(eachValue => [key, eachValue]) : [[key, value]];
   const ltrPairs = pairs.map(_generateLtr.default);
   const ltrDecls = ltrPairs.map(pair => pair.join(':')).join(';');
   const rtlDecls = pairs.map(_generateRtl.default).filter(Boolean).map(pair => pair.join(':')).join(';');
-  const ltrRule = (0, _genCSSRule.default)(className, ltrDecls, pseudo);
-  const rtlRule = !rtlDecls ? null : (0, _genCSSRule.default)(className, rtlDecls, pseudo);
-  const priority = (0, _propertyPriorities.default)(key) + (pseudo ? (0, _propertyPriorities.default)(pseudo) : 0);
+  const ltrRule = (0, _genCSSRule.genCSSRule)(className, ltrDecls, pseudos, atRules);
+  const rtlRule = !rtlDecls ? null : (0, _genCSSRule.genCSSRule)(className, rtlDecls, pseudos, atRules);
+  const priority = (0, _propertyPriorities.default)(key) + pseudos.map(_propertyPriorities.default).reduce((a, b) => a + b, 0) + atRules.map(_propertyPriorities.default).reduce((a, b) => a + b, 0);
   return {
     priority,
     ltr: ltrRule,

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

@@ -0,0 +1,17 @@
+/**
+ * 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 { InjectableStyle } from './common-types';
+declare export function generateRule(
+  className: string,
+  key: string,
+  value: string | $ReadOnlyArray<string>,
+  pseudos: $ReadOnlyArray<string>,
+  atRules: $ReadOnlyArray<string>,
+): InjectableStyle;

package/lib/hash.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ *
+ */
+
+declare const $$EXPORT_DEFAULT_DECLARATION$$: (str: string) => string;
+export default $$EXPORT_DEFAULT_DECLARATION$$;

package/lib/hash.js

@@ -4,31 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-/**
- * 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.
- *
- * 
- */
-
-/* eslint-disable default-case */
-/* eslint-disable no-fallthrough */
-
-/**
- * JS Implementation of MurmurHash2
- *
- * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
- * @see http://github.com/garycourt/murmurhash-js
- * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
- * @see http://sites.google.com/site/murmurhash/
- *
- * @param {string} str ASCII only
- * @param {number} seed Positive integer only
- * @return {number} 32-bit positive integer hash
- */
-function murmurhash2_32_gc(str, seed) {
+function murmurhash2_32_gc(str) {
+  let seed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   let l = str.length,
     h = seed ^ l,
     i = 0,
@@ -57,5 +34,4 @@ function murmurhash2_32_gc(str, seed) {
   return h >>> 0;
 }
 const hash = str => murmurhash2_32_gc(str, 1).toString(36);
-var _default = hash;
-exports.default = _default;
+var _default = exports.default = hash;

package/lib/hash.js.flow

@@ -0,0 +1,10 @@
+/**
+ * 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 default (str: string) => string;

package/lib/index.d.ts

@@ -3,91 +3,48 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ *
  */
 
-export type TRawValue = number | string | Array<number | string>;
-
-export type TStyleValue = number | string | Array<number | string>;
-export type TNestableStyleValue =
-  | TStyleValue
-  | { readonly [key: string]: TStyleValue };
-
-export type RawStyles = $ReadOnly<{
-  [key: string]: TNestableStyleValue;
-}>;
-
-export type InjectableStyle = {
-  readonly priority: number;
-  readonly ltr: string;
-  readonly rtl?: string;
-};
-
-export type StyleRule = readonly [string, string, InjectableStyle];
-
-export type CompiledStyles = {
-  readonly [key: string]: string | null;
-  readonly $$css: true;
-};
-export type MutableCompiledStyles = {
-  [key: string]: string | null;
-  $$css: true;
-};
-
-export type CompiledNamespaces = { readonly [key: string]: CompiledStyles };
-
-export type MutableCompiledNamespaces = {
-  [key: string]: MutableCompiledStyles;
-};
-
-export function create<N extends { readonly [key: string]: RawStyles }>(
-  namespaces: N,
-  options?: StyleXOptions
-): readonly [CompiledNamespaces, { readonly [key: string]: InjectableStyle }];
-
-export function keyframes<
-  Obj extends {
-    readonly [key: string]: { readonly [k: string]: string | number };
-  }
->(animation: Obj, options?: StyleXOptions): readonly [string, InjectableStyle];
-
-export function include(animation: {
-  readonly [key: string]: string | number;
-}): readonly { [key: string]: IncludedStyles };
-
-export class IncludedStyles {
-  astNode: any;
-}
-
-export type StyleXOptions = {
-  dev: boolean;
-  test: boolean;
-  stylexSheetName?: string | undefined;
-  classNamePrefix: string;
-  definedStylexCSSVariables?: { [key: string]: any };
-  skipShorthandExpansion?: boolean;
-  [key: string]: any;
-};
-
-export function firstThatWorks<T>(...args: T[]): T[];
-
-export const messages: {
-  ILLEGAL_ARGUMENT_LENGTH: string;
-  NON_STATIC_VALUE: string;
-  ESCAPED_STYLEX_VALUE: string;
-  UNBOUND_STYLEX_CALL_VALUE: string;
-  ONLY_TOP_LEVEL: string;
-  NON_OBJECT_FOR_STYLEX_CALL: string;
-  UNKNOWN_PROP_KEY: string;
-  INVALID_PSEUDO: string;
-  ILLEGAL_NAMESPACE_TYPE: string;
-  UNKNOWN_NAMESPACE: string;
-  ILLEGAL_NESTED_PSEUDO: string;
-  ILLEGAL_PROP_VALUE: string;
-  ILLEGAL_PROP_ARRAY_VALUE: string;
-  ILLEGAL_NAMESPACE_VALUE: string;
-  INVALID_SPREAD: string;
-  LINT_UNCLOSED_FUNCTION: string;
-  LOCAL_ONLY: string;
-  UNEXPECTED_ARGUMENT: string;
-  EXPECTED_FUNCTION_CALL: string;
+export type {
+  RawStyles,
+  StyleRule,
+  TNestableStyleValue,
+  TRawValue,
+  TStyleValue,
+} from './common-types';
+import styleXCreateSet from './stylex-create';
+import styleXDefineVars from './stylex-define-vars';
+import styleXCreateTheme from './stylex-create-theme';
+import stylexKeyframes from './stylex-keyframes';
+import stylexInclude, {
+  IncludedStyles as _IncludedStyles,
+} from './stylex-include';
+import stylexFirstThatWorks from './stylex-first-that-works';
+import hash from './hash';
+import genFileBasedIdentifier from './utils/file-based-identifier';
+import * as m from './messages';
+export * as types from './types';
+import type {
+  InjectableStyle as _InjectableStyle,
+  CompiledNamespaces as _CompiledNamespaces,
+  MutableCompiledNamespaces as _MutableCompiledNamespaces,
+  StyleXOptions as _StyleXOptions,
+} from './common-types';
+export declare const create: typeof styleXCreateSet;
+export declare const defineVars: typeof styleXDefineVars;
+export declare const createTheme: typeof styleXCreateTheme;
+export declare const keyframes: typeof stylexKeyframes;
+export declare const include: typeof stylexInclude;
+export declare const utils: {
+  hash: typeof hash;
+  genFileBasedIdentifier: typeof genFileBasedIdentifier;
 };
+export declare const messages: typeof m;
+export declare const IncludedStyles: typeof _IncludedStyles;
+export declare const firstThatWorks: typeof stylexFirstThatWorks;
+export type InjectableStyle = _InjectableStyle;
+export type CompiledNamespaces = _CompiledNamespaces;
+export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
+export type StyleXOptions = _StyleXOptions;

package/lib/index.js

@@ -3,38 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = exports.keyframes = exports.include = exports.firstThatWorks = exports.create = exports.IncludedStyles = void 0;
+exports.utils = exports.types = exports.messages = exports.keyframes = exports.include = exports.firstThatWorks = exports.defineVars = exports.createTheme = exports.create = exports.IncludedStyles = void 0;
 var _stylexCreate = _interopRequireDefault(require("./stylex-create"));
+var _stylexDefineVars = _interopRequireDefault(require("./stylex-define-vars"));
+var _stylexCreateTheme = _interopRequireDefault(require("./stylex-create-theme"));
 var _stylexKeyframes = _interopRequireDefault(require("./stylex-keyframes"));
 var _stylexInclude = _interopRequireWildcard(require("./stylex-include"));
 var _stylexFirstThatWorks = _interopRequireDefault(require("./stylex-first-that-works"));
+var _hash = _interopRequireDefault(require("./hash"));
+var _fileBasedIdentifier = _interopRequireDefault(require("./utils/file-based-identifier"));
 var m = _interopRequireWildcard(require("./messages"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _types = _interopRequireWildcard(require("./types"));
+exports.types = _types;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- * 
- */
-
-// All functions exposed from `stylex` are defined in a way that can be run
-// entirely in the browser.
-
-// These are the implementations of those functions.
-
-const create = _stylexCreate.default;
-exports.create = create;
-const keyframes = _stylexKeyframes.default;
-exports.keyframes = keyframes;
-const include = _stylexInclude.default;
-exports.include = include;
-const messages = m;
-exports.messages = messages;
-const IncludedStyles = _stylexInclude.IncludedStyles;
-exports.IncludedStyles = IncludedStyles;
-const firstThatWorks = _stylexFirstThatWorks.default;
-exports.firstThatWorks = firstThatWorks;
+const create = exports.create = _stylexCreate.default;
+const defineVars = exports.defineVars = _stylexDefineVars.default;
+const createTheme = exports.createTheme = _stylexCreateTheme.default;
+const keyframes = exports.keyframes = _stylexKeyframes.default;
+const include = exports.include = _stylexInclude.default;
+const utils = exports.utils = {
+  hash: _hash.default,
+  genFileBasedIdentifier: _fileBasedIdentifier.default
+};
+const messages = exports.messages = m;
+const IncludedStyles = exports.IncludedStyles = _stylexInclude.IncludedStyles;
+const firstThatWorks = exports.firstThatWorks = _stylexFirstThatWorks.default;

package/lib/index.js.flow

@@ -1,5 +1,59 @@
 /**
- * Flowtype definitions for index.js
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
+ * 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
  */
+
+export type {
+  RawStyles,
+  StyleRule,
+  TNestableStyleValue,
+  TRawValue,
+  TStyleValue,
+} from './common-types';
+
+// All functions exposed from `stylex` are defined in a way that can be run
+// entirely in the browser.
+
+// These are the implementations of those functions.
+
+import styleXCreateSet from './stylex-create';
+import styleXDefineVars from './stylex-define-vars';
+import styleXCreateTheme from './stylex-create-theme';
+import stylexKeyframes from './stylex-keyframes';
+import stylexInclude, {
+  IncludedStyles as _IncludedStyles,
+} from './stylex-include';
+import stylexFirstThatWorks from './stylex-first-that-works';
+import hash from './hash';
+import genFileBasedIdentifier from './utils/file-based-identifier';
+import * as m from './messages';
+export * as types from './types';
+
+import type {
+  InjectableStyle as _InjectableStyle,
+  CompiledNamespaces as _CompiledNamespaces,
+  MutableCompiledNamespaces as _MutableCompiledNamespaces,
+  StyleXOptions as _StyleXOptions,
+} from './common-types';
+
+declare export const create: typeof styleXCreateSet;
+declare export const defineVars: typeof styleXDefineVars;
+declare export const createTheme: typeof styleXCreateTheme;
+declare export const keyframes: typeof stylexKeyframes;
+declare export const include: typeof stylexInclude;
+declare export const utils: {
+  hash: typeof hash,
+  genFileBasedIdentifier: typeof genFileBasedIdentifier,
+};
+declare export const messages: typeof m;
+declare export const IncludedStyles: typeof _IncludedStyles;
+declare export const firstThatWorks: typeof stylexFirstThatWorks;
+
+export type InjectableStyle = _InjectableStyle;
+export type CompiledNamespaces = _CompiledNamespaces;
+export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
+export type StyleXOptions = _StyleXOptions;