@stylexjs/shared 0.2.0-beta.8 → 0.3.0

package/README.md

@@ -0,0 +1,81 @@
+# @stylexjs/shared
+
+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.
+
+#### ⭐️ `create`
+
+The `stylex.create` function is implemented here and can be found within `stylex-create.js` and is the default export of a function named `styleXCreateSet(...)`.
+
+##### `styleXCreateSet(...)`
+
+> The function is called `styleXCreateSet` because `stylex.create` transforms a "set" or collection of multiple style [namespaces](#namespace)
+
+This function itself mostly just traverses over the objects to run each [namespaces](#namespace) through the `styleXCreateNamespace(...)` function. Other than that, it takes the styles to be injected from each namespace in a [Namespace Set](#namespace-set) and deduplicates them so the style isn't injected multiple times if it's used within multiple Namespaces in the same set.
+
+##### `styleXCreateNamespace(...)`
+
+> This function has been kept separate in case we want to add a new function to the StyleX API in the future called `stylex.createOne` which transforms a single [namespace](#namespace) instead of a [Namespace Set](#namespace-set)
+
+This function is responsible to transforming a [namespace](#namespace) to a [Compiled Namespace](#compiled-namespace) by hashing each key value pair and returning an object where the values have been replaced by classNames.
+
+**Step 1**
+
+The first step here is expanding all [shorthands](#shorthands) into their individual properties. To do this we `.flatMap` over the object entries of the Namespace and use the `expandShorthands(...)` function defined within `expand-shorthands.js`
+
+**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)
+
+**Step 3**
+
+Using the classNames generated in _step 2_ above, we collect all the individual style keys along with their associated classNames in the `resolvedNamespace` object.
+
+All the generated CSS rules from _step 2_ are collected in the `injectedStyles` object.
+
+The `[resolvedNamespace, injectedStyles]` is returned.
+
+##### Back to `styleXCreateSet(...)`
+
+`styleXCreateSet(...)` takes all the `[resolvedNamespace, finalInjectedStyles]` tuples and returns a tuple of `[compiledNamespaceSet, allInjectedStyles]`
+
+### Back to `create` with the `@stylexjs/babel-plugin` package
+
+The `create` function within the babel plugin package takes the `stylex.create(...)` function call and replaces it with the `compiledNamespaceSet`.
+
+It also takes each of the `injectedStyles` and:
+
+1. Either injects it as a `stylex.inject` call (if in `dev` mode)
+2. Or, adds it to the array of injected styles on [`babel.state.metadata`](#babel-metadata)
+
+#### ⭐️ `keyframes`
+
+This is the function backing `stylex.keyframes`. It works similarly to `create` but it's more simplified since it only defines a single CSS `@keyframes` rule and returns a single string.
+
+Here again, the source AST is converted to a JS object and passed to `stylex-keyframes.js` within the `shared` package.
+
+There, first the shorthands are expanded and then the whole objects is hashed. The resulting hash is used as the generated `animation name` for a `@keyframes` rule.
+
+The "name" and the CSS `@keyframes` rules are returned as a tuple.
+
+The `stylex.keyframes` call is replaced with the final string.
+
+The CSS `@keyframes` rule is either injected using `stylex.inject` in dev mode or set onto the `stylex` array on [`babel.state.metadata`](#babel-metadata).
+
+#### `convert-to-className` (`shared` package)
+
+This function is responsible for converting a single style key-value pair into a tuple of `[key, className, CSSRules]`
+
+It does so in the following steps:
+
+1. Convert the camelCased keys that are used by end-users to define [Namespaces](#namespace) and convert them to the dash-separated keys used within CSS.
+2. Hash `key` + (any `pseudo` or `at-rule`) + `value` to generate a className
+3. Generate the CSS rule using the `generateCSSRule` function defined in [`generate-css-rule.js`](#generate-css-rulejs) in the `shared` package.
+
+#### `generate-css-rule.js`
+
+This function takes a CSS key value pair, checks if has an RTL counterpart and returns them along side a pre-configured priority based on the type of CSS rule it is.

package/lib/common-types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 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 = {
+  dev: boolean;
+  test: boolean;
+  useRemForFontSize: boolean;
+  runtimeInjection: 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,65 @@
+/**
+ * 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 = {
+  dev: boolean,
+  test: boolean,
+  useRemForFontSize: boolean,
+  runtimeInjection: 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,62 +3,23 @@
 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, 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);
-  let priority = 1;
-  if (pseudo != null) {
-    if (pseudo[0] === '@') {
-      priority = 2;
-    } else if (pseudo[0] === ':') {
-      priority = pseudoPriorities[pseudo] ?? 2;
-      if (pseudo.startsWith(':nth-child')) {
-        priority = 6;
-      }
-      if (pseudo.startsWith(':nth-of-type')) {
-        priority = 7;
-      }
-    }
-  }
-  if (key.toLowerCase().includes('left') || key.toLowerCase().includes('right')) {
-    // Bump priority for physical left/right values.
-    priority += 0.1;
-  }
+  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,
     rtl: rtlRule
   };
-}
-const pseudoPriorities = {
-  // Might become unsupported:
-  ':first-child': 3,
-  ':last-child': 4,
-  ':only-child': 5,
-  ':nth-child': 6,
-  ':nth-of-type': 7,
-  ':hover': 8,
-  ':focus': 9,
-  ':active': 10,
-  ':disabled': 11,
-  '::placeholder': 12,
-  '::thumb': 13
-};
+}

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 };
-  allowUnsafeProperties: 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"));
+var _types = _interopRequireWildcard(require("./types"));
+exports.types = _types;
 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; }
 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;