@stylexjs/shared 0.2.0-beta.21 → 0.2.0-beta.22

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

@@ -7,14 +7,14 @@ exports.default = generateRTL;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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);
@@ -28,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);
@@ -38,110 +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;
   }
 }
 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-end": _ref4 => {
+  'margin-end': _ref4 => {
     let [_key, val] = _ref4;
-    return ["margin-left", val];
+    return ['margin-left', val];
   },
-  "padding-start": _ref5 => {
+  'padding-start': _ref5 => {
     let [_key, val] = _ref5;
-    return ["padding-right", val];
+    return ['padding-right', val];
   },
-  "padding-end": _ref6 => {
+  'padding-end': _ref6 => {
     let [_key, val] = _ref6;
-    return ["padding-left", val];
+    return ['padding-left', val];
   },
-  "border-start": _ref7 => {
+  'border-start': _ref7 => {
     let [_key, val] = _ref7;
-    return ["border-right", val];
+    return ['border-right', val];
   },
-  "border-end": _ref8 => {
+  'border-end': _ref8 => {
     let [_key, val] = _ref8;
-    return ["border-left", val];
+    return ['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-end-width": _ref10 => {
+  'border-end-width': _ref10 => {
     let [_key, val] = _ref10;
-    return ["border-left-width", val];
+    return ['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-end-color": _ref12 => {
+  'border-end-color': _ref12 => {
     let [_key, val] = _ref12;
-    return ["border-left-color", val];
+    return ['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-end-style": _ref14 => {
+  'border-end-style': _ref14 => {
     let [_key, val] = _ref14;
-    return ["border-left-style", val];
+    return ['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-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-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-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];
   },
-  "text-align": _ref19 => {
+  'text-align': _ref19 => {
     let [key, val] = _ref19;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
@@ -155,19 +155,19 @@ const propertyToRTL = {
   },
   start: _ref22 => {
     let [_key, val] = _ref22;
-    return ["right", val];
+    return ['right', val];
   },
   end: _ref23 => {
     let [_key, val] = _ref23;
-    return ["left", val];
+    return ['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/preprocess-rules/PreRule.js

@@ -28,10 +28,10 @@ class PreIncludedStylesRule {
 }
 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/application-order.d.ts

@@ -114,15 +114,17 @@ type TReturn = ReadonlyArray<[string, TStyleValue]>;
 declare const shorthands: {
   all: (_: TStyleValue) => TReturn;
   animation: (value: TStyleValue) => Array<[string, TStyleValue]>;
+  animationRange: (value: TStyleValue) => TReturn;
   background: (value: TStyleValue) => TReturn;
-  border: (rawValue: TStyleValue) => TReturn;
-  borderInline: (rawValue: TStyleValue) => TReturn;
-  borderBlock: (rawValue: TStyleValue) => TReturn;
-  borderTop: (rawValue: TStyleValue) => TReturn;
-  borderInlineEnd: (rawValue: TStyleValue) => TReturn;
+  backgroundPosition: (value: TStyleValue) => TReturn;
+  border: (_rawValue: TStyleValue) => TReturn;
+  borderInline: (_rawValue: TStyleValue) => TReturn;
+  borderBlock: (_rawValue: TStyleValue) => TReturn;
+  borderTop: (_rawValue: TStyleValue) => TReturn;
+  borderInlineEnd: (_rawValue: TStyleValue) => TReturn;
   borderRight: (_rawValue: TStyleValue) => TReturn;
-  borderBottom: (rawValue: TStyleValue) => TReturn;
-  borderInlineStart: (rawValue: TStyleValue) => TReturn;
+  borderBottom: (_rawValue: TStyleValue) => TReturn;
+  borderInlineStart: (_rawValue: TStyleValue) => TReturn;
   borderLeft: (_rawValue: TStyleValue) => TReturn;
   borderInlineWidth: (rawValue: TStyleValue) => TReturn;
   borderInlineStyle: (rawValue: TStyleValue) => TReturn;
@@ -154,12 +156,15 @@ declare const shorthands: {
   borderTopRightRadius: (value: TStyleValue) => TReturn;
   borderBottomLeftRadius: (value: TStyleValue) => TReturn;
   borderBottomRightRadius: (value: TStyleValue) => TReturn;
+  borderImage: (value: TStyleValue) => TReturn;
   columnRule: (value: TStyleValue) => TReturn;
   columns: (value: TStyleValue) => TReturn;
   container: (value: TStyleValue) => TReturn;
+  containIntrinsicSize: (value: TStyleValue) => TReturn;
   flex: (value: TStyleValue) => TReturn;
   flexFlow: (value: TStyleValue) => TReturn;
   font: (value: TStyleValue) => TReturn;
+  fontVariant: (value: TStyleValue) => TReturn;
   gap: (value: TStyleValue) => TReturn;
   grid: (value: TStyleValue) => TReturn;
   gridArea: (value: TStyleValue) => TReturn;
@@ -182,6 +187,7 @@ declare const shorthands: {
   marginLeft: (value: TStyleValue) => TReturn;
   marginRight: (value: TStyleValue) => TReturn;
   mask: (value: TStyleValue) => TReturn;
+  maskBorder: (value: TStyleValue) => TReturn;
   offset: (value: TStyleValue) => TReturn;
   outline: (value: TStyleValue) => TReturn;
   overflow: (value: TStyleValue) => TReturn;
@@ -196,7 +202,20 @@ declare const shorthands: {
   placeItems: (value: TStyleValue) => TReturn;
   placeSelf: (value: TStyleValue) => TReturn;
   scrollMargin: (value: TStyleValue) => TReturn;
+  scrollMarginBlock: (value: TStyleValue) => TReturn;
+  scrollMarginInline: (value: TStyleValue) => TReturn;
+  scrollMarginInlineStart: (value: TStyleValue) => TReturn;
+  scrollMarginInlineEnd: (value: TStyleValue) => TReturn;
+  scrollMarginLeft: (value: TStyleValue) => TReturn;
+  scrollMarginRight: (value: TStyleValue) => TReturn;
   scrollPadding: (value: TStyleValue) => TReturn;
+  scrollPaddingBlock: (value: TStyleValue) => TReturn;
+  scrollPaddingInline: (value: TStyleValue) => TReturn;
+  scrollPaddingInlineStart: (value: TStyleValue) => TReturn;
+  scrollPaddingInlineEnd: (value: TStyleValue) => TReturn;
+  scrollPaddingLeft: (value: TStyleValue) => TReturn;
+  scrollPaddingRight: (value: TStyleValue) => TReturn;
+  scrollSnapType: (value: TStyleValue) => TReturn;
   scrollTimeline: (value: TStyleValue) => TReturn;
   textDecoration: (value: TStyleValue) => TReturn;
   textEmphasis: (value: TStyleValue) => TReturn;
@@ -237,25 +256,34 @@ declare const aliases: {
   borderTopEndRadius: (value: TStyleValue) => TReturn;
   borderBottomStartRadius: (value: TStyleValue) => TReturn;
   borderBottomEndRadius: (value: TStyleValue) => TReturn;
+  containIntrinsicBlockSize: (value: TStyleValue) => TReturn;
+  containIntrinsicInlineSize: (value: TStyleValue) => TReturn;
+  gridGap: any;
+  gridRowGap: (value: TStyleValue) => TReturn;
+  gridColumnGap: (value: TStyleValue) => TReturn;
   marginBlockStart: (value: TStyleValue) => TReturn;
   marginBlockEnd: (value: TStyleValue) => TReturn;
   marginStart: any;
   marginEnd: any;
   marginHorizontal: any;
   marginVertical: any;
+  overflowBlock: (value: TStyleValue) => TReturn;
+  overflowInline: (value: TStyleValue) => TReturn;
   paddingBlockStart: (rawValue: TStyleValue) => TReturn;
   paddingBlockEnd: (rawValue: TStyleValue) => TReturn;
   paddingStart: any;
   paddingEnd: any;
   paddingHorizontal: any;
   paddingVertical: any;
+  scrollMarginBlockStart: (value: TStyleValue) => TReturn;
+  scrollMarginBlockEnd: (value: TStyleValue) => TReturn;
   insetBlockStart: (value: TStyleValue) => TReturn;
   insetBlockEnd: (value: TStyleValue) => TReturn;
   start: any;
   end: any;
 };
 declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 211 |   ...typeof shorthands,
+ * > 239 |   ...typeof shorthands,
  *       |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
  **/
 any>;