@stylexjs/shared 0.2.0-beta.16 → 0.2.0-beta.17

package/lib/stylex-create-vars.js

@@ -8,17 +8,6 @@ var _hash = _interopRequireDefault(require("./hash"));
 var _objectUtils = require("./utils/object-utils");
 var _defaultOptions = require("./utils/default-options");
 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.
- *
- * 
- */
-
-// Similar to `stylex.create` it takes an object of variables with their values
-// and returns a string after hashing it.
 function styleXCreateVars(variables, options) {
   const {
     classNamePrefix,
@@ -29,7 +18,6 @@ function styleXCreateVars(variables, options) {
   };
   const themeNameHash = classNamePrefix + (0, _hash.default)(themeName);
   const variablesMap = (0, _objectUtils.objMap)(variables, (value, key) => {
-    // Created hashed variable names with fileName//themeName//key
     const nameHash = classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
     return {
       nameHash,
@@ -51,9 +39,34 @@ function styleXCreateVars(variables, options) {
   }];
 }
 function constructCssVariablesString(variables) {
-  const vars = (0, _objectUtils.objEntries)(variables).map(_ref2 => {
-    let [_, value] = _ref2;
-    return `--${value.nameHash}:${value.value};`;
-  }).join('');
-  return `:root{${vars}}`;
+  const atRules = {};
+  const varsString = (0, _objectUtils.objEntries)(variables).map(_ref2 => {
+    let [key, {
+      nameHash,
+      value
+    }] = _ref2;
+    if (value !== null && typeof value === "object") {
+      if (value.default === undefined) {
+        throw new Error("Default value is not defined for " + key + " variable.");
+      }
+      const definedVarString = `--${nameHash}:${value.default};`;
+      Object.keys(value).forEach(key => {
+        if (key.startsWith("@")) {
+          const definedVarStringForAtRule = `--${nameHash}:${value[key]};`;
+          if (atRules[key] == null) {
+            atRules[key] = [definedVarStringForAtRule];
+          } else {
+            atRules[key].push(definedVarStringForAtRule);
+          }
+        }
+      });
+      return definedVarString;
+    }
+    return `--${nameHash}:${value};`;
+  }).join("");
+  const atRulesString = (0, _objectUtils.objEntries)(atRules).map(_ref3 => {
+    let [atRule, varsArr] = _ref3;
+    return `${atRule}{:root{${varsArr.join("")}}}`;
+  }).join("");
+  return `:root{${varsString}}${atRulesString || ""}`;
 }

package/lib/stylex-create-vars.js.flow

@@ -9,14 +9,20 @@
 
 import type { StyleXOptions } from './common-types';
 
-type VarsObject<Vars: { +[string]: string | number }> = {
+type VarsObject<
+  Vars: { +[string]: string | { default: string, +[string]: string } },
+> = $ReadOnly<{
   ...$ObjMapConst<Vars, string>,
   __themeName__: string,
-};
+}>;
 
 // Similar to `stylex.create` it takes an object of variables with their values
 // and returns a string after hashing it.
-declare export default function styleXCreateVars<+Vars: { +[string]: string }>(
+declare export default function styleXCreateVars<
+  +Vars: {
+    +[string]: string | { default: string, +[string]: string },
+  },
+>(
   variables: Vars,
-  options: $ReadOnly<{ ...Partial<StyleXOptions>, themeName: string, ... }>
+  options: $ReadOnly<{ ...Partial<StyleXOptions>, themeName: string, ... }>,
 ): [VarsObject<Vars>, { css: string }];

package/lib/stylex-create.d.ts

@@ -15,9 +15,9 @@ import type {
 } from './common-types';
 declare function styleXCreateSet(
   namespaces: { readonly [$$Key$$: string]: RawStyles },
-  options?: StyleXOptions
+  options?: StyleXOptions,
 ): [
   { [$$Key$$: string]: FlatCompiledStyles },
-  { [$$Key$$: string]: InjectableStyle }
+  { [$$Key$$: string]: InjectableStyle },
 ];
 export default styleXCreateSet;

package/lib/stylex-create.js

@@ -9,25 +9,6 @@ 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");
-/**
- * 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 takes the object of styles passed to `stylex.create` and transforms it.
-//   The transformation replaces style values with classNames.
-//
-// It also collects all injected styles along the way.
-// It then returns a tuple of the transformed style Object and an object of injected styles.
-//
-// This function does some basic validation, and then uses `styleXCreateNamespace` to transform
-// each namespace within,
-//
-// Before returning, it ensures that there are no duplicate styles being injected.
 function styleXCreateSet(namespaces) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultOptions.defaultOptions;
   const resolvedNamespaces = {};
@@ -51,7 +32,7 @@ function styleXCreateSet(namespaces) {
         const className = classNameTuples.map(_ref2 => {
           let [className] = _ref2;
           return className;
-        }).join(' ') || null;
+        }).join(" ") || null;
         namespaceObj[key] = className;
         for (const [className, injectable] of classNameTuples) {
           if (injectedStyles[className] == null) {

package/lib/stylex-create.js.flow

@@ -26,5 +26,5 @@ import type {
 // Before returning, it ensures that there are no duplicate styles being injected.
 declare export default function styleXCreateSet(
   namespaces: { +[string]: RawStyles },
-  options?: StyleXOptions
+  options?: StyleXOptions,
 ): [{ [string]: FlatCompiledStyles }, { [string]: InjectableStyle }];

package/lib/stylex-first-that-works.js

@@ -4,16 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = stylexFirstThatWorks;
-/**
- * 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 stylexFirstThatWorks() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];

package/lib/stylex-include.js

@@ -8,16 +8,6 @@ exports.default = stylexInclude;
 var messages = _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; }
-/**
- * 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.
- *
- * 
- *
- */
-
 let number = 0;
 function uuid() {
   return `__included_${++number}__`;

package/lib/stylex-keyframes.d.ts

@@ -12,6 +12,6 @@ declare function styleXKeyframes(
   frames: {
     readonly [$$Key$$: string]: { readonly [$$Key$$: string]: string | number };
   },
-  options: StyleXOptions
+  options: StyleXOptions,
 ): [string, InjectableStyle];
 export default styleXKeyframes;

package/lib/stylex-keyframes.js

@@ -13,34 +13,18 @@ var _dashify = _interopRequireDefault(require("./utils/dashify"));
 var _objectUtils = require("./utils/object-utils");
 var _defaultOptions = require("./utils/default-options");
 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.
- *
- * 
- */
-
-// Similar to `stylex.create` it takes an object of keyframes
-// and returns a string after hashing it.
-//
-// It also expands shorthand properties to maintain parity with
-// `stylex.create`.
 function styleXKeyframes(frames) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultOptions.defaultOptions;
   const {
-    stylexSheetName = '<>',
-    classNamePrefix = 'x'
+    stylexSheetName = "<>",
+    classNamePrefix = "x"
   } = options;
   const expandedObject = (0, _objectUtils.objMap)(frames, frame => _objectUtils.Pipe.create(frame).pipe(frame => expandFrameShorthands(frame, options)).pipe(x => (0, _objectUtils.objMapKeys)(x, _dashify.default)).pipe(x => (0, _objectUtils.objMap)(x, (value, key) => (0, _transformValue.default)(key, value))).done());
   const ltrStyles = (0, _objectUtils.objMap)(expandedObject, frame => (0, _objectUtils.objMapEntry)(frame, _generateLtr.default));
   const rtlStyles = (0, _objectUtils.objMap)(expandedObject, frame => (0, _objectUtils.objMapEntry)(frame, entry => (0, _generateRtl.default)(entry) ?? entry));
   const ltrString = constructKeyframesObj(ltrStyles);
   const rtlString = constructKeyframesObj(rtlStyles);
-
-  // This extra `-B` is kept for some idiosyncratic legacy compatibility for now.
-  const animationName = classNamePrefix + (0, _hash.default)(stylexSheetName + ltrString) + '-B';
+  const animationName = classNamePrefix + (0, _hash.default)(stylexSheetName + ltrString) + "-B";
   const ltr = `@keyframes ${animationName}{${ltrString}}`;
   const rtl = ltrString === rtlString ? null : `@keyframes ${animationName}{${rtlString}}`;
   return [animationName, {
@@ -52,25 +36,21 @@ function styleXKeyframes(frames) {
 function expandFrameShorthands(frame, options) {
   return (0, _objectUtils.objFromEntries)((0, _objectUtils.objEntries)(frame).flatMap(pair => (0, _index.default)(pair, options).map(_ref => {
     let [key, value] = _ref;
-    if (typeof value === 'string' || typeof value === 'number') {
+    if (typeof value === "string" || typeof value === "number") {
       return [key, value];
     }
     return null;
-  }).filter(Boolean))
-  // Keyframes are not combined. The nulls can be skipped
-  .filter(_ref2 => {
+  }).filter(Boolean)).filter(_ref2 => {
     let [_key, value] = _ref2;
     return value != null;
   }));
 }
-
-// Create t
 function constructKeyframesObj(frames) {
   return (0, _objectUtils.objEntries)(frames).map(_ref3 => {
     let [key, value] = _ref3;
     return `${key}{${(0, _objectUtils.objEntries)(value).map(_ref4 => {
       let [k, v] = _ref4;
       return `${k}:${v};`;
-    }).join('')}}`;
-  }).join('');
+    }).join("")}}`;
+  }).join("");
 }

package/lib/stylex-keyframes.js.flow

@@ -16,5 +16,5 @@ import type { InjectableStyle, StyleXOptions } from './common-types';
 // `stylex.create`.
 declare export default function styleXKeyframes(
   frames: { +[string]: { +[string]: string | number } },
-  options: StyleXOptions
+  options: StyleXOptions,
 ): [string, InjectableStyle];

package/lib/stylex-override-vars.d.ts

@@ -9,11 +9,18 @@
 
 import type { InjectableStyle, StyleXOptions } from './common-types';
 declare function styleXOverrideVars(
-  themeVars: { __themeName__: string; readonly [$$Key$$: string]: string },
-  variables: { readonly [$$Key$$: string]: string },
-  options?: StyleXOptions
+  themeVars: {
+    readonly __themeName__: string;
+    readonly [$$Key$$: string]: string;
+  },
+  variables: {
+    readonly [$$Key$$: string]:
+      | string
+      | { default: string; readonly [$$Key$$: string]: string };
+  },
+  options?: StyleXOptions,
 ): [
   { $$css: true; readonly [$$Key$$: string]: string },
-  { [$$Key$$: string]: InjectableStyle }
+  { [$$Key$$: string]: InjectableStyle },
 ];
 export default styleXOverrideVars;

package/lib/stylex-override-vars.js

@@ -7,21 +7,9 @@ exports.default = styleXOverrideVars;
 var _hash = _interopRequireDefault(require("./hash"));
 var _defaultOptions = require("./utils/default-options");
 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.
- *
- * 
- */
-
-// It takes an object of variables with their values and the original set of variables to override
-// and returns a hashed className with variables overrides.
-//
 function styleXOverrideVars(themeVars, variables, options) {
-  if (typeof themeVars.__themeName__ !== 'string') {
-    throw new Error('Can only override variables theme created with stylex.unstable_createVars().');
+  if (typeof themeVars.__themeName__ !== "string") {
+    throw new Error("Can only override variables theme created with stylex.unstable_createVars().");
   }
   const {
     classNamePrefix
@@ -30,17 +18,43 @@ function styleXOverrideVars(themeVars, variables, options) {
     ...options
   };
   const sortedKeys = Object.keys(variables).sort();
+  const atRules = {};
   const cssVariablesOverrideString = sortedKeys.map(key => {
     const varNameHash = themeVars[key].slice(4, -1);
-    return varNameHash != null ? `${varNameHash}:${variables[key]};` : '';
-  }).join('');
-  const overrideClassName = classNamePrefix + (0, _hash.default)(cssVariablesOverrideString);
+    const value = variables[key];
+    if (varNameHash != null && value !== null && typeof value === "object") {
+      if (value.default === undefined) {
+        throw new Error("Default value is not defined for " + key + " variable.");
+      }
+      const definedVarString = `${varNameHash}:${value.default};`;
+      Object.keys(value).forEach(key => {
+        if (key.startsWith("@")) {
+          const definedVarStringForAtRule = `${varNameHash}:${value[key]};`;
+          if (atRules[key] == null) {
+            atRules[key] = [definedVarStringForAtRule];
+          } else {
+            atRules[key].push(definedVarStringForAtRule);
+          }
+        }
+      });
+      return definedVarString;
+    }
+    return varNameHash != null && typeof value !== "object" ? `${varNameHash}:${value};` : "";
+  }).join("");
+  const sortedAtRules = Object.keys(atRules).sort();
+  const atRulesStringForHash = sortedAtRules.map(atRule => {
+    return `${atRule}{${atRules[atRule].sort().join("")}}`;
+  }).join("");
+  const overrideClassName = classNamePrefix + (0, _hash.default)(cssVariablesOverrideString + atRulesStringForHash);
+  const atRulesCss = sortedAtRules.map(atRule => {
+    return `${atRule}{.${overrideClassName}{${atRules[atRule].join("")}}}`;
+  }).join("");
   return [{
     $$css: true,
     [themeVars.__themeName__]: overrideClassName
   }, {
     [overrideClassName]: {
-      ltr: `.${overrideClassName}{${cssVariablesOverrideString}}`,
+      ltr: `.${overrideClassName}{${cssVariablesOverrideString}${atRulesCss}}`,
       priority: 0.99,
       rtl: undefined
     }

package/lib/stylex-override-vars.js.flow

@@ -13,7 +13,7 @@ import type { InjectableStyle, StyleXOptions } from './common-types';
 // and returns a hashed className with variables overrides.
 //
 declare export default function styleXOverrideVars(
-  themeVars: { __themeName__: string, +[string]: string },
-  variables: { +[string]: string },
-  options?: StyleXOptions
+  themeVars: { +__themeName__: string, +[string]: string },
+  variables: { +[string]: string | { default: string, +[string]: string } },
+  options?: StyleXOptions,
 ): [{ $$css: true, +[string]: string }, { [string]: InjectableStyle }];

package/lib/transform-value.js

@@ -6,28 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = transformValue;
 var _normalizeValue = _interopRequireDefault(require("./utils/normalize-value"));
 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.
- * 
- */
-
-/**
- * Convert a CSS value in JS to the final CSS string value
- */
 function transformValue(key, rawValue) {
-  const value = typeof rawValue === 'number' ? String(Math.round(rawValue * 10000) / 10000) + getNumberSuffix(key) : rawValue;
-
-  // content is one of the values that needs to wrapped in quotes.
-  // Users may write `''` without thinking about it, so we fix that.
-  if (key === 'content' && typeof value === 'string') {
+  const value = typeof rawValue === "number" ? String(Math.round(rawValue * 10000) / 10000) + getNumberSuffix(key) : rawValue;
+  if (key === "content" && typeof value === "string") {
     const val = value.trim();
     if (val.match(/^attr\([a-zA-Z0-9-]+\)$/)) {
       return val;
     }
-    if (!(val.startsWith('"') && val.endsWith('"') || val.startsWith("'") && val.endsWith("'"))) {
+    if (!(val.startsWith("\"") && val.endsWith("\"") || val.startsWith("'") && val.endsWith("'"))) {
       return `"${val}"`;
     }
   }
@@ -35,24 +21,20 @@ function transformValue(key, rawValue) {
 }
 function getNumberSuffix(key) {
   if (unitlessNumberProperties.has(key)) {
-    return '';
+    return "";
   }
   const suffix = numberPropertySuffixes[key];
   if (suffix == null) {
-    return 'px';
+    return "px";
   } else {
     return suffix;
   }
 }
-const unitlessNumberProperties = new Set(['animationIterationCount', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'columnCount', 'flex',
-// Unsupported
-'flexGrow', 'flexPositive', 'flexShrink', 'flexOrder', 'gridRow', 'gridColumn', 'fontWeight', 'lineClamp', 'lineHeight', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth']);
-
-// List of properties that have custom suffixes for numbers
+const unitlessNumberProperties = new Set(["animationIterationCount", "borderImageOutset", "borderImageSlice", "borderImageWidth", "columnCount", "flex", "flexGrow", "flexPositive", "flexShrink", "flexOrder", "gridRow", "gridColumn", "fontWeight", "lineClamp", "lineHeight", "opacity", "order", "orphans", "tabSize", "widows", "zIndex", "fillOpacity", "floodOpacity", "stopOpacity", "strokeDasharray", "strokeDashoffset", "strokeMiterlimit", "strokeOpacity", "strokeWidth"]);
 const numberPropertySuffixes = {
-  animationDelay: 'ms',
-  animationDuration: 'ms',
-  transitionDelay: 'ms',
-  transitionDuration: 'ms',
-  voiceDuration: 'ms'
+  animationDelay: "ms",
+  animationDuration: "ms",
+  transitionDelay: "ms",
+  transitionDuration: "ms",
+  voiceDuration: "ms"
 };

package/lib/transform-value.js.flow

@@ -11,5 +11,5 @@
  */
 declare export default function transformValue(
   key: string,
-  rawValue: string | number
+  rawValue: string | number,
 ): string;

package/lib/utils/Rule.d.ts

@@ -27,7 +27,7 @@ export declare class RawRule<V> extends Rule<V> {
     key: string,
     value: V,
     psuedos: null | undefined | ReadonlyArray<string>,
-    atRules: null | undefined | ReadonlyArray<string>
+    atRules: null | undefined | ReadonlyArray<string>,
   );
 }
 export declare class RawRuleList<V> extends Rule<V> {
@@ -49,7 +49,7 @@ export declare class CompiledRule<V> extends Rule<V> {
     value: V,
     psuedos: null | undefined | ReadonlyArray<string>,
     atRules: null | undefined | ReadonlyArray<string>,
-    className: string
+    className: string,
   );
 }
 export declare class CompiledRuleTuple2<V1, V2> extends Rule<V1 | V2> {

package/lib/utils/Rule.js

@@ -4,28 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Rule = exports.RawRuleRTLTuple = exports.RawRuleList = exports.RawRule = exports.CompiledRuleTuple2 = exports.CompiledRule = 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.
- *
- * 
- */
-
-/**
- * This could be an interface, but we use a class so that we can
- * use instanceof to check for it.
- */
-// eslint-disable-next-line no-unused-vars
 class Rule {}
-
-/**
- * This is a class that represents a raw style rule.
- *
- * It exists to track the actual CSS rule that should be compiled
- * even as we transform the structure of the RawStyles object.
- */
 exports.Rule = Rule;
 class RawRule extends Rule {
   constructor(key, value, psuedos, atRules) {

package/lib/utils/Rule.js.flow

@@ -29,7 +29,7 @@ declare export class RawRule<V> extends Rule<V> {
     key: string,
     value: V,
     psuedos: ?$ReadOnlyArray<string>,
-    atRules: ?$ReadOnlyArray<string>
+    atRules: ?$ReadOnlyArray<string>,
   ): void;
 }
 
@@ -54,7 +54,7 @@ declare export class CompiledRule<V> extends Rule<V> {
     value: V,
     psuedos: ?$ReadOnlyArray<string>,
     atRules: ?$ReadOnlyArray<string>,
-    className: string
+    className: string,
   ): void;
 }
 

package/lib/utils/dashify.js

@@ -4,14 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = dashify;
-/**
- * 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 dashify(str) {
-  return str.replace(/(^|[a-z])([A-Z])/g, '$1-$2').toLowerCase();
+  return str.replace(/(^|[a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }

package/lib/utils/default-options.d.ts

@@ -7,4 +7,4 @@
  */
 
 import type { StyleXOptions } from '../common-types';
-export declare var defaultOptions: StyleXOptions;
+export declare const defaultOptions: StyleXOptions;

package/lib/utils/default-options.js

@@ -4,31 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultOptions = 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.
- * 
- */
-
-// {
-//   ...options,
-//   dev: !!(options as any).dev,
-//   test: !!(options as any).test,
-//   stylexSheetName: (options as any).stylexSheetName ?? undefined,
-//   classNamePrefix: (options as any).classNamePrefix ?? 'x',
-//   importSources: (options as any).importSources ?? [name, 'stylex'],
-//   definedStylexCSSVariables:
-//     (options as any).definedStylexCSSVariables ?? {},
-//   genConditionalClasses: !!(options as any).genConditionalClasses,
-//   skipShorthandExpansion: !!(options as any).skipShorthandExpansion,
-// } as StyleXOptions;
-
 const defaultOptions = {
   dev: false,
   test: false,
-  classNamePrefix: 'x',
-  styleResolution: 'application-order'
+  classNamePrefix: "x",
+  styleResolution: "application-order"
 };
 exports.defaultOptions = defaultOptions;

package/lib/utils/default-options.js.flow

@@ -21,4 +21,4 @@ import type { StyleXOptions } from '../common-types';
 //   skipShorthandExpansion: !!(options as any).skipShorthandExpansion,
 // } as StyleXOptions;
 
-declare export var defaultOptions: StyleXOptions;
+declare export const defaultOptions: StyleXOptions;

package/lib/utils/file-based-identifier.js

@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = genFileBasedIdentifier;
-/**
- * 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 genFileBasedIdentifier(_ref) {
   let {
     fileName,
     exportName,
     key
   } = _ref;
-  return `${fileName}//${exportName}${key != null ? `.${key}` : ''}`;
+  return `${fileName}//${exportName}${key != null ? `.${key}` : ""}`;
 }

package/lib/utils/genCSSRule.d.ts

@@ -12,5 +12,5 @@ export declare function genCSSRule(
   className: string,
   decls: string,
   pseudos: ReadonlyArray<string>,
-  atRules: ReadonlyArray<string>
+  atRules: ReadonlyArray<string>,
 ): string;

package/lib/utils/genCSSRule.js

@@ -1,25 +1,15 @@
-/**
- * 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.
- *
- * 
- *
- */
-
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.genCSSRule = genCSSRule;
-const THUMB_VARIANTS = ['::-webkit-slider-thumb', '::-moz-range-thumb', '::-ms-thumb'];
+const THUMB_VARIANTS = ["::-webkit-slider-thumb", "::-moz-range-thumb", "::-ms-thumb"];
 function genCSSRule(className, decls, pseudos, atRules) {
-  const pseudo = pseudos.filter(p => p !== '::thumb').join('');
-  let selectorForAtRules = `.${className}` + atRules.map(() => `.${className}`).join('') + pseudo;
-  if (pseudos.includes('::thumb')) {
-    selectorForAtRules = THUMB_VARIANTS.map(suffix => selectorForAtRules + suffix).join(', ');
+  const pseudo = pseudos.filter(p => p !== "::thumb").join("");
+  let selectorForAtRules = `.${className}` + atRules.map(() => `.${className}`).join("") + pseudo;
+  if (pseudos.includes("::thumb")) {
+    selectorForAtRules = THUMB_VARIANTS.map(suffix => selectorForAtRules + suffix).join(", ");
   }
   return atRules.reduce((acc, atRule) => `${atRule}{${acc}}`, `${selectorForAtRules}{${decls}}`);
 }