@stylexjs/stylex 0.11.1 → 0.13.0

package/lib/es/StyleXSheet.mjs

@@ -1,247 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var invariant_1;
-var hasRequiredInvariant;
-
-function requireInvariant () {
-	if (hasRequiredInvariant) return invariant_1;
-	hasRequiredInvariant = 1;
-
-	/**
-	 * Use invariant() to assert state which your program assumes to be true.
-	 *
-	 * Provide sprintf-style format (only %s is supported) and arguments
-	 * to provide information about what broke and what you were
-	 * expecting.
-	 *
-	 * The invariant message will be stripped in production, but the invariant
-	 * will remain to ensure logic does not differ in production.
-	 */
-
-	var NODE_ENV = process.env.NODE_ENV;
-
-	var invariant = function(condition, format, a, b, c, d, e, f) {
-	  if (NODE_ENV !== 'production') {
-	    if (format === undefined) {
-	      throw new Error('invariant requires an error message argument');
-	    }
-	  }
-
-	  if (!condition) {
-	    var error;
-	    if (format === undefined) {
-	      error = new Error(
-	        'Minified exception occurred; use the non-minified dev environment ' +
-	        'for the full error message and additional helpful warnings.'
-	      );
-	    } else {
-	      var args = [a, b, c, d, e, f];
-	      var argIndex = 0;
-	      error = new Error(
-	        format.replace(/%s/g, function() { return args[argIndex++]; })
-	      );
-	      error.name = 'Invariant Violation';
-	    }
-
-	    error.framesToPop = 1; // we don't care about invariant's own frame
-	    throw error;
-	  }
-	};
-
-	invariant_1 = invariant;
-	return invariant_1;
-}
-
-var invariantExports = requireInvariant();
-var invariant = /*@__PURE__*/getDefaultExportFromCjs(invariantExports);
-
-const LIGHT_MODE_CLASS_NAME = '__fb-light-mode';
-const DARK_MODE_CLASS_NAME = '__fb-dark-mode';
-function buildTheme(selector, theme) {
-  const lines = [];
-  lines.push(`${selector} {`);
-  for (const key in theme) {
-    const value = theme[key];
-    lines.push(`  --${key}: ${value};`);
-  }
-  lines.push('}');
-  return lines.join('\n');
-}
-function makeStyleTag() {
-  const tag = document.createElement('style');
-  tag.setAttribute('type', 'text/css');
-  tag.setAttribute('data-stylex', 'true');
-  const head = document.head || document.getElementsByTagName('head')[0];
-  invariant(head, 'expected head');
-  head.appendChild(tag);
-  return tag;
-}
-function doesSupportCSSVariables() {
-  return globalThis.CSS != null && globalThis.CSS.supports != null && globalThis.CSS.supports('--fake-var:0');
-}
-const VARIABLE_MATCH = /var\(--(.*?)\)/g;
-class StyleXSheet {
-  static LIGHT_MODE_CLASS_NAME = (() => LIGHT_MODE_CLASS_NAME)();
-  static DARK_MODE_CLASS_NAME = (() => DARK_MODE_CLASS_NAME)();
-  constructor(opts) {
-    this.tag = null;
-    this.injected = false;
-    this.ruleForPriority = new Map();
-    this.rules = [];
-    this.rootTheme = opts.rootTheme;
-    this.rootDarkTheme = opts.rootDarkTheme;
-    this.supportsVariables = opts.supportsVariables ?? doesSupportCSSVariables();
-  }
-  getVariableMatch() {
-    return VARIABLE_MATCH;
-  }
-  isHeadless() {
-    return this.tag == null || globalThis?.document?.body == null;
-  }
-  getTag() {
-    const {
-      tag
-    } = this;
-    invariant(tag != null, 'expected tag');
-    return tag;
-  }
-  getCSS() {
-    return this.rules.join('\n');
-  }
-  getRulePosition(rule) {
-    return this.rules.indexOf(rule);
-  }
-  getRuleCount() {
-    return this.rules.length;
-  }
-  inject() {
-    if (this.injected) {
-      return;
-    }
-    this.injected = true;
-    if (globalThis.document?.body == null) {
-      this.injectTheme();
-      return;
-    }
-    this.tag = makeStyleTag();
-    this.injectTheme();
-  }
-  injectTheme() {
-    if (this.rootTheme != null) {
-      this.insert(buildTheme(`:root, .${LIGHT_MODE_CLASS_NAME}`, this.rootTheme), 0);
-    }
-    if (this.rootDarkTheme != null) {
-      this.insert(buildTheme(`.${DARK_MODE_CLASS_NAME}:root, .${DARK_MODE_CLASS_NAME}`, this.rootDarkTheme), 0);
-    }
-  }
-  __injectCustomThemeForTesting(selector, theme) {
-    if (theme != null) {
-      this.insert(buildTheme(selector, theme), 0);
-    }
-  }
-  delete(rule) {
-    const index = this.rules.indexOf(rule);
-    invariant(index >= 0, "Couldn't find the index for rule %s", rule);
-    this.rules.splice(index, 1);
-    if (this.isHeadless()) {
-      return;
-    }
-    const tag = this.getTag();
-    const sheet = tag.sheet;
-    invariant(sheet, 'expected sheet');
-    sheet.deleteRule(index);
-  }
-  normalizeRule(rule) {
-    const {
-      rootTheme
-    } = this;
-    if (this.supportsVariables || rootTheme == null) {
-      return rule;
-    }
-    return rule.replace(VARIABLE_MATCH, (_match, name) => {
-      return rootTheme[name];
-    });
-  }
-  getInsertPositionForPriority(priority) {
-    const priorityRule = this.ruleForPriority.get(priority);
-    if (priorityRule != null) {
-      return this.rules.indexOf(priorityRule) + 1;
-    }
-    const priorities = Array.from(this.ruleForPriority.keys()).sort((a, b) => b - a).filter(num => num > priority ? 1 : 0);
-    if (priorities.length === 0) {
-      return this.getRuleCount();
-    }
-    const lastPriority = priorities.pop();
-    if (lastPriority == null) {
-      return this.getRuleCount();
-    }
-    return this.rules.indexOf(this.ruleForPriority.get(lastPriority));
-  }
-  insert(rawLTRRule, priority, rawRTLRule) {
-    if (this.injected === false) {
-      this.inject();
-    }
-    if (rawRTLRule != null) {
-      this.insert(addAncestorSelector(rawLTRRule, "html:not([dir='rtl'])"), priority);
-      this.insert(addAncestorSelector(rawRTLRule, "html[dir='rtl']"), priority);
-      return;
-    }
-    const rawRule = rawLTRRule;
-    if (this.rules.includes(rawRule)) {
-      return;
-    }
-    const rule = this.normalizeRule(addSpecificityLevel(rawRule, Math.floor(priority / 1000)));
-    const insertPos = this.getInsertPositionForPriority(priority);
-    this.rules.splice(insertPos, 0, rule);
-    this.ruleForPriority.set(priority, rule);
-    if (this.isHeadless()) {
-      return;
-    }
-    const tag = this.getTag();
-    const sheet = tag.sheet;
-    if (sheet != null) {
-      try {
-        sheet.insertRule(rule, Math.min(insertPos, sheet.cssRules.length));
-      } catch (err) {
-        console.error('insertRule error', err, rule, insertPos);
-      }
-    }
-  }
-}
-function addAncestorSelector(selector, ancestorSelector) {
-  if (!selector.startsWith('@')) {
-    return `${ancestorSelector} ${selector}`;
-  }
-  const firstBracketIndex = selector.indexOf('{');
-  const mediaQueryPart = selector.slice(0, firstBracketIndex + 1);
-  const rest = selector.slice(firstBracketIndex + 1);
-  return `${mediaQueryPart}${ancestorSelector} ${rest}`;
-}
-function addSpecificityLevel(selector, index) {
-  if (selector.startsWith('@keyframes')) {
-    return selector;
-  }
-  const pseudo = Array.from({
-    length: index
-  }).map(() => ':not(#\\#)').join('');
-  const lastOpenCurly = selector.includes('::') ? selector.indexOf('::') : selector.lastIndexOf('{');
-  const beforeCurly = selector.slice(0, lastOpenCurly);
-  const afterCurly = selector.slice(lastOpenCurly);
-  return `${beforeCurly}${pseudo}${afterCurly}`;
-}
-const styleSheet = new StyleXSheet({
-  supportsVariables: true,
-  rootTheme: {},
-  rootDarkTheme: {}
-});
-
-export { StyleXSheet, styleSheet };

package/lib/es/StyleXTypes.mjs

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

package/lib/es/stylex-inject.mjs

@@ -1,5 +0,0 @@
-import { styleSheet } from "./StyleXSheet.mjs";
-export default function inject(ltrRule, priority) {
-  let rtlRule = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  styleSheet.insert(ltrRule, priority, rtlRule);
-}

package/lib/stylex-inject.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = inject;
-var _StyleXSheet = require("./StyleXSheet");
-function inject(ltrRule, priority) {
-  let rtlRule = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  _StyleXSheet.styleSheet.insert(ltrRule, priority, rtlRule);
-}

package/lib/stylex.js

@@ -1,125 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.attrs = attrs;
-exports.legacyMerge = exports.keyframes = exports.firstThatWorks = exports.defineVars = exports.createTheme = exports.create = void 0;
-exports.props = props;
-exports.types = void 0;
-var Types = _interopRequireWildcard(require("./VarTypes"));
-var _styleq = require("styleq");
-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; }
-const errorForFn = name => new Error(`Unexpected 'stylex.${name}' call at runtime. Styles must be compiled by '@stylexjs/babel-plugin'.`);
-const errorForType = key => errorForFn(`types.${key}`);
-function attrs() {
-  const {
-    className,
-    'data-style-src': dataStyleSrc,
-    style
-  } = props(...arguments);
-  const result = {};
-  if (className != null && className !== '') {
-    result.class = className;
-  }
-  if (style != null && Object.keys(style).length > 0) {
-    result.style = Object.keys(style).map(key => `${key}:${style[key]};`).join('');
-  }
-  if (dataStyleSrc != null && dataStyleSrc !== '') {
-    result['data-style-src'] = dataStyleSrc;
-  }
-  return result;
-}
-const create = exports.create = function stylexCreate(_styles) {
-  throw errorForFn('create');
-};
-const createTheme = (_baseTokens, _overrides) => {
-  throw errorForFn('createTheme');
-};
-exports.createTheme = createTheme;
-const defineVars = exports.defineVars = function stylexDefineVars(_styles) {
-  throw errorForFn('defineVars');
-};
-const firstThatWorks = function () {
-  throw errorForFn('firstThatWorks');
-};
-exports.firstThatWorks = firstThatWorks;
-const keyframes = _keyframes => {
-  throw errorForFn('keyframes');
-};
-exports.keyframes = keyframes;
-function props() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
-  const [className, style, dataStyleSrc] = (0, _styleq.styleq)(styles);
-  const result = {};
-  if (className != null && className !== '') {
-    result.className = className;
-  }
-  if (style != null && Object.keys(style).length > 0) {
-    result.style = style;
-  }
-  if (dataStyleSrc != null && dataStyleSrc !== '') {
-    result['data-style-src'] = dataStyleSrc;
-  }
-  return result;
-}
-const types = exports.types = {
-  angle: _v => {
-    throw errorForType('angle');
-  },
-  color: _v => {
-    throw errorForType('color');
-  },
-  url: _v => {
-    throw errorForType('url');
-  },
-  image: _v => {
-    throw errorForType('image');
-  },
-  integer: _v => {
-    throw errorForType('integer');
-  },
-  lengthPercentage: _v => {
-    throw errorForType('lengthPercentage');
-  },
-  length: _v => {
-    throw errorForType('length');
-  },
-  percentage: _v => {
-    throw errorForType('percentage');
-  },
-  number: _v => {
-    throw errorForType('number');
-  },
-  resolution: _v => {
-    throw errorForType('resolution');
-  },
-  time: _v => {
-    throw errorForType('time');
-  },
-  transformFunction: _v => {
-    throw errorForType('transformFunction');
-  },
-  transformList: _v => {
-    throw errorForType('transformList');
-  }
-};
-function _legacyMerge() {
-  for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    styles[_key2] = arguments[_key2];
-  }
-  const [className] = (0, _styleq.styleq)(styles);
-  return className;
-}
-_legacyMerge.attrs = attrs;
-_legacyMerge.create = create;
-_legacyMerge.createTheme = createTheme;
-_legacyMerge.defineVars = defineVars;
-_legacyMerge.firstThatWorks = firstThatWorks;
-_legacyMerge.keyframes = keyframes;
-_legacyMerge.props = props;
-_legacyMerge.types = types;
-const legacyMerge = exports.legacyMerge = _legacyMerge;

package/lib/util-types.js

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