@stylexjs/shared 0.10.1 → 0.11.1

package/lib/common-types.d.ts

@@ -7,13 +7,10 @@
  *
  */
 
-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 RawStyles = Readonly<{ [$$Key$$: string]: TNestableStyleValue }>;
 export type PrimitiveRawStyles = Readonly<{
   [$$Key$$: string]: TNestableStyleValue;
 }>;
@@ -25,26 +22,26 @@ export type InjectableStyle = {
 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;
+  [$$Key$$: string]: string | null;
+  $$css: true | string;
 }>;
 export type StyleXOptions = Readonly<{
-  dev: boolean;
-  debug: null | undefined | boolean;
-  test: boolean;
-  useRemForFontSize: boolean;
   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.flow

@@ -7,14 +7,12 @@
  * @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,
+  [string]: TNestableStyleValue,
 }>;
 export type PrimitiveRawStyles = $ReadOnly<{
   [string]: TNestableStyleValue,
@@ -29,25 +27,20 @@ export type InjectableStyle = {
 export type StyleRule = [string, string, InjectableStyle];
 
 export type CompiledStyles = $ReadOnly<{
-  [string]:
-    | IncludedStyles
-    | null
-    | string
-    | $ReadOnly<{ [string]: null | string }>,
+  [string]: null | string | $ReadOnly<{ [string]: null | string }>,
 }>;
 
 export type FlatCompiledStyles = $ReadOnly<{
-  [string]: string | IncludedStyles | null,
-  $$css: true,
+  [string]: string | null,
+  $$css: true | string,
 }>;
 
 export type StyleXOptions = $ReadOnly<{
-  dev: boolean,
-  debug: ?boolean,
-  test: boolean,
-  useRemForFontSize: boolean,
   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)
@@ -55,6 +48,8 @@ export type StyleXOptions = $ReadOnly<{
     // 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,
   ...
 }>;
 

package/lib/convert-to-className.js

@@ -19,7 +19,8 @@ function convertStyleToClassName(objEntry, pseudos, atRules) {
   let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _defaultOptions.defaultOptions;
   const {
     classNamePrefix = 'x',
-    debug = false
+    debug = false,
+    enableDebugClassNames = true
   } = options;
   const [key, rawValue] = objEntry;
   const dashedKey = key.startsWith('--') ? key : (0, _dashify.default)(key);
@@ -34,7 +35,7 @@ function convertStyleToClassName(objEntry, pseudos, atRules) {
   const modifierHashString = pseudoHashString + atRuleHashString || 'null';
   const valueAsString = Array.isArray(value) ? value.join(', ') : value;
   const stringToHash = dashedKey + valueAsString + modifierHashString;
-  const className = debug ? `${key}-${classNamePrefix}${(0, _hash.default)('<>' + stringToHash)}` : classNamePrefix + (0, _hash.default)('<>' + stringToHash);
+  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];
 }

package/lib/index.d.ts

@@ -18,9 +18,6 @@ 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';
@@ -41,13 +38,11 @@ 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 declare const PSEUDO_CLASS_PRIORITIES: typeof _PSEUDO_CLASS_PRIORITIES;
 export declare const AT_RULE_PRIORITIES: typeof _AT_RULE_PRIORITIES;

package/lib/index.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.utils = exports.types = exports.messages = exports.keyframes = exports.include = exports.firstThatWorks = exports.defineVars = exports.createTheme = exports.create = exports.PSEUDO_ELEMENT_PRIORITY = exports.PSEUDO_CLASS_PRIORITIES = exports.IncludedStyles = exports.AT_RULE_PRIORITIES = void 0;
+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 _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"));
@@ -23,13 +22,11 @@ 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;
 const PSEUDO_CLASS_PRIORITIES = exports.PSEUDO_CLASS_PRIORITIES = _propertyPriorities.PSEUDO_CLASS_PRIORITIES;
 const AT_RULE_PRIORITIES = exports.AT_RULE_PRIORITIES = _propertyPriorities.AT_RULE_PRIORITIES;

package/lib/index.js.flow

@@ -24,9 +24,6 @@ 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';
@@ -49,13 +46,11 @@ 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;
 declare export const PSEUDO_CLASS_PRIORITIES: typeof _PSEUDO_CLASS_PRIORITIES;
 declare export const AT_RULE_PRIORITIES: typeof _AT_RULE_PRIORITIES;

package/lib/messages.d.ts

@@ -33,7 +33,6 @@ export declare const LOCAL_ONLY: 'The return value of stylex.create() should not
 export declare const UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
 export declare const EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
 export declare const NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
-export declare const ONLY_TOP_LEVEL_INCLUDES: 'stylex.include() is only at the top level of a style definition object.';
 export declare const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
 export declare const NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
 export declare const NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.defineVars() must be bound to a named export.';

package/lib/messages.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNKNOWN_PROP_KEY = exports.UNKNOWN_NAMESPACE = exports.UNEXPECTED_ARGUMENT = exports.UNBOUND_STYLEX_CALL_VALUE = exports.ONLY_TOP_LEVEL_INCLUDES = exports.ONLY_TOP_LEVEL = exports.ONLY_NAMED_PARAMETERS_IN_DYNAMIC_STYLE_FUNCTIONS = exports.NO_PROJECT_ROOT_DIRECTORY = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_STATIC_KEYFRAME_VALUE = exports.NON_OBJECT_KEYFRAME = exports.NON_OBJECT_FOR_STYLEX_KEYFRAMES_CALL = exports.NON_OBJECT_FOR_STYLEX_CALL = exports.NON_EXPORT_NAMED_DECLARATION = exports.NON_CONTIGUOUS_VARS = exports.LOCAL_ONLY = exports.LINT_UNCLOSED_FUNCTION = exports.INVALID_SPREAD = exports.INVALID_PSEUDO_OR_AT_RULE = exports.INVALID_PSEUDO = exports.ILLEGAL_PROP_VALUE = exports.ILLEGAL_PROP_ARRAY_VALUE = exports.ILLEGAL_NESTED_PSEUDO = exports.ILLEGAL_NAMESPACE_VALUE = exports.ILLEGAL_NAMESPACE_TYPE = exports.ILLEGAL_ARG_LENGTH_FOR_KEYFRAMES = exports.ILLEGAL_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = exports.DUPLICATE_CONDITIONAL = exports.ANONYMOUS_THEME = void 0;
+exports.UNKNOWN_PROP_KEY = exports.UNKNOWN_NAMESPACE = exports.UNEXPECTED_ARGUMENT = exports.UNBOUND_STYLEX_CALL_VALUE = exports.ONLY_TOP_LEVEL = exports.ONLY_NAMED_PARAMETERS_IN_DYNAMIC_STYLE_FUNCTIONS = exports.NO_PROJECT_ROOT_DIRECTORY = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_STATIC_KEYFRAME_VALUE = exports.NON_OBJECT_KEYFRAME = exports.NON_OBJECT_FOR_STYLEX_KEYFRAMES_CALL = exports.NON_OBJECT_FOR_STYLEX_CALL = exports.NON_EXPORT_NAMED_DECLARATION = exports.NON_CONTIGUOUS_VARS = exports.LOCAL_ONLY = exports.LINT_UNCLOSED_FUNCTION = exports.INVALID_SPREAD = exports.INVALID_PSEUDO_OR_AT_RULE = exports.INVALID_PSEUDO = exports.ILLEGAL_PROP_VALUE = exports.ILLEGAL_PROP_ARRAY_VALUE = exports.ILLEGAL_NESTED_PSEUDO = exports.ILLEGAL_NAMESPACE_VALUE = exports.ILLEGAL_NAMESPACE_TYPE = exports.ILLEGAL_ARG_LENGTH_FOR_KEYFRAMES = exports.ILLEGAL_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = exports.DUPLICATE_CONDITIONAL = exports.ANONYMOUS_THEME = void 0;
 const ILLEGAL_ARGUMENT_LENGTH = exports.ILLEGAL_ARGUMENT_LENGTH = 'stylex.create() should have 1 argument.';
 const ILLEGAL_ARG_LENGTH_FOR_KEYFRAMES = exports.ILLEGAL_ARG_LENGTH_FOR_KEYFRAMES = 'stylex.keyframes() should have 1 argument.';
 const NON_STATIC_VALUE = exports.NON_STATIC_VALUE = 'Only static values are allowed inside of a stylex.create() call.';
@@ -30,7 +30,6 @@ const LOCAL_ONLY = exports.LOCAL_ONLY = 'The return value of stylex.create() sho
 const UNEXPECTED_ARGUMENT = exports.UNEXPECTED_ARGUMENT = 'Unexpected argument passed to the stylex() function.';
 const EXPECTED_FUNCTION_CALL = exports.EXPECTED_FUNCTION_CALL = 'Expected a simple function call but found something else.';
 const NO_PARENT_PATH = exports.NO_PARENT_PATH = 'Unexpected AST node without a parent path.';
-const ONLY_TOP_LEVEL_INCLUDES = exports.ONLY_TOP_LEVEL_INCLUDES = 'stylex.include() is only at the top level of a style definition object.';
 const DUPLICATE_CONDITIONAL = exports.DUPLICATE_CONDITIONAL = 'The same pseudo selector or at-rule cannot be used more than once.';
 const NO_PROJECT_ROOT_DIRECTORY = exports.NO_PROJECT_ROOT_DIRECTORY = 'The project root directory `rootDir` is not configured.';
 const NON_EXPORT_NAMED_DECLARATION = exports.NON_EXPORT_NAMED_DECLARATION = 'The return value of stylex.defineVars() must be bound to a named export.';

package/lib/messages.js.flow

@@ -36,7 +36,6 @@ declare export const LOCAL_ONLY: 'The return value of stylex.create() should not
 declare export const UNEXPECTED_ARGUMENT: 'Unexpected argument passed to the stylex() function.';
 declare export const EXPECTED_FUNCTION_CALL: 'Expected a simple function call but found something else.';
 declare export const NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
-declare export const ONLY_TOP_LEVEL_INCLUDES: 'stylex.include() is only at the top level of a style definition object.';
 declare export const DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
 declare export const NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
 declare export const NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.defineVars() must be bound to a named export.';

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

@@ -8,7 +8,6 @@
  */
 
 import type { InjectableStyle, StyleXOptions } from '../common-types';
-import type { IncludedStyles } from '../stylex-include';
 export type ClassesToOriginalPaths = {
   readonly [className: string]: ReadonlyArray<string>;
 };
@@ -16,9 +15,7 @@ export type ComputedStyle = null | Readonly<
   [string, InjectableStyle, ClassesToOriginalPaths]
 >;
 export interface IPreRule {
-  compiled(
-    options: StyleXOptions,
-  ): IncludedStyles | ReadonlyArray<ComputedStyle>;
+  compiled(options: StyleXOptions): ReadonlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;
 }
 export type AnyPreRule = NullPreRule | PreRule | PreRuleSet;
@@ -26,12 +23,6 @@ export declare class NullPreRule implements IPreRule {
   compiled(_options: StyleXOptions): [null];
   equals(other: IPreRule): boolean;
 }
-export declare class PreIncludedStylesRule implements IPreRule {
-  readonly includedStyles: IncludedStyles;
-  constructor(IncludedStyles: IncludedStyles);
-  equals(other: IPreRule): boolean;
-  compiled(_options: StyleXOptions): IncludedStyles;
-}
 export declare class PreRule implements IPreRule {
   readonly property: string;
   readonly value: string | number | ReadonlyArray<string | number>;

package/lib/preprocess-rules/PreRule.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PreRuleSet = exports.PreRule = exports.PreIncludedStylesRule = exports.NullPreRule = void 0;
+exports.PreRuleSet = exports.PreRule = exports.NullPreRule = void 0;
 var _convertToClassName = require("../convert-to-className");
 var _objectUtils = require("../utils/object-utils");
 var _ruleUtils = require("../utils/rule-utils");
@@ -16,18 +16,6 @@ class NullPreRule {
   }
 }
 exports.NullPreRule = NullPreRule;
-class PreIncludedStylesRule {
-  constructor(IncludedStyles) {
-    this.includedStyles = IncludedStyles;
-  }
-  equals(other) {
-    return other instanceof PreIncludedStylesRule && this.includedStyles === other.includedStyles;
-  }
-  compiled(_options) {
-    return this.includedStyles;
-  }
-}
-exports.PreIncludedStylesRule = PreIncludedStylesRule;
 class PreRule {
   constructor(property, value, keyPath) {
     this.property = property;

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

@@ -8,7 +8,6 @@
  */
 
 import type { InjectableStyle, StyleXOptions } from '../common-types';
-import type { IncludedStyles } from '../stylex-include';
 
 export type ClassesToOriginalPaths = {
   +[className: string]: $ReadOnlyArray<string>,
@@ -24,9 +23,7 @@ export type ComputedStyle = null | $ReadOnly<
 // These are thin wrappers around the "values" in Raw Style Objects
 // with all the metadata needed to compile them into CSS.
 export interface IPreRule {
-  compiled(
-    options: StyleXOptions,
-  ): IncludedStyles | $ReadOnlyArray<ComputedStyle>;
+  compiled(options: StyleXOptions): $ReadOnlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;
 }
 
@@ -37,13 +34,6 @@ declare export class NullPreRule implements IPreRule {
   equals(other: IPreRule): boolean;
 }
 
-declare export class PreIncludedStylesRule implements IPreRule {
-  +includedStyles: IncludedStyles;
-  constructor(IncludedStyles: IncludedStyles): void;
-  equals(other: IPreRule): boolean;
-  compiled(_options: StyleXOptions): IncludedStyles;
-}
-
 declare export class PreRule implements IPreRule {
   +property: string;
   +value: string | number | $ReadOnlyArray<string | number>;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateNamespace = validateNamespace;
-var _stylexInclude = require("../stylex-include");
 var messages = _interopRequireWildcard(require("../messages"));
 var _objectUtils = require("../utils/object-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); }
@@ -29,12 +28,6 @@ function validateNamespace(namespace) {
       }
       continue;
     }
-    if (val instanceof _stylexInclude.IncludedStyles) {
-      if (conditions.length === 0) {
-        continue;
-      }
-      throw new Error(messages.ONLY_TOP_LEVEL_INCLUDES);
-    }
     if ((0, _objectUtils.isPlainObject)(val)) {
       if (key.startsWith('@') || key.startsWith(':')) {
         if (conditions.includes(key)) {
@@ -71,9 +64,6 @@ function validateConditionalStyles(val) {
       }
       continue;
     }
-    if (v instanceof _stylexInclude.IncludedStyles) {
-      throw new Error(messages.ONLY_TOP_LEVEL_INCLUDES);
-    }
     if ((0, _objectUtils.isPlainObject)(v)) {
       validateConditionalStyles(v, [...conditions, key]);
       continue;

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

@@ -8,11 +8,7 @@
  */
 
 import type { RawStyles, StyleXOptions } from '../common-types';
-import {
-  type AnyPreRule,
-  type IPreRule,
-  PreIncludedStylesRule,
-} from './PreRule';
+import { type AnyPreRule, type IPreRule } from './PreRule';
 export declare function flattenRawStyleObject(
   style: RawStyles,
   options: StyleXOptions,
@@ -21,4 +17,4 @@ export declare function _flattenRawStyleObject(
   style: RawStyles,
   keyPath: ReadonlyArray<string>,
   options: StyleXOptions,
-): Array<Readonly<[string, AnyPreRule | PreIncludedStylesRule]>>;
+): Array<Readonly<[string, AnyPreRule]>>;

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

@@ -7,7 +7,6 @@ exports._flattenRawStyleObject = _flattenRawStyleObject;
 exports.flattenRawStyleObject = flattenRawStyleObject;
 var _index = _interopRequireDefault(require("./index"));
 var _PreRule = require("./PreRule");
-var _stylexInclude = require("../stylex-include");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function flattenRawStyleObject(style, options) {
   return _flattenRawStyleObject(style, [], options);
@@ -17,10 +16,6 @@ function _flattenRawStyleObject(style, keyPath, options) {
   for (const _key in style) {
     const value = style[_key];
     const key = _key.match(/var\(--[a-z0-9]+\)/) ? _key.slice(4, -1) : _key;
-    if (typeof value === 'object' && value instanceof _stylexInclude.IncludedStyles) {
-      flattened.push([key, new _PreRule.PreIncludedStylesRule(value)]);
-      continue;
-    }
     if (value === null || typeof value === 'string' || typeof value === 'number') {
       const pairs = (0, _index.default)([key, value], options);
       for (const [property, value] of pairs) {
@@ -74,9 +69,6 @@ function _flattenRawStyleObject(style, keyPath, options) {
           [key]: innerValue
         }, keyPath.length > 0 ? [...keyPath, condition] : [key, condition], options);
         for (const [property, preRule] of pairs) {
-          if (preRule instanceof _PreRule.PreIncludedStylesRule) {
-            throw new Error('stylex.include can only be used at the top-level');
-          }
           if (equivalentPairs[property] == null) {
             equivalentPairs[property] = {
               [condition]: preRule

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

@@ -9,11 +9,8 @@
 
 import type { RawStyles, StyleXOptions } from '../common-types';
 
-import {
-  type AnyPreRule,
-  type IPreRule,
-  PreIncludedStylesRule,
-} from './PreRule';
+import { type AnyPreRule, type IPreRule } from './PreRule';
+
 declare export function flattenRawStyleObject(
   style: RawStyles,
   options: StyleXOptions,
@@ -23,4 +20,4 @@ declare export function _flattenRawStyleObject(
   style: RawStyles,
   keyPath: $ReadOnlyArray<string>,
   options: StyleXOptions,
-): Array<$ReadOnly<[string, AnyPreRule | PreIncludedStylesRule]>>;
+): Array<$ReadOnly<[string, AnyPreRule]>>;

package/lib/stylex-create.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = styleXCreateSet;
-var _stylexInclude = require("./stylex-include");
 var _defaultOptions = require("./utils/default-options");
 var _flattenRawStyleObj = require("./preprocess-rules/flatten-raw-style-obj");
 var _basicValidation = require("./preprocess-rules/basic-validation");
@@ -32,23 +31,19 @@ function styleXCreateSet(namespaces) {
     });
     const namespaceObj = {};
     for (const [key, value] of compiledNamespaceTuples) {
-      if (value instanceof _stylexInclude.IncludedStyles) {
-        namespaceObj[key] = value;
-      } else {
-        const classNameTuples = value.map(v => Array.isArray(v) ? v : null).filter(Boolean);
-        classNameTuples.forEach(_ref2 => {
-          let [_className, _, classesToOriginalPath] = _ref2;
-          Object.assign(classPathsInNamespace, classesToOriginalPath);
-        });
-        const className = classNameTuples.map(_ref3 => {
-          let [className] = _ref3;
-          return className;
-        }).join(' ') || null;
-        namespaceObj[key] = className;
-        for (const [className, injectable] of classNameTuples) {
-          if (injectedStyles[className] == null) {
-            injectedStyles[className] = injectable;
-          }
+      const classNameTuples = value.map(v => Array.isArray(v) ? v : null).filter(Boolean);
+      classNameTuples.forEach(_ref2 => {
+        let [_className, _, classesToOriginalPath] = _ref2;
+        Object.assign(classPathsInNamespace, classesToOriginalPath);
+      });
+      const className = classNameTuples.map(_ref3 => {
+        let [className] = _ref3;
+        return className;
+      }).join(' ') || null;
+      namespaceObj[key] = className;
+      for (const [className, injectable] of classNameTuples) {
+        if (injectedStyles[className] == null) {
+          injectedStyles[className] = injectable;
         }
       }
     }

package/lib/utils/default-options.js

@@ -7,6 +7,7 @@ exports.defaultOptions = void 0;
 const defaultOptions = exports.defaultOptions = {
   dev: false,
   debug: false,
+  enableDebugClassNames: true,
   useRemForFontSize: true,
   test: false,
   classNamePrefix: 'x',

package/lib/utils/object-utils.d.ts

@@ -8,11 +8,10 @@
  */
 
 import type { CompiledStyles } from '../common-types';
-import { IncludedStyles } from '../stylex-include';
 type AnyObject = { readonly [$$Key$$: string]: unknown };
 export declare function isPlainObject(obj: unknown): obj is AnyObject;
 export declare function flattenObject(obj: CompiledStyles): {
-  readonly [$$Key$$: string]: null | string | IncludedStyles;
+  readonly [$$Key$$: string]: null | string;
 };
 type _ObjectEntries<Obj extends { readonly [$$Key$$: string]: unknown }> = {
   [Key in keyof Obj]: [Key, Obj[Key]];

package/lib/utils/object-utils.js

@@ -12,7 +12,6 @@ exports.objMap = objMap;
 exports.objMapEntry = objMapEntry;
 exports.objMapKeys = objMapKeys;
 exports.objValues = objValues;
-var _stylexInclude = require("../stylex-include");
 function isPlainObject(obj) {
   return typeof obj === 'object' && obj != null && !Array.isArray(obj) && obj?.constructor === Object;
 }
@@ -21,8 +20,6 @@ function flattenObject(obj) {
   for (const [key, value] of objEntries(obj)) {
     if (typeof value === 'string' || value == null) {
       result[key] = value;
-    } else if (value instanceof _stylexInclude.IncludedStyles) {
-      result[key] = value;
     } else {
       for (const [subKey, subValue] of objEntries(value)) {
         result[`${key}_${subKey}`] = subValue;

package/lib/utils/object-utils.js.flow

@@ -11,15 +11,13 @@
 
 import type { CompiledStyles } from '../common-types';
 
-import { IncludedStyles } from '../stylex-include';
-
 // eslint-disable-next-line no-unused-vars
 type AnyObject = { +[string]: mixed };
 
 declare export function isPlainObject(obj: mixed): implies obj is AnyObject;
 
 declare export function flattenObject(obj: CompiledStyles): {
-  +[string]: null | string | IncludedStyles,
+  +[string]: null | string,
 };
 
 type _ObjectEntries<Obj: { +[string]: mixed }> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,7 +13,16 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.10.1"
+    "@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": {