@stylexjs/babel-plugin 0.2.0-beta.11 → 0.2.0-beta.13

package/lib/index.js

@@ -453,8 +453,8 @@ Object.defineProperty(splitCssValue, "__esModule", {
   value: true
 });
 splitCssValue.default = splitValue;
-var _postcssValueParser$5 = _interopRequireDefault$h(require$$0);
-function _interopRequireDefault$h(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _postcssValueParser$6 = _interopRequireDefault$i(require$$0);
+function _interopRequireDefault$i(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -487,7 +487,7 @@ function splitValue(str) {
   if (Array.isArray(str)) {
     return str;
   }
-  const parsed = (0, _postcssValueParser$5.default)(str.trim());
+  const parsed = (0, _postcssValueParser$6.default)(str.trim());
   const nodes = parsed.nodes.filter(node => node.type !== 'space' && node.type !== 'div').map(printNode);
   if (nodes.length > 1 && nodes[nodes.length - 1].toLowerCase() === '!important') {
     return nodes.slice(0, nodes.length - 1).map(node => node + ' !important');
@@ -499,8 +499,8 @@ Object.defineProperty(applicationOrder, "__esModule", {
   value: true
 });
 applicationOrder.default = void 0;
-var _splitCssValue$2 = _interopRequireDefault$g(splitCssValue);
-function _interopRequireDefault$g(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _splitCssValue$2 = _interopRequireDefault$h(splitCssValue);
+function _interopRequireDefault$h(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -759,101 +759,18 @@ Object.defineProperty(legacyExpandShorthands, "__esModule", {
   value: true
 });
 legacyExpandShorthands.default = void 0;
-var _splitCssValue$1 = _interopRequireDefault$f(splitCssValue);
-function _interopRequireDefault$f(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const expansions$2 = {
-  // TODO: Due to UI regressions internally, we need to maintain the buggy behaviour of
-  // border shorthand for now. This will be fixed in a future release.
-  // border: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return expansions.borderWidth(rawValue);
-  //   }
-
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-
-  //   return [
-  //     ...(width != null ? expansions.borderWidth(width) : []),
-  //     ...(style != null ? expansions.borderStyle(style) : []),
-  //     ...(color != null ? expansions.borderColor(color) : []),
-  //   ];
-  // },
-  // borderTop: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderTopWidth', rawValue]];
-  //   }
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-
-  //   return [
-  //     width != null ? ['borderTopWidth', width] : null,
-  //     style != null ? ['borderTopStyle', style] : null,
-  //     color != null ? ['borderTopColor', color] : null,
-  //   ].filter(Boolean);
-  // },
-  // borderEnd: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderEndWidth', rawValue]];
-  //   }
-
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-
-  //   return [
-  //     width != null ? ['borderEndWidth', width] : null,
-  //     style != null ? ['borderEndStyle', style] : null,
-  //     color != null ? ['borderEndColor', color] : null,
-  //   ].filter(Boolean);
-  // },
-  // borderRight: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderRightWidth', rawValue]];
-  //   }
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-  //   return [
-  //     width != null ? ['borderRightWidth', width] : null,
-  //     style != null ? ['borderRightStyle', style] : null,
-  //     color != null ? ['borderRightColor', color] : null,
-  //   ].filter(Boolean);
-  // },
-  // borderBottom: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderBottomWidth', rawValue]];
-  //   }
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-  //   return [
-  //     width != null ? ['borderBottomWidth', width] : null,
-  //     style != null ? ['borderBottomStyle', style] : null,
-  //     color != null ? ['borderBottomColor', color] : null,
-  //   ].filter(Boolean);
-  // },
-  // borderStart: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderStartWidth', rawValue]];
-  //   }
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-  //   return [
-  //     width != null ? ['borderStartWidth', width] : null,
-  //     style != null ? ['borderStartStyle', style] : null,
-  //     color != null ? ['borderStartColor', color] : null,
-  //   ].filter(Boolean);
-  // },
-  // borderLeft: (rawValue: TStyleValue): TReturn => {
-  //   if (typeof rawValue === 'number') {
-  //     return [['borderLeftWidth', rawValue]];
-  //   }
-  //   const parts = splitValue(rawValue);
-  //   const [width, style, color] = borderDetector(parts);
-  //   return [
-  //     width != null ? ['borderLeftWidth', width] : null,
-  //     style != null ? ['borderLeftStyle', style] : null,
-  //     color != null ? ['borderLeftColor', color] : null,
-  //   ].filter(Boolean);
-  // },
+var _splitCssValue$1 = _interopRequireDefault$g(splitCssValue);
+function _interopRequireDefault$g(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.
+ *
+ * 
+ */
 
+const expansions$2 = {
   border: rawValue => {
     return [['borderTop', rawValue], ['borderEnd', rawValue], ['borderBottom', rawValue], ['borderStart', rawValue]];
   },
@@ -923,8 +840,8 @@ Object.defineProperty(propertySpecificity, "__esModule", {
   value: true
 });
 propertySpecificity.default = void 0;
-var _splitCssValue = _interopRequireDefault$e(splitCssValue);
-function _interopRequireDefault$e(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _splitCssValue = _interopRequireDefault$f(splitCssValue);
+function _interopRequireDefault$f(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1058,10 +975,10 @@ Object.defineProperty(preprocessRules, "__esModule", {
 });
 preprocessRules.default = flatMapExpandedShorthands;
 preprocessRules.getExpandedKeys = getExpandedKeys;
-var _applicationOrder = _interopRequireDefault$d(applicationOrder);
-var _legacyExpandShorthands = _interopRequireDefault$d(legacyExpandShorthands);
-var _propertySpecificity = _interopRequireDefault$d(propertySpecificity);
-function _interopRequireDefault$d(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _applicationOrder = _interopRequireDefault$e(applicationOrder);
+var _legacyExpandShorthands = _interopRequireDefault$e(legacyExpandShorthands);
+var _propertySpecificity = _interopRequireDefault$e(propertySpecificity);
+function _interopRequireDefault$e(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1179,6 +1096,8 @@ var transformValue$1 = {};
 
 var normalizeValue$1 = {};
 
+var fontSizePxToRem = {};
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1188,7 +1107,12 @@ var normalizeValue$1 = {};
  * 
  */
 
-const parser = require$$0;
+Object.defineProperty(fontSizePxToRem, "__esModule", {
+  value: true
+});
+fontSizePxToRem.default = convertFontSizeToRem;
+var _postcssValueParser$5 = _interopRequireDefault$d(require$$0);
+function _interopRequireDefault$d(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ROOT_FONT_SIZE = 16;
 
 /**
@@ -1196,7 +1120,7 @@ const ROOT_FONT_SIZE = 16;
  * This will allow developers to continue thinking and using what's familiar
  * while we output font sizes that are adjustable
  */
-var fontSizePxToRem = function convertFontSizeToRem(ast, key) {
+function convertFontSizeToRem(ast, key) {
   if (key !== 'fontSize') {
     return ast;
   }
@@ -1204,13 +1128,13 @@ var fontSizePxToRem = function convertFontSizeToRem(ast, key) {
     if (node.type !== 'word') {
       return;
     }
-    const dimension = parser.unit(node.value);
+    const dimension = _postcssValueParser$5.default.unit(node.value);
     if (dimension && dimension.unit === 'px') {
       node.value = `${parseFloat(dimension.number) / ROOT_FONT_SIZE}rem`;
     }
   });
   return ast;
-};
+}
 
 var leadingZero = {};
 
@@ -3768,10 +3692,7 @@ stylex$1.stylex = void 0;
 var _stylexInject = _interopRequireDefault(stylexInject);
 var _styleq = require$$1;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function spread() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
+function spread(styles, _options) {
   const [className, style] = (0, _styleq.styleq)(styles);
   return {
     className,
@@ -3803,8 +3724,8 @@ const UNSUPPORTED_PROPERTY = _props => {
 };
 stylex$1.UNSUPPORTED_PROPERTY = UNSUPPORTED_PROPERTY;
 function _stylex() {
-  for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    styles[_key2] = arguments[_key2];
+  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
+    styles[_key] = arguments[_key];
   }
   const [className] = (0, _styleq.styleq)(styles);
   return className;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/babel-plugin",
-  "version": "0.2.0-beta.11",
+  "version": "0.2.0-beta.13",
   "description": "StyleX babel plugin.",
   "main": "lib/index.js",
   "repository": "https://github.com/facebook/stylex",
@@ -11,7 +11,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@stylexjs/shared": "0.2.0-beta.11"
+    "@stylexjs/shared": "0.2.0-beta.13"
   },
   "peerDependencies": {
     "@babel/core": "^7.19.6",