@stylexjs/shared 0.2.0-beta.13 → 0.2.0-beta.15

package/lib/common-types.d.ts

@@ -37,6 +37,8 @@ export type FlatCompiledStyles = Readonly<{
 export type StyleXOptions = {
   dev: boolean;
   test: boolean;
+  moduleSystem?: 'haste' | 'commonjs';
+  rootDir?: string | void;
   stylexSheetName?: string | void;
   classNamePrefix: string;
   definedStylexCSSVariables?: { [key: string]: unknown };

package/lib/common-types.js.flow

@@ -44,6 +44,8 @@ export type FlatCompiledStyles = $ReadOnly<{
 export type StyleXOptions = {
   dev: boolean,
   test: boolean,
+  moduleSystem?: 'haste' | 'commonjs',
+  rootDir?: string | void,
   stylexSheetName?: string | void,
   classNamePrefix: string,
   definedStylexCSSVariables?: { [key: string]: mixed },

package/lib/hash.js

@@ -28,7 +28,8 @@ exports.default = void 0;
  * @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,

package/lib/index.d.ts

@@ -15,11 +15,15 @@ export type {
   TStyleValue,
 } from './common-types';
 import styleXCreateSet from './stylex-create';
+import styleXCreateVars from './stylex-create-vars';
+import styleXOverrideVars from './stylex-override-vars';
 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';
 import type {
   InjectableStyle as _InjectableStyle,
@@ -28,8 +32,14 @@ import type {
   StyleXOptions as _StyleXOptions,
 } from './common-types';
 export declare var create: typeof styleXCreateSet;
+export declare var createVars: typeof styleXCreateVars;
+export declare var overrideVars: typeof styleXOverrideVars;
 export declare var keyframes: typeof stylexKeyframes;
 export declare var include: typeof stylexInclude;
+export declare var utils: {
+  hash: typeof hash;
+  genFileBasedIdentifier: typeof genFileBasedIdentifier;
+};
 export declare var messages: typeof m;
 export declare var IncludedStyles: typeof _IncludedStyles;
 export declare var firstThatWorks: typeof stylexFirstThatWorks;

package/lib/index.js

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = exports.keyframes = exports.include = exports.firstThatWorks = exports.create = exports.IncludedStyles = void 0;
+exports.utils = exports.overrideVars = exports.messages = exports.keyframes = exports.include = exports.firstThatWorks = exports.createVars = exports.create = exports.IncludedStyles = void 0;
 var _stylexCreate = _interopRequireDefault(require("./stylex-create"));
+var _stylexCreateVars = _interopRequireDefault(require("./stylex-create-vars"));
+var _stylexOverrideVars = _interopRequireDefault(require("./stylex-override-vars"));
 var _stylexKeyframes = _interopRequireDefault(require("./stylex-keyframes"));
 var _stylexInclude = _interopRequireWildcard(require("./stylex-include"));
 var _stylexFirstThatWorks = _interopRequireDefault(require("./stylex-first-that-works"));
+var _hash = _interopRequireDefault(require("./hash"));
+var _fileBasedIdentifier = _interopRequireDefault(require("./utils/file-based-identifier"));
 var m = _interopRequireWildcard(require("./messages"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -28,10 +32,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const create = _stylexCreate.default;
 exports.create = create;
+const createVars = _stylexCreateVars.default;
+exports.createVars = createVars;
+const overrideVars = _stylexOverrideVars.default;
+exports.overrideVars = overrideVars;
 const keyframes = _stylexKeyframes.default;
 exports.keyframes = keyframes;
 const include = _stylexInclude.default;
 exports.include = include;
+const utils = {
+  hash: _hash.default,
+  genFileBasedIdentifier: _fileBasedIdentifier.default
+};
+exports.utils = utils;
 const messages = m;
 exports.messages = messages;
 const IncludedStyles = _stylexInclude.IncludedStyles;

package/lib/index.js.flow

@@ -21,11 +21,15 @@ export type {
 // These are the implementations of those functions.
 
 import styleXCreateSet from './stylex-create';
+import styleXCreateVars from './stylex-create-vars';
+import styleXOverrideVars from './stylex-override-vars';
 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';
 
 import type {
@@ -36,8 +40,14 @@ import type {
 } from './common-types';
 
 declare export var create: typeof styleXCreateSet;
+declare export var createVars: typeof styleXCreateVars;
+declare export var overrideVars: typeof styleXOverrideVars;
 declare export var keyframes: typeof stylexKeyframes;
 declare export var include: typeof stylexInclude;
+declare export var utils: {
+  hash: typeof hash,
+  genFileBasedIdentifier: typeof genFileBasedIdentifier,
+};
 declare export var messages: typeof m;
 declare export var IncludedStyles: typeof _IncludedStyles;
 declare export var firstThatWorks: typeof stylexFirstThatWorks;

package/lib/messages.d.ts

@@ -30,3 +30,5 @@ export declare var EXPECTED_FUNCTION_CALL: 'Expected a simple function call but
 export declare var NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
 export declare var ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
 export declare var DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
+export declare var NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
+export declare var NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.createVars() must be bound to a named export.';

package/lib/messages.js

@@ -13,7 +13,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_INLCUDES = exports.ONLY_TOP_LEVEL = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_OBJECT_FOR_STYLEX_CALL = 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_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = exports.DUPLICATE_CONDITIONAL = void 0;
+exports.UNKNOWN_PROP_KEY = exports.UNKNOWN_NAMESPACE = exports.UNEXPECTED_ARGUMENT = exports.UNBOUND_STYLEX_CALL_VALUE = exports.ONLY_TOP_LEVEL_INLCUDES = exports.ONLY_TOP_LEVEL = exports.NO_PROJECT_ROOT_DIRECTORY = exports.NO_PARENT_PATH = exports.NO_CONDITIONAL_SHORTHAND = exports.NON_STATIC_VALUE = exports.NON_OBJECT_FOR_STYLEX_CALL = exports.NON_EXPORT_NAMED_DECLARATION = 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_ARGUMENT_LENGTH = exports.EXPECTED_FUNCTION_CALL = exports.ESCAPED_STYLEX_VALUE = exports.DUPLICATE_CONDITIONAL = void 0;
 const ILLEGAL_ARGUMENT_LENGTH = 'stylex() should have 1 argument.';
 exports.ILLEGAL_ARGUMENT_LENGTH = ILLEGAL_ARGUMENT_LENGTH;
 const NON_STATIC_VALUE = 'Only static values are allowed inside of a stylex.create() call.';
@@ -61,4 +61,8 @@ exports.NO_PARENT_PATH = NO_PARENT_PATH;
 const ONLY_TOP_LEVEL_INLCUDES = 'stylex.include() is only at the top level of a style definition object.';
 exports.ONLY_TOP_LEVEL_INLCUDES = ONLY_TOP_LEVEL_INLCUDES;
 const DUPLICATE_CONDITIONAL = 'The same pseudo selector or at-rule cannot be used more than once.';
-exports.DUPLICATE_CONDITIONAL = DUPLICATE_CONDITIONAL;
+exports.DUPLICATE_CONDITIONAL = DUPLICATE_CONDITIONAL;
+const NO_PROJECT_ROOT_DIRECTORY = 'The project root directory `rootDir` is not configured.';
+exports.NO_PROJECT_ROOT_DIRECTORY = NO_PROJECT_ROOT_DIRECTORY;
+const NON_EXPORT_NAMED_DECLARATION = 'The return value of stylex.createVars() must be bound to a named export.';
+exports.NON_EXPORT_NAMED_DECLARATION = NON_EXPORT_NAMED_DECLARATION;

package/lib/messages.js.flow

@@ -33,3 +33,5 @@ declare export var EXPECTED_FUNCTION_CALL: 'Expected a simple function call but
 declare export var NO_PARENT_PATH: 'Unexpected AST node without a parent path.';
 declare export var ONLY_TOP_LEVEL_INLCUDES: 'stylex.include() is only at the top level of a style definition object.';
 declare export var DUPLICATE_CONDITIONAL: 'The same pseudo selector or at-rule cannot be used more than once.';
+declare export var NO_PROJECT_ROOT_DIRECTORY: 'The project root directory `rootDir` is not configured.';
+declare export var NON_EXPORT_NAMED_DECLARATION: 'The return value of stylex.createVars() must be bound to a named export.';

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

@@ -0,0 +1,19 @@
+/**
+ * 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, StyleXOptions } from './common-types';
+declare function styleXOverrideVars(
+  themeVars: { __themeName__: string; readonly [$$Key$$: string]: string },
+  variables: { readonly [$$Key$$: string]: string },
+  options?: StyleXOptions
+): [
+  { $$css: true; readonly [$$Key$$: string]: string },
+  { [$$Key$$: string]: InjectableStyle }
+];
+export default styleXOverrideVars;

package/lib/stylex-override-vars.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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().');
+  }
+  const {
+    classNamePrefix
+  } = {
+    ..._defaultOptions.defaultOptions,
+    ...options
+  };
+  const sortedKeys = Object.keys(variables).sort();
+  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);
+  return [{
+    $$css: true,
+    [themeVars.__themeName__]: overrideClassName
+  }, {
+    [overrideClassName]: {
+      ltr: `.${overrideClassName}{${cssVariablesOverrideString}}`,
+      priority: 0.99,
+      rtl: undefined
+    }
+  }];
+}

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

@@ -0,0 +1,19 @@
+/**
+ * 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, StyleXOptions } from './common-types';
+
+// 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.
+//
+declare export default function styleXOverrideVars(
+  themeVars: { __themeName__: string, +[string]: string },
+  variables: { +[string]: string },
+  options?: StyleXOptions
+): [{ $$css: true, +[string]: string }, { [string]: InjectableStyle }];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.2.0-beta.13",
+  "version": "0.2.0-beta.15",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,7 +13,7 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.2.0-beta.13",
+    "@stylexjs/scripts": "0.2.0-beta.15",
     "typescript": "^4.7.4"
   },
   "jest": {