@stylexjs/shared 0.11.1 → 0.17.0

package/lib/index.d.ts

@@ -7,47 +7,21 @@
  *
  */
 
-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 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 {
+  default as _getPriority,
+  getAtRulePriority as _getAtRulePriority,
+  getPseudoElementPriority as _getPseudoElementPriority,
+  getPseudoClassPriority as _getPseudoClassPriority,
+  getDefaultPriority as _getDefaultPriority,
   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';
-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 utils: {
-  hash: typeof hash;
-  genFileBasedIdentifier: typeof genFileBasedIdentifier;
-};
-export declare const messages: typeof m;
-export declare const firstThatWorks: typeof stylexFirstThatWorks;
+export declare const getAtRulePriority: typeof _getAtRulePriority;
+export declare const getPseudoElementPriority: typeof _getPseudoElementPriority;
+export declare const getPseudoClassPriority: typeof _getPseudoClassPriority;
+export declare const getDefaultPriority: typeof _getDefaultPriority;
+export declare const getPriority: typeof _getPriority;
 export declare const PSEUDO_CLASS_PRIORITIES: typeof _PSEUDO_CLASS_PRIORITIES;
 export declare const AT_RULE_PRIORITIES: typeof _AT_RULE_PRIORITIES;
 export declare const PSEUDO_ELEMENT_PRIORITY: typeof _PSEUDO_ELEMENT_PRIORITY;
-export type InjectableStyle = _InjectableStyle;
-export type CompiledNamespaces = _CompiledNamespaces;
-export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
-export type StyleXOptions = _StyleXOptions;

package/lib/index.js

@@ -3,31 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.utils = exports.types = exports.messages = exports.keyframes = exports.firstThatWorks = exports.defineVars = exports.createTheme = exports.create = exports.PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_CLASS_PRIORITIES = exports.AT_RULE_PRIORITIES = 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 _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;
-var _propertyPriorities = require("./utils/property-priorities");
-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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
-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 utils = exports.utils = {
-  hash: _hash.default,
-  genFileBasedIdentifier: _fileBasedIdentifier.default
-};
-const messages = exports.messages = m;
-const firstThatWorks = exports.firstThatWorks = _stylexFirstThatWorks.default;
+exports.getPseudoElementPriority = exports.getPseudoClassPriority = exports.getPriority = exports.getDefaultPriority = exports.getAtRulePriority = exports.PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_CLASS_PRIORITIES = exports.AT_RULE_PRIORITIES = void 0;
+var _propertyPriorities = _interopRequireWildcard(require("./utils/property-priorities"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const getAtRulePriority = exports.getAtRulePriority = _propertyPriorities.getAtRulePriority;
+const getPseudoElementPriority = exports.getPseudoElementPriority = _propertyPriorities.getPseudoElementPriority;
+const getPseudoClassPriority = exports.getPseudoClassPriority = _propertyPriorities.getPseudoClassPriority;
+const getDefaultPriority = exports.getDefaultPriority = _propertyPriorities.getDefaultPriority;
+const getPriority = exports.getPriority = _propertyPriorities.default;
 const PSEUDO_CLASS_PRIORITIES = exports.PSEUDO_CLASS_PRIORITIES = _propertyPriorities.PSEUDO_CLASS_PRIORITIES;
 const AT_RULE_PRIORITIES = exports.AT_RULE_PRIORITIES = _propertyPriorities.AT_RULE_PRIORITIES;
 const PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_ELEMENT_PRIORITY = _propertyPriorities.PSEUDO_ELEMENT_PRIORITY;

package/lib/index.js.flow

@@ -7,56 +7,23 @@
  * @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 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 {
+  default as _getPriority,
+  getAtRulePriority as _getAtRulePriority,
+  getPseudoElementPriority as _getPseudoElementPriority,
+  getPseudoClassPriority as _getPseudoClassPriority,
+  getDefaultPriority as _getDefaultPriority,
   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';
 
-import type {
-  InjectableStyle as _InjectableStyle,
-  CompiledNamespaces as _CompiledNamespaces,
-  MutableCompiledNamespaces as _MutableCompiledNamespaces,
-  StyleXOptions as _StyleXOptions,
-} from './common-types';
+declare export const getAtRulePriority: typeof _getAtRulePriority;
+declare export const getPseudoElementPriority: typeof _getPseudoElementPriority;
+declare export const getPseudoClassPriority: typeof _getPseudoClassPriority;
+declare export const getDefaultPriority: typeof _getDefaultPriority;
+declare export const getPriority: typeof _getPriority;
 
-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 utils: {
-  hash: typeof hash,
-  genFileBasedIdentifier: typeof genFileBasedIdentifier,
-};
-declare export const messages: typeof m;
-declare export const firstThatWorks: typeof stylexFirstThatWorks;
 declare export const PSEUDO_CLASS_PRIORITIES: typeof _PSEUDO_CLASS_PRIORITIES;
 declare export const AT_RULE_PRIORITIES: typeof _AT_RULE_PRIORITIES;
 declare export const PSEUDO_ELEMENT_PRIORITY: typeof _PSEUDO_ELEMENT_PRIORITY;
-
-export type InjectableStyle = _InjectableStyle;
-export type CompiledNamespaces = _CompiledNamespaces;
-export type MutableCompiledNamespaces = _MutableCompiledNamespaces;
-export type StyleXOptions = _StyleXOptions;

package/lib/utils/property-priorities.d.ts

@@ -13,5 +13,9 @@ export declare const PSEUDO_CLASS_PRIORITIES: Readonly<{
 type AtRulePriorities = { '@supports': 30; '@media': 200; '@container': 300 };
 export declare const AT_RULE_PRIORITIES: Readonly<AtRulePriorities>;
 export declare const PSEUDO_ELEMENT_PRIORITY: number;
+export declare function getAtRulePriority(key: string): number | void;
+export declare function getPseudoElementPriority(key: string): number | void;
+export declare function getPseudoClassPriority(key: string): number | void;
+export declare function getDefaultPriority(key: string): number | void;
 declare function getPriority(key: string): number;
 export default getPriority;

package/lib/utils/property-priorities.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_CLASS_PRIORITIES = exports.AT_RULE_PRIORITIES = void 0;
 exports.default = getPriority;
+exports.getAtRulePriority = getAtRulePriority;
+exports.getDefaultPriority = getDefaultPriority;
+exports.getPseudoClassPriority = getPseudoClassPriority;
+exports.getPseudoElementPriority = getPseudoElementPriority;
 const longHandPhysical = new Set();
 const longHandLogical = new Set();
 const shorthandsOfLonghands = new Set();
@@ -502,7 +506,14 @@ const AT_RULE_PRIORITIES = exports.AT_RULE_PRIORITIES = {
   '@container': 300
 };
 const PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_ELEMENT_PRIORITY = 5000;
-function getPriority(key) {
+const RELATIONAL_SELECTORS = {
+  ANCESTOR: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+\*\)$/,
+  DESCENDANT: /^:where\(:has\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
+  SIBLING_BEFORE: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*\)$/,
+  SIBLING_AFTER: /^:where\(:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/,
+  ANY_SIBLING: /^:where\(\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\s+~\s+\*,\s+:has\(~\s\.[0-9a-zA-Z_-]+(:[a-zA-Z-]+)\)\)$/
+};
+function getAtRulePriority(key) {
   if (key.startsWith('--')) {
     return 1;
   }
@@ -515,24 +526,59 @@ function getPriority(key) {
   if (key.startsWith('@container')) {
     return AT_RULE_PRIORITIES['@container'];
   }
+}
+function getPseudoElementPriority(key) {
   if (key.startsWith('::')) {
     return PSEUDO_ELEMENT_PRIORITY;
   }
+}
+function getPseudoClassPriority(key) {
+  const pseudoBase = p => (PSEUDO_CLASS_PRIORITIES[p] ?? 40) / 100;
+  const ancestorMatch = RELATIONAL_SELECTORS.ANCESTOR.exec(key);
+  if (ancestorMatch) {
+    return 10 + pseudoBase(ancestorMatch[1]);
+  }
+  const descendantMatch = RELATIONAL_SELECTORS.DESCENDANT.exec(key);
+  if (descendantMatch) {
+    return 15 + pseudoBase(descendantMatch[1]);
+  }
+  const anySiblingMatch = RELATIONAL_SELECTORS.ANY_SIBLING.exec(key);
+  if (anySiblingMatch) return 20 + Math.max(pseudoBase(anySiblingMatch[1]), pseudoBase(anySiblingMatch[2]));
+  const siblingBeforeMatch = RELATIONAL_SELECTORS.SIBLING_BEFORE.exec(key);
+  if (siblingBeforeMatch) {
+    return 30 + pseudoBase(siblingBeforeMatch[1]);
+  }
+  const siblingAfterMatch = RELATIONAL_SELECTORS.SIBLING_AFTER.exec(key);
+  if (siblingAfterMatch) {
+    return 40 + pseudoBase(siblingAfterMatch[1]);
+  }
   if (key.startsWith(':')) {
     const prop = key.startsWith(':') && key.includes('(') ? key.slice(0, key.indexOf('(')) : key;
     return PSEUDO_CLASS_PRIORITIES[prop] ?? 40;
   }
-  if (longHandPhysical.has(key)) {
-    return 4000;
-  }
-  if (longHandLogical.has(key)) {
-    return 3000;
+}
+function getDefaultPriority(key) {
+  if (shorthandsOfShorthands.has(key)) {
+    return 1000;
   }
   if (shorthandsOfLonghands.has(key)) {
     return 2000;
   }
-  if (shorthandsOfShorthands.has(key)) {
-    return 1000;
+  if (longHandLogical.has(key)) {
+    return 3000;
   }
+  if (longHandPhysical.has(key)) {
+    return 4000;
+  }
+}
+function getPriority(key) {
+  const atRulePriority = getAtRulePriority(key);
+  if (atRulePriority) return atRulePriority;
+  const pseudoElementPriority = getPseudoElementPriority(key);
+  if (pseudoElementPriority) return pseudoElementPriority;
+  const pseudoClassPriority = getPseudoClassPriority(key);
+  if (pseudoClassPriority) return pseudoClassPriority;
+  const defaultPriority = getDefaultPriority(key);
+  if (defaultPriority) return defaultPriority;
   return 3000;
 }

package/lib/utils/property-priorities.js.flow

@@ -75,4 +75,12 @@ declare export const AT_RULE_PRIORITIES: $ReadOnly<AtRulePriorities>;
 
 declare export const PSEUDO_ELEMENT_PRIORITY: number;
 
+declare export function getAtRulePriority(key: string): number | void;
+
+declare export function getPseudoElementPriority(key: string): number | void;
+
+declare export function getPseudoClassPriority(key: string): number | void;
+
+declare export function getDefaultPriority(key: string): number | void;
+
 declare export default function getPriority(key: string): number;

package/package.json

@@ -1,33 +1,20 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.11.1",
+  "version": "0.17.0",
   "main": "lib/index.js",
-  "repository": "https://www.github.com/facebook/stylex",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/stylex.git"
+  },
   "license": "MIT",
   "scripts": {
     "prebuild": "gen-types -i src/ -o lib/",
-    "build": "babel src/ --out-dir lib/ --copy-files",
-    "test": "jest"
-  },
-  "dependencies": {
-    "postcss-value-parser": "^4.1.0"
+    "build": "babel src/ --out-dir lib/",
+    "test": "jest --coverage --passWithNoTests"
   },
   "devDependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.8",
-    "@babel/eslint-parser": "^7.26.8",
-    "@babel/plugin-syntax-flow": "^7.26.0",
-    "@babel/preset-env": "^7.26.8",
-    "@babel/preset-flow": "^7.25.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@stylexjs/scripts": "0.11.1",
-    "babel-plugin-syntax-hermes-parser": "^0.26.0"
-  },
-  "jest": {
-    "snapshotFormat": {
-      "printBasicPrototype": false
-    }
+    "@babel/cli": "^7.23.9",
+    "@babel/core": "^7.23.9"
   },
   "files": [
     "lib/*"

package/README.md

@@ -1,81 +0,0 @@
-# @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 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`
-
-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. This 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

@@ -1,47 +0,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.
- *
- *
- */
-
-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 }>;
-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]:
-    | null
-    | string
-    | Readonly<{ [$$Key$$: string]: null | string }>;
-}>;
-export type FlatCompiledStyles = Readonly<{
-  [$$Key$$: string]: string | null;
-  $$css: true | string;
-}>;
-export type StyleXOptions = Readonly<{
-  classNamePrefix: string;
-  debug: null | undefined | boolean;
-  enableDebugClassNames?: null | undefined | boolean;
-  definedStylexCSSVariables?: { [key: string]: unknown };
-  dev: boolean;
-  styleResolution:
-    | 'application-order'
-    | 'property-specificity'
-    | 'legacy-expand-shorthands';
-  test: boolean;
-  useRemForFontSize: boolean;
-}>;
-export type MutableCompiledNamespaces = { [key: string]: FlatCompiledStyles };
-export type CompiledNamespaces = Readonly<MutableCompiledNamespaces>;

package/lib/common-types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/common-types.js.flow

@@ -1,60 +0,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 TRawValue = number | string | $ReadOnlyArray<number | string>;
-export type TStyleValue = null | TRawValue;
-export type TNestableStyleValue = TStyleValue | PrimitiveRawStyles;
-
-export type RawStyles = $ReadOnly<{
-  [string]: TNestableStyleValue,
-}>;
-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]: null | string | $ReadOnly<{ [string]: null | string }>,
-}>;
-
-export type FlatCompiledStyles = $ReadOnly<{
-  [string]: string | null,
-  $$css: true | string,
-}>;
-
-export type StyleXOptions = $ReadOnly<{
-  classNamePrefix: string,
-  debug: ?boolean,
-  enableDebugClassNames?: ?boolean,
-  definedStylexCSSVariables?: { [key: string]: mixed },
-  dev: boolean,
-  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',
-  test: boolean,
-  useRemForFontSize: boolean,
-  ...
-}>;
-
-export type MutableCompiledNamespaces = {
-  [key: string]: FlatCompiledStyles,
-};
-
-export type CompiledNamespaces = $ReadOnly<MutableCompiledNamespaces>;

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

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

package/lib/convert-to-className.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertStyleToClassName = convertStyleToClassName;
-exports.default = variableFallbacks;
-var _hash = _interopRequireDefault(require("./hash"));
-var _dashify = _interopRequireDefault(require("./utils/dashify"));
-var _transformValue = _interopRequireDefault(require("./transform-value"));
-var _generateCssRule = require("./generate-css-rule");
-var _defaultOptions = require("./utils/default-options");
-var messages = _interopRequireWildcard(require("./messages"));
-var _ruleUtils = require("./utils/rule-utils");
-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 && {}.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(e) { return e && e.__esModule ? e : { default: e }; }
-function convertStyleToClassName(objEntry, pseudos, atRules) {
-  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _defaultOptions.defaultOptions;
-  const {
-    classNamePrefix = 'x',
-    debug = false,
-    enableDebugClassNames = true
-  } = options;
-  const [key, rawValue] = objEntry;
-  const dashedKey = key.startsWith('--') ? key : (0, _dashify.default)(key);
-  let value = Array.isArray(rawValue) ? rawValue.map(eachValue => (0, _transformValue.default)(key, eachValue, options)) : (0, _transformValue.default)(key, rawValue, options);
-  if (Array.isArray(value) && value.find(val => val.startsWith('var(') && val.endsWith(')'))) {
-    value = variableFallbacks(value);
-  }
-  const sortedPseudos = (0, _ruleUtils.sortPseudos)(pseudos ?? []);
-  const sortedAtRules = (0, _ruleUtils.sortAtRules)(atRules ?? []);
-  const pseudoHashString = sortedPseudos.join('');
-  const atRuleHashString = sortedAtRules.join('');
-  const modifierHashString = pseudoHashString + atRuleHashString || 'null';
-  const valueAsString = Array.isArray(value) ? value.join(', ') : value;
-  const stringToHash = dashedKey + valueAsString + modifierHashString;
-  const className = debug && enableDebugClassNames ? `${key}-${classNamePrefix}${(0, _hash.default)('<>' + stringToHash)}` : classNamePrefix + (0, _hash.default)('<>' + stringToHash);
-  const cssRules = (0, _generateCssRule.generateRule)(className, dashedKey, value, pseudos, atRules);
-  return [key, className, cssRules];
-}
-function variableFallbacks(values) {
-  const firstVar = values.findIndex(val => val.startsWith('var(') && val.endsWith(')'));
-  const lastVar = values.findLastIndex(val => val.startsWith('var(') && val.endsWith(')'));
-  const valuesBeforeFirstVar = values.slice(0, firstVar);
-  let varValues = values.slice(firstVar, lastVar + 1).reverse();
-  const valuesAfterLastVar = values.slice(lastVar + 1);
-  if (varValues.find(val => !val.startsWith('var(') || !val.endsWith(')'))) {
-    throw new Error(messages.NON_CONTIGUOUS_VARS);
-  }
-  varValues = varValues.map(val => val.slice(4, -1));
-  return [...(valuesBeforeFirstVar.length > 0 ? valuesBeforeFirstVar.map(val => composeVars(...varValues, val)) : composeVars(...varValues)), ...valuesAfterLastVar];
-}
-function composeVars() {
-  for (var _len = arguments.length, vars = new Array(_len), _key = 0; _key < _len; _key++) {
-    vars[_key] = arguments[_key];
-  }
-  const [first, ...rest] = vars;
-  if (rest.length > 0) {
-    return `var(${first},${composeVars(...rest)})`;
-  } else if (first.startsWith('--')) {
-    return `var(${first})`;
-  } else {
-    return first;
-  }
-}

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

@@ -1,27 +0,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
- */
-
-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: $ReadOnly<[string, TRawValue]>,
-  pseudos: $ReadOnlyArray<string>,
-  atRules: $ReadOnlyArray<string>,
-  options: StyleXOptions,
-): StyleRule;
-
-declare export default function variableFallbacks(
-  values: $ReadOnlyArray<string>,
-): $ReadOnlyArray<string>;

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

@@ -1,17 +0,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.
- *
- *
- */
-
-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;