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

package/lib/physical-rtl/generate-ltr.js

@@ -4,102 +4,76 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = generateLTR;
-/**
- * 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 logicalToPhysical = {
-  start: 'left',
-  end: 'right'
+  start: "left",
+  end: "right"
 };
 const propertyToLTR = {
-  'margin-start': _ref => {
+  "margin-start": _ref => {
     let [_key, val] = _ref;
-    return ['margin-left', val];
+    return ["margin-left", val];
   },
-  // 'margin-inline-start': ([_key, val]) => ['margin-left', val],
-  'margin-end': _ref2 => {
+  "margin-end": _ref2 => {
     let [_key, val] = _ref2;
-    return ['margin-right', val];
+    return ["margin-right", val];
   },
-  // 'margin-inline-end': ([_key, val]: [string, string]) => ['margin-right', val],
-  'padding-start': _ref3 => {
+  "padding-start": _ref3 => {
     let [_key, val] = _ref3;
-    return ['padding-left', val];
+    return ["padding-left", val];
   },
-  // 'padding-inline-start': ([_key, val]: [string, string]) => ['padding-left', val],
-  'padding-end': _ref4 => {
+  "padding-end": _ref4 => {
     let [_key, val] = _ref4;
-    return ['padding-right', val];
+    return ["padding-right", val];
   },
-  // 'padding-inline-end': ([_key, val]: [string, string]) => ['padding-right', val],
-  'border-start': _ref5 => {
+  "border-start": _ref5 => {
     let [_key, val] = _ref5;
-    return ['border-left', val];
+    return ["border-left", val];
   },
-  // 'border-inline-start': ([_key, val]: [string, string]) => ['border-left', val],
-  'border-end': _ref6 => {
+  "border-end": _ref6 => {
     let [_key, val] = _ref6;
-    return ['border-right', val];
+    return ["border-right", val];
   },
-  // 'border-inline-end': ([_key, val]: [string, string]) => ['border-right', val],
-  'border-start-width': _ref7 => {
+  "border-start-width": _ref7 => {
     let [_key, val] = _ref7;
-    return ['border-left-width', val];
+    return ["border-left-width", val];
   },
-  // 'border-inline-start-width': ([key, val]: [string, string]) => ['border-left-width', val],
-  'border-end-width': _ref8 => {
+  "border-end-width": _ref8 => {
     let [_key, val] = _ref8;
-    return ['border-right-width', val];
+    return ["border-right-width", val];
   },
-  // 'border-inline-end-width': ([_key, val]: [string, string]) => ['border-right-width', val],
-  'border-start-color': _ref9 => {
+  "border-start-color": _ref9 => {
     let [_key, val] = _ref9;
-    return ['border-left-color', val];
+    return ["border-left-color", val];
   },
-  // 'border-inline-start-color': ([_key, val]: [string, string]) => ['border-left-color', val],
-  'border-end-color': _ref10 => {
+  "border-end-color": _ref10 => {
     let [_key, val] = _ref10;
-    return ['border-right-color', val];
+    return ["border-right-color", val];
   },
-  // 'border-inline-end-color': ([_key, val]: [string, string]) => ['border-right-color', val],
-  'border-start-style': _ref11 => {
+  "border-start-style": _ref11 => {
     let [_key, val] = _ref11;
-    return ['border-left-style', val];
+    return ["border-left-style", val];
   },
-  // 'border-inline-start-style': ([_key, val]: [string, string]) => ['border-left-style', val],
-  'border-end-style': _ref12 => {
+  "border-end-style": _ref12 => {
     let [_key, val] = _ref12;
-    return ['border-right-style', val];
+    return ["border-right-style", val];
   },
-  // 'border-inline-end-style': ([_key, val]: [string, string]) => ['border-right-style', val],
-  'border-top-start-radius': _ref13 => {
+  "border-top-start-radius": _ref13 => {
     let [_key, val] = _ref13;
-    return ['border-top-left-radius', val];
+    return ["border-top-left-radius", val];
   },
-  // 'border-start-start-radius': ([_key, val]: [string, string]) => ['border-top-left-radius', val],
-  'border-bottom-start-radius': _ref14 => {
+  "border-bottom-start-radius": _ref14 => {
     let [_key, val] = _ref14;
-    return ['border-bottom-left-radius', val];
+    return ["border-bottom-left-radius", val];
   },
-  // 'border-end-start-radius': ([_key, val]: [string, string]) => ['border-bottom-left-radius', val],
-  'border-top-end-radius': _ref15 => {
+  "border-top-end-radius": _ref15 => {
     let [_key, val] = _ref15;
-    return ['border-top-right-radius', val];
+    return ["border-top-right-radius", val];
   },
-  // 'border-start-end-radius': ([_key, val]: [string, string]) => ['border-top-right-radius', val],
-  'border-bottom-end-radius': _ref16 => {
+  "border-bottom-end-radius": _ref16 => {
     let [_key, val] = _ref16;
-    return ['border-bottom-right-radius', val];
+    return ["border-bottom-right-radius", val];
   },
-  // 'border-end-end-radius': ([key, val]: [string, string]) => ['border-bottom-right-radius', val],
-  'text-align': _ref17 => {
+  "text-align": _ref17 => {
     let [key, val] = _ref17;
     return [key, logicalToPhysical[val] ?? val];
   },
@@ -113,17 +87,15 @@ const propertyToLTR = {
   },
   start: _ref20 => {
     let [_key, val] = _ref20;
-    return ['left', val];
+    return ["left", val];
   },
-  // 'inset-inline-start': ([key, val]: [string, string]) => ['left', val],
   end: _ref21 => {
     let [_key, val] = _ref21;
-    return ['right', val];
+    return ["right", val];
   },
-  // 'inset-inline-end': ([key, val]) => ['right', val],
-  'background-position': _ref22 => {
+  "background-position": _ref22 => {
     let [key, val] = _ref22;
-    return [key, val.split(' ').map(word => word === 'start' ? 'left' : word === 'end' ? 'right' : word).join(' ')];
+    return [key, val.split(" ").map(word => word === "start" ? "left" : word === "end" ? "right" : word).join(" ")];
   }
 };
 function generateLTR(pair) {

package/lib/physical-rtl/generate-ltr.js.flow

@@ -9,5 +9,5 @@
  */
 
 declare export default function generateLTR(
-  pair: [string, string]
+  pair: [string, string],
 ): [string, string];

package/lib/physical-rtl/generate-rtl.d.ts

@@ -5,10 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  *
- *
  */
 
 declare function generateRTL(
-  $$PARAM_0$$: [string, string]
+  $$PARAM_0$$: [string, string],
 ): null | undefined | [string, string];
 export default generateRTL;

package/lib/physical-rtl/generate-rtl.js

@@ -6,25 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = generateRTL;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 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.
- *
- * 
- *
- */
-
 const cursorFlip = {
-  'e-resize': 'w-resize',
-  'w-resize': 'e-resize',
-  'ne-resize': 'nw-resize',
-  'nesw-resize': 'nwse-resize',
-  'nw-resize': 'ne-resize',
-  'nwse-resize': 'nesw-resize',
-  'se-resize': 'sw-resize',
-  'sw-resize': 'se-resize'
+  "e-resize": "w-resize",
+  "w-resize": "e-resize",
+  "ne-resize": "nw-resize",
+  "nesw-resize": "nwse-resize",
+  "nw-resize": "ne-resize",
+  "nwse-resize": "nesw-resize",
+  "se-resize": "sw-resize",
+  "sw-resize": "se-resize"
 };
 function splitByDivisor(value) {
   const ast = (0, _postcssValueParser.default)(value);
@@ -38,7 +28,7 @@ function splitByDivisor(value) {
     currGroup = [];
   }
   for (const node of ast.nodes) {
-    if (node.type === 'div') {
+    if (node.type === "div") {
       push();
     } else {
       currGroup.push(node);
@@ -48,130 +38,110 @@ function splitByDivisor(value) {
   return groups;
 }
 function flipSign(value) {
-  if (value === '0') {
+  if (value === "0") {
     return value;
   } else {
-    return value[0] === '-' ? value.slice(1) : '-' + value;
+    return value[0] === "-" ? value.slice(1) : "-" + value;
   }
 }
 function flipShadow(value) {
   const defs = splitByDivisor(value);
   const builtDefs = [];
   for (const def of defs) {
-    const parts = def.split(' ');
+    const parts = def.split(" ");
     const index = _postcssValueParser.default.unit(parts[0]) === false ? 1 : 0;
     if (index < parts.length) {
       parts[index] = flipSign(parts[index]);
     }
-    builtDefs.push(parts.join(' '));
+    builtDefs.push(parts.join(" "));
   }
-  const rtl = builtDefs.join(', ');
+  const rtl = builtDefs.join(", ");
   if (rtl !== value) {
     return rtl;
   }
 }
-
-// Should we be flipping shadows at all?
-// I think the better approach would be to let engineers use
-// CSS-vars directly.
 const shadowsFlip = {
-  'box-shadow': _ref => {
+  "box-shadow": _ref => {
     let [key, val] = _ref;
     const rtlVal = flipShadow(val);
     return rtlVal ? [key, rtlVal] : null;
   },
-  'text-shadow': _ref2 => {
+  "text-shadow": _ref2 => {
     let [key, val] = _ref2;
     const rtlVal = flipShadow(val);
     return rtlVal ? [key, rtlVal] : null;
   }
 };
 const logicalToPhysical = {
-  start: 'right',
-  end: 'left'
+  start: "right",
+  end: "left"
 };
 const propertyToRTL = {
-  'margin-start': _ref3 => {
+  "margin-start": _ref3 => {
     let [_key, val] = _ref3;
-    return ['margin-right', val];
+    return ["margin-right", val];
   },
-  // 'margin-inline-start': ([key, val]: [string, string]) => ['margin-right', val],
-  'margin-end': _ref4 => {
+  "margin-end": _ref4 => {
     let [_key, val] = _ref4;
-    return ['margin-left', val];
+    return ["margin-left", val];
   },
-  // 'margin-inline-end': ([key, val]: [string, string]) => ['margin-left', val],
-  'padding-start': _ref5 => {
+  "padding-start": _ref5 => {
     let [_key, val] = _ref5;
-    return ['padding-right', val];
+    return ["padding-right", val];
   },
-  // 'padding-inline-start': ([key, val]: [string, string]) => ['padding-right', val],
-  'padding-end': _ref6 => {
+  "padding-end": _ref6 => {
     let [_key, val] = _ref6;
-    return ['padding-left', val];
+    return ["padding-left", val];
   },
-  // 'padding-inline-end': ([_key, val]: [string, string]) => ['padding-left', val],
-  'border-start': _ref7 => {
+  "border-start": _ref7 => {
     let [_key, val] = _ref7;
-    return ['border-right', val];
+    return ["border-right", val];
   },
-  // 'border-inline-start': ([_key, val]: [string, string]) => ['border-right', val],
-  'border-end': _ref8 => {
+  "border-end": _ref8 => {
     let [_key, val] = _ref8;
-    return ['border-left', val];
+    return ["border-left", val];
   },
-  // 'border-inline-end': ([_key, val]: [string, string]) => ['border-left', val],
-  'border-start-width': _ref9 => {
+  "border-start-width": _ref9 => {
     let [_key, val] = _ref9;
-    return ['border-right-width', val];
+    return ["border-right-width", val];
   },
-  // 'border-inline-start-width': ([_key, val]: [string, string]) => ['border-right-width', val],
-  'border-end-width': _ref10 => {
+  "border-end-width": _ref10 => {
     let [_key, val] = _ref10;
-    return ['border-left-width', val];
+    return ["border-left-width", val];
   },
-  // 'border-inline-end-width': ([_key, val]: [string, string]) => ['border-left-width', val],
-  'border-start-color': _ref11 => {
+  "border-start-color": _ref11 => {
     let [_key, val] = _ref11;
-    return ['border-right-color', val];
+    return ["border-right-color", val];
   },
-  // 'border-inline-start-color': ([_key, val]: [string, string]) => ['border-right-color', val],
-  'border-end-color': _ref12 => {
+  "border-end-color": _ref12 => {
     let [_key, val] = _ref12;
-    return ['border-left-color', val];
+    return ["border-left-color", val];
   },
-  // 'border-inline-end-color': ([_key, val]: [string, string]) => ['border-left-color', val],
-  'border-start-style': _ref13 => {
+  "border-start-style": _ref13 => {
     let [_key, val] = _ref13;
-    return ['border-right-style', val];
+    return ["border-right-style", val];
   },
-  // 'border-inline-start-style': ([_key, val]: [string, string]) => ['border-right-style', val],
-  'border-end-style': _ref14 => {
+  "border-end-style": _ref14 => {
     let [_key, val] = _ref14;
-    return ['border-left-style', val];
+    return ["border-left-style", val];
   },
-  // 'border-inline-end-style': ([_key, val]: [string, string]) => ['border-left-style', val],
-  'border-top-start-radius': _ref15 => {
+  "border-top-start-radius": _ref15 => {
     let [_key, val] = _ref15;
-    return ['border-top-right-radius', val];
+    return ["border-top-right-radius", val];
   },
-  // 'border-start-start-radius': ([_key, val]: [string, string]) => ['border-top-right-radius', val],
-  'border-bottom-start-radius': _ref16 => {
+  "border-bottom-start-radius": _ref16 => {
     let [_key, val] = _ref16;
-    return ['border-bottom-right-radius', val];
+    return ["border-bottom-right-radius", val];
   },
-  // 'border-end-start-radius': ([_key, val]: [string, string]) => ['border-bottom-right-radius', val],
-  'border-top-end-radius': _ref17 => {
+  "border-top-end-radius": _ref17 => {
     let [_key, val] = _ref17;
-    return ['border-top-left-radius', val];
+    return ["border-top-left-radius", val];
   },
-  // 'border-start-end-radius': ([_key, val]: [string, string]) => ['border-top-left-radius', val],
-  'border-bottom-end-radius': _ref18 => {
+  "border-bottom-end-radius": _ref18 => {
     let [_key, val] = _ref18;
-    return ['border-bottom-left-radius', val];
+    return ["border-bottom-left-radius", val];
   },
-  // 'border-end-end-radius': ([key, val]: [string, string]) => ['border-bottom-left-radius', val],
-  'text-align': _ref19 => {
+  "text-align": _ref19 => {
     let [key, val] = _ref19;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
@@ -185,21 +155,19 @@ const propertyToRTL = {
   },
   start: _ref22 => {
     let [_key, val] = _ref22;
-    return ['right', val];
+    return ["right", val];
   },
-  // 'inset-inline-start': ([key, val]: [string, string]) => ['right', val],
   end: _ref23 => {
     let [_key, val] = _ref23;
-    return ['left', val];
+    return ["left", val];
   },
-  // 'inset-inline-end': ([key, val]: [string, string]) => ['left', val],
-  'background-position': _ref24 => {
+  "background-position": _ref24 => {
     let [key, val] = _ref24;
-    const words = val.split(' ');
-    if (!words.includes('start') && !words.includes('end')) {
+    const words = val.split(" ");
+    if (!words.includes("start") && !words.includes("end")) {
       return null;
     }
-    return [key, words.map(word => word === 'start' ? 'right' : word === 'end' ? 'left' : word).join(' ')];
+    return [key, words.map(word => word === "start" ? "right" : word === "end" ? "left" : word).join(" ")];
   },
   cursor: _ref25 => {
     let [key, val] = _ref25;

package/lib/physical-rtl/generate-rtl.js.flow

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @flow strict
- *
  */
 
 declare export default function generateRTL(
-  [string, string]
+  [string, string],
 ): ?[string, string];

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

@@ -12,7 +12,7 @@ import type { IncludedStyles } from '../stylex-include';
 export type ComputedStyle = null | Readonly<[string, InjectableStyle]>;
 export interface IPreRule {
   compiled(
-    options: StyleXOptions
+    options: StyleXOptions,
   ): IncludedStyles | ReadonlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;
 }
@@ -36,7 +36,7 @@ export declare class PreRule implements IPreRule {
     property: string,
     value: string | number | ReadonlyArray<string | number>,
     pseudos?: null | undefined | ReadonlyArray<string>,
-    atRules?: null | undefined | ReadonlyArray<string>
+    atRules?: null | undefined | ReadonlyArray<string>,
   );
   compiled(options: StyleXOptions): ReadonlyArray<[string, InjectableStyle]>;
   equals(other: IPreRule): boolean;
@@ -45,7 +45,7 @@ export declare class PreRuleSet implements IPreRule {
   readonly rules: ReadonlyArray<PreRule | NullPreRule>;
   constructor(rules: ReadonlyArray<PreRule | NullPreRule>);
   static create(
-    rules: ReadonlyArray<PreRule | NullPreRule | PreRuleSet>
+    rules: ReadonlyArray<PreRule | NullPreRule | PreRuleSet>,
   ): AnyPreRule;
   compiled(options: StyleXOptions): ReadonlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;

package/lib/preprocess-rules/PreRule.js

@@ -6,15 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.PreRuleSet = exports.PreRule = exports.PreIncludedStylesRule = exports.NullPreRule = void 0;
 var _convertToClassName = require("../convert-to-className");
 var _objectUtils = require("../utils/object-utils");
-/**
- * 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.
- *
- * 
- */
-
 class NullPreRule {
   compiled(_options) {
     return [null];
@@ -29,23 +20,18 @@ class PreIncludedStylesRule {
     this.includedStyles = IncludedStyles;
   }
   equals(other) {
-    return other instanceof PreIncludedStylesRule &&
-    // We can use reference equality here.
-    this.includedStyles === other.includedStyles;
+    return other instanceof PreIncludedStylesRule && this.includedStyles === other.includedStyles;
   }
   compiled(_options) {
     return this.includedStyles;
   }
 }
-
-// a comparator function that sorts strings alphabetically
-// but where `default` always comes first
 exports.PreIncludedStylesRule = PreIncludedStylesRule;
 const stringComparator = (a, b) => {
-  if (a === 'default') {
+  if (a === "default") {
     return -1;
   }
-  if (b === 'default') {
+  if (b === "default") {
     return 1;
   }
   return a.localeCompare(b);

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

@@ -19,7 +19,7 @@ export type ComputedStyle = null | $ReadOnly<[string, InjectableStyle]>;
 // with all the metadata needed to compile them into CSS.
 export interface IPreRule {
   compiled(
-    options: StyleXOptions
+    options: StyleXOptions,
   ): IncludedStyles | $ReadOnlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;
 }
@@ -47,7 +47,7 @@ declare export class PreRule implements IPreRule {
     property: string,
     value: string | number | $ReadOnlyArray<string | number>,
     pseudos?: ?$ReadOnlyArray<string>,
-    atRules?: ?$ReadOnlyArray<string>
+    atRules?: ?$ReadOnlyArray<string>,
   ): void;
   compiled(options: StyleXOptions): $ReadOnlyArray<[string, InjectableStyle]>;
   equals(other: IPreRule): boolean;
@@ -57,7 +57,7 @@ declare export class PreRuleSet implements IPreRule {
   +rules: $ReadOnlyArray<PreRule | NullPreRule>;
   constructor(rules: $ReadOnlyArray<PreRule | NullPreRule>): void;
   static create(
-    rules: $ReadOnlyArray<PreRule | NullPreRule | PreRuleSet>
+    rules: $ReadOnlyArray<PreRule | NullPreRule | PreRuleSet>,
   ): AnyPreRule;
   compiled(options: StyleXOptions): $ReadOnlyArray<ComputedStyle>;
   equals(other: IPreRule): boolean;

package/lib/preprocess-rules/application-order.d.ts

@@ -111,7 +111,7 @@ import type { TStyleValue } from '../common-types';
  */
 
 type TReturn = ReadonlyArray<[string, TStyleValue]>;
-declare var shorthands: {
+declare const shorthands: {
   all: (_: TStyleValue) => TReturn;
   animation: (value: TStyleValue) => Array<[string, TStyleValue]>;
   background: (value: TStyleValue) => TReturn;
@@ -202,7 +202,7 @@ declare var shorthands: {
   textEmphasis: (value: TStyleValue) => TReturn;
   transition: (value: TStyleValue) => TReturn;
 };
-declare var aliases: {
+declare const aliases: {
   borderHorizontal: any;
   borderVertical: any;
   borderBlockStart: any;
@@ -248,6 +248,9 @@ declare var aliases: {
   start: any;
   end: any;
 };
-declare var expansions: Omit<shorthands, keyof (aliases | {})> &
-  Omit<aliases, keyof ({})> & {};
-export default expansions;
+declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
+ * > 205 |   ...typeof shorthands,
+ *       |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
+ **/
+any>;
+export default $$EXPORT_DEFAULT_DECLARATION$$;