@stylexjs/shared 0.7.5 → 0.8.0

package/lib/convert-to-className.js

@@ -13,8 +13,8 @@ var _defaultOptions = require("./utils/default-options");
 var _objectUtils = require("./utils/object-utils");
 var messages = _interopRequireWildcard(require("./messages"));
 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 && Object.prototype.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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function convertStyleToClassName(objEntry, pseudos, atRules) {
   let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _defaultOptions.defaultOptions;
   const {

package/lib/generate-css-rule.js

@@ -8,7 +8,7 @@ var _generateLtr = _interopRequireDefault(require("./physical-rtl/generate-ltr")
 var _generateRtl = _interopRequireDefault(require("./physical-rtl/generate-rtl"));
 var _genCSSRule = require("./utils/genCSSRule");
 var _propertyPriorities = _interopRequireDefault(require("./utils/property-priorities"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function generateRule(className, key, value, pseudos, atRules) {
   const pairs = Array.isArray(value) ? value.map(eachValue => [key, eachValue]) : [[key, value]];
   const ltrPairs = pairs.map(_generateLtr.default);

package/lib/index.js

@@ -17,8 +17,8 @@ var _types = _interopRequireWildcard(require("./types"));
 exports.types = _types;
 var _propertyPriorities = require("./utils/property-priorities");
 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 && Object.prototype.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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const create = exports.create = _stylexCreate.default;
 const defineVars = exports.defineVars = _stylexDefineVars.default;
 const createTheme = exports.createTheme = _stylexCreateTheme.default;

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

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

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

@@ -73,28 +73,24 @@ const propertyToLTR = {
     let [_key, val] = _ref16;
     return ['border-bottom-right-radius', val];
   },
-  'text-align': _ref17 => {
+  float: _ref17 => {
     let [key, val] = _ref17;
     return [key, logicalToPhysical[val] ?? val];
   },
-  float: _ref18 => {
+  clear: _ref18 => {
     let [key, val] = _ref18;
     return [key, logicalToPhysical[val] ?? val];
   },
-  clear: _ref19 => {
-    let [key, val] = _ref19;
-    return [key, logicalToPhysical[val] ?? val];
-  },
-  start: _ref20 => {
-    let [_key, val] = _ref20;
+  start: _ref19 => {
+    let [_key, val] = _ref19;
     return ['left', val];
   },
-  end: _ref21 => {
-    let [_key, val] = _ref21;
+  end: _ref20 => {
+    let [_key, val] = _ref20;
     return ['right', val];
   },
-  'background-position': _ref22 => {
-    let [key, val] = _ref22;
+  'background-position': _ref21 => {
+    let [key, val] = _ref21;
     return [key, val.split(' ').map(word => word === 'start' ? 'left' : word === 'end' ? 'right' : word).join(' ')];
   }
 };

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

@@ -8,5 +8,5 @@
  */
 
 declare export default function generateLTR(
-  pair: [string, string],
-): [string, string];
+  pair: $ReadOnly<[string, string]>,
+): $ReadOnly<[string, string]>;

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

@@ -8,6 +8,6 @@
  */
 
 declare function generateRTL(
-  $$PARAM_0$$: [string, string],
-): null | undefined | [string, string];
+  $$PARAM_0$$: Readonly<[string, string]>,
+): null | undefined | Readonly<[string, string]>;
 export default generateRTL;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = generateRTL;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const cursorFlip = {
   'e-resize': 'w-resize',
   'w-resize': 'e-resize',
@@ -60,123 +60,116 @@ function flipShadow(value) {
     return rtl;
   }
 }
-const shadowsFlip = {
-  'box-shadow': _ref => {
-    let [key, val] = _ref;
-    const rtlVal = flipShadow(val);
-    return rtlVal ? [key, rtlVal] : null;
-  },
-  'text-shadow': _ref2 => {
-    let [key, val] = _ref2;
-    const rtlVal = flipShadow(val);
-    return rtlVal ? [key, rtlVal] : null;
-  }
-};
 const logicalToPhysical = {
   start: 'right',
   end: 'left'
 };
 const propertyToRTL = {
-  'margin-start': _ref3 => {
-    let [_key, val] = _ref3;
+  'margin-start': _ref => {
+    let [_key, val] = _ref;
     return ['margin-right', val];
   },
-  'margin-end': _ref4 => {
-    let [_key, val] = _ref4;
+  'margin-end': _ref2 => {
+    let [_key, val] = _ref2;
     return ['margin-left', val];
   },
-  'padding-start': _ref5 => {
-    let [_key, val] = _ref5;
+  'padding-start': _ref3 => {
+    let [_key, val] = _ref3;
     return ['padding-right', val];
   },
-  'padding-end': _ref6 => {
-    let [_key, val] = _ref6;
+  'padding-end': _ref4 => {
+    let [_key, val] = _ref4;
     return ['padding-left', val];
   },
-  'border-start': _ref7 => {
-    let [_key, val] = _ref7;
+  'border-start': _ref5 => {
+    let [_key, val] = _ref5;
     return ['border-right', val];
   },
-  'border-end': _ref8 => {
-    let [_key, val] = _ref8;
+  'border-end': _ref6 => {
+    let [_key, val] = _ref6;
     return ['border-left', val];
   },
-  'border-start-width': _ref9 => {
-    let [_key, val] = _ref9;
+  'border-start-width': _ref7 => {
+    let [_key, val] = _ref7;
     return ['border-right-width', val];
   },
-  'border-end-width': _ref10 => {
-    let [_key, val] = _ref10;
+  'border-end-width': _ref8 => {
+    let [_key, val] = _ref8;
     return ['border-left-width', val];
   },
-  'border-start-color': _ref11 => {
-    let [_key, val] = _ref11;
+  'border-start-color': _ref9 => {
+    let [_key, val] = _ref9;
     return ['border-right-color', val];
   },
-  'border-end-color': _ref12 => {
-    let [_key, val] = _ref12;
+  'border-end-color': _ref10 => {
+    let [_key, val] = _ref10;
     return ['border-left-color', val];
   },
-  'border-start-style': _ref13 => {
-    let [_key, val] = _ref13;
+  'border-start-style': _ref11 => {
+    let [_key, val] = _ref11;
     return ['border-right-style', val];
   },
-  'border-end-style': _ref14 => {
-    let [_key, val] = _ref14;
+  'border-end-style': _ref12 => {
+    let [_key, val] = _ref12;
     return ['border-left-style', val];
   },
-  'border-top-start-radius': _ref15 => {
-    let [_key, val] = _ref15;
+  'border-top-start-radius': _ref13 => {
+    let [_key, val] = _ref13;
     return ['border-top-right-radius', val];
   },
-  'border-bottom-start-radius': _ref16 => {
-    let [_key, val] = _ref16;
+  'border-bottom-start-radius': _ref14 => {
+    let [_key, val] = _ref14;
     return ['border-bottom-right-radius', val];
   },
-  'border-top-end-radius': _ref17 => {
-    let [_key, val] = _ref17;
+  'border-top-end-radius': _ref15 => {
+    let [_key, val] = _ref15;
     return ['border-top-left-radius', val];
   },
-  'border-bottom-end-radius': _ref18 => {
-    let [_key, val] = _ref18;
+  'border-bottom-end-radius': _ref16 => {
+    let [_key, val] = _ref16;
     return ['border-bottom-left-radius', val];
   },
-  'text-align': _ref19 => {
-    let [key, val] = _ref19;
+  float: _ref17 => {
+    let [key, val] = _ref17;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
-  float: _ref20 => {
-    let [key, val] = _ref20;
+  clear: _ref18 => {
+    let [key, val] = _ref18;
     return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
   },
-  clear: _ref21 => {
-    let [key, val] = _ref21;
-    return logicalToPhysical[val] != null ? [key, logicalToPhysical[val]] : null;
-  },
-  start: _ref22 => {
-    let [_key, val] = _ref22;
+  start: _ref19 => {
+    let [_key, val] = _ref19;
     return ['right', val];
   },
-  end: _ref23 => {
-    let [_key, val] = _ref23;
+  end: _ref20 => {
+    let [_key, val] = _ref20;
     return ['left', val];
   },
-  'background-position': _ref24 => {
-    let [key, val] = _ref24;
+  'background-position': _ref21 => {
+    let [key, val] = _ref21;
     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(' ')];
   },
-  cursor: _ref25 => {
-    let [key, val] = _ref25;
+  cursor: _ref22 => {
+    let [key, val] = _ref22;
     return cursorFlip[val] != null ? [key, cursorFlip[val]] : null;
   },
-  ...shadowsFlip
+  'box-shadow': _ref23 => {
+    let [key, val] = _ref23;
+    const rtlVal = flipShadow(val);
+    return rtlVal ? [key, rtlVal] : null;
+  },
+  'text-shadow': _ref24 => {
+    let [key, val] = _ref24;
+    const rtlVal = flipShadow(val);
+    return rtlVal ? [key, rtlVal] : null;
+  }
 };
-function generateRTL(_ref26) {
-  let [key, value] = _ref26;
+function generateRTL(_ref25) {
+  let [key, value] = _ref25;
   if (propertyToRTL[key]) {
     return propertyToRTL[key]([key, value]);
   }

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

@@ -8,5 +8,5 @@
  */
 
 declare export default function generateRTL(
-  [string, string],
-): ?[string, string];
+  $ReadOnly<[string, string]>,
+): ?$ReadOnly<[string, string]>;

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

@@ -111,116 +111,9 @@ import type { TStyleValue } from '../common-types';
  */
 
 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;
-  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;
-  borderLeft: (rawValue: TStyleValue) => TReturn;
-  borderInlineWidth: (rawValue: TStyleValue) => TReturn;
-  borderInlineStyle: (rawValue: TStyleValue) => TReturn;
-  borderInlineColor: (rawValue: TStyleValue) => TReturn;
-  borderBlockWidth: (rawValue: TStyleValue) => TReturn;
-  borderBlockStyle: (rawValue: TStyleValue) => TReturn;
-  borderBlockColor: (rawValue: TStyleValue) => TReturn;
-  borderColor: (value: TStyleValue) => TReturn;
-  borderStyle: (value: TStyleValue) => TReturn;
-  borderWidth: (value: TStyleValue) => TReturn;
-  borderInlineStartColor: (value: TStyleValue) => TReturn;
-  borderInlineEndColor: (value: TStyleValue) => TReturn;
-  borderInlineStartStyle: (value: TStyleValue) => TReturn;
-  borderInlineEndStyle: (value: TStyleValue) => TReturn;
-  borderInlineStartWidth: (value: TStyleValue) => TReturn;
-  borderInlineEndWidth: (value: TStyleValue) => TReturn;
-  borderLeftColor: (value: TStyleValue) => TReturn;
-  borderRightColor: (value: TStyleValue) => TReturn;
-  borderLeftStyle: (value: TStyleValue) => TReturn;
-  borderRightStyle: (value: TStyleValue) => TReturn;
-  borderLeftWidth: (value: TStyleValue) => TReturn;
-  borderRightWidth: (value: TStyleValue) => TReturn;
-  borderRadius: (value: TStyleValue) => TReturn;
-  borderStartStartRadius: (value: TStyleValue) => TReturn;
-  borderStartEndRadius: (value: TStyleValue) => TReturn;
-  borderEndStartRadius: (value: TStyleValue) => TReturn;
-  borderEndEndRadius: (value: TStyleValue) => TReturn;
-  borderTopLeftRadius: (value: TStyleValue) => TReturn;
-  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;
-  gridRow: (value: TStyleValue) => TReturn;
-  gridColumn: (value: TStyleValue) => TReturn;
-  gridTemplate: (value: TStyleValue) => TReturn;
-  inset: (value: TStyleValue) => TReturn;
-  insetInline: (value: TStyleValue) => TReturn;
-  insetBlock: (value: TStyleValue) => TReturn;
-  insetInlineStart: (value: TStyleValue) => TReturn;
-  insetInlineEnd: (value: TStyleValue) => TReturn;
-  left: (value: TStyleValue) => TReturn;
-  right: (value: TStyleValue) => TReturn;
-  listStyle: (value: TStyleValue) => TReturn;
-  margin: (value: TStyleValue) => TReturn;
-  marginInline: (value: TStyleValue) => TReturn;
-  marginBlock: (value: TStyleValue) => TReturn;
-  marginInlineStart: (value: TStyleValue) => TReturn;
-  marginInlineEnd: (value: TStyleValue) => TReturn;
-  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;
-  padding: (rawValue: TStyleValue) => TReturn;
-  paddingInline: (rawValue: TStyleValue) => TReturn;
-  paddingBlock: (rawValue: TStyleValue) => TReturn;
-  paddingInlineStart: (value: TStyleValue) => TReturn;
-  paddingInlineEnd: (value: TStyleValue) => TReturn;
-  paddingLeft: (value: TStyleValue) => TReturn;
-  paddingRight: (value: TStyleValue) => TReturn;
-  placeContent: (value: TStyleValue) => TReturn;
-  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;
-  transition: (value: TStyleValue) => TReturn;
-};
+declare const shorthands: Readonly<{
+  [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
+}>;
 declare const aliases: {
   borderHorizontal: any;
   borderVertical: any;
@@ -283,7 +176,7 @@ declare const aliases: {
   end: any;
 };
 declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 239 |   ...typeof shorthands,
+ * > 132 |   ...typeof shorthands,
  *       |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
  **/
 any>;

package/lib/preprocess-rules/application-order.js.flow

@@ -62,116 +62,9 @@ import type { TStyleValue } from '../common-types';
 
 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,
-  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,
-  borderLeft: (rawValue: TStyleValue) => TReturn,
-  borderInlineWidth: (rawValue: TStyleValue) => TReturn,
-  borderInlineStyle: (rawValue: TStyleValue) => TReturn,
-  borderInlineColor: (rawValue: TStyleValue) => TReturn,
-  borderBlockWidth: (rawValue: TStyleValue) => TReturn,
-  borderBlockStyle: (rawValue: TStyleValue) => TReturn,
-  borderBlockColor: (rawValue: TStyleValue) => TReturn,
-  borderColor: (value: TStyleValue) => TReturn,
-  borderStyle: (value: TStyleValue) => TReturn,
-  borderWidth: (value: TStyleValue) => TReturn,
-  borderInlineStartColor: (value: TStyleValue) => TReturn,
-  borderInlineEndColor: (value: TStyleValue) => TReturn,
-  borderInlineStartStyle: (value: TStyleValue) => TReturn,
-  borderInlineEndStyle: (value: TStyleValue) => TReturn,
-  borderInlineStartWidth: (value: TStyleValue) => TReturn,
-  borderInlineEndWidth: (value: TStyleValue) => TReturn,
-  borderLeftColor: (value: TStyleValue) => TReturn,
-  borderRightColor: (value: TStyleValue) => TReturn,
-  borderLeftStyle: (value: TStyleValue) => TReturn,
-  borderRightStyle: (value: TStyleValue) => TReturn,
-  borderLeftWidth: (value: TStyleValue) => TReturn,
-  borderRightWidth: (value: TStyleValue) => TReturn,
-  borderRadius: (value: TStyleValue) => TReturn,
-  borderStartStartRadius: (value: TStyleValue) => TReturn,
-  borderStartEndRadius: (value: TStyleValue) => TReturn,
-  borderEndStartRadius: (value: TStyleValue) => TReturn,
-  borderEndEndRadius: (value: TStyleValue) => TReturn,
-  borderTopLeftRadius: (value: TStyleValue) => TReturn,
-  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,
-  gridRow: (value: TStyleValue) => TReturn,
-  gridColumn: (value: TStyleValue) => TReturn,
-  gridTemplate: (value: TStyleValue) => TReturn,
-  inset: (value: TStyleValue) => TReturn,
-  insetInline: (value: TStyleValue) => TReturn,
-  insetBlock: (value: TStyleValue) => TReturn,
-  insetInlineStart: (value: TStyleValue) => TReturn,
-  insetInlineEnd: (value: TStyleValue) => TReturn,
-  left: (value: TStyleValue) => TReturn,
-  right: (value: TStyleValue) => TReturn,
-  listStyle: (value: TStyleValue) => TReturn,
-  margin: (value: TStyleValue) => TReturn,
-  marginInline: (value: TStyleValue) => TReturn,
-  marginBlock: (value: TStyleValue) => TReturn,
-  marginInlineStart: (value: TStyleValue) => TReturn,
-  marginInlineEnd: (value: TStyleValue) => TReturn,
-  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,
-  padding: (rawValue: TStyleValue) => TReturn,
-  paddingInline: (rawValue: TStyleValue) => TReturn,
-  paddingBlock: (rawValue: TStyleValue) => TReturn,
-  paddingInlineStart: (value: TStyleValue) => TReturn,
-  paddingInlineEnd: (value: TStyleValue) => TReturn,
-  paddingLeft: (value: TStyleValue) => TReturn,
-  paddingRight: (value: TStyleValue) => TReturn,
-  placeContent: (value: TStyleValue) => TReturn,
-  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,
-  transition: (value: TStyleValue) => TReturn,
-};
+declare const shorthands: $ReadOnly<{
+  [key: string]: (TStyleValue) => TReturn,
+}>;
 
 declare const aliases: {
   borderHorizontal: $FlowFixMe,

package/lib/preprocess-rules/basic-validation.js

@@ -8,7 +8,7 @@ var _stylexInclude = require("../stylex-include");
 var messages = _interopRequireWildcard(require("../messages"));
 var _objectUtils = require("../utils/object-utils");
 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 && Object.prototype.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; }
+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; }
 function validateNamespace(namespace) {
   let conditions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   if (!(0, _objectUtils.isPlainObject)(namespace)) {

package/lib/preprocess-rules/flatten-raw-style-obj.js

@@ -8,7 +8,7 @@ exports.flattenRawStyleObject = flattenRawStyleObject;
 var _index = _interopRequireDefault(require("./index"));
 var _PreRule = require("./PreRule");
 var _stylexInclude = require("../stylex-include");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function flattenRawStyleObject(style, options) {
   return _flattenRawStyleObject(style, [], [], options);
 }

package/lib/preprocess-rules/index.js

@@ -8,7 +8,7 @@ exports.getExpandedKeys = getExpandedKeys;
 var _applicationOrder = _interopRequireDefault(require("./application-order"));
 var _legacyExpandShorthands = _interopRequireDefault(require("./legacy-expand-shorthands"));
 var _propertySpecificity = _interopRequireDefault(require("./property-specificity"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const expansions = {
   'application-order': _applicationOrder.default,
   'property-specificity': _propertySpecificity.default,

package/lib/preprocess-rules/legacy-expand-shorthands.d.ts

@@ -103,44 +103,9 @@ import type { TStyleValue } from '../common-types';
  */
 
 type TReturn = ReadonlyArray<[string, TStyleValue]>;
-declare const shorthands: {
-  border: (rawValue: TStyleValue) => TReturn;
-  borderColor: (rawValue: TStyleValue) => TReturn;
-  borderHorizontal: (rawValue: TStyleValue) => TReturn;
-  borderStyle: (rawValue: TStyleValue) => TReturn;
-  borderVertical: (rawValue: TStyleValue) => TReturn;
-  borderWidth: (rawValue: TStyleValue) => TReturn;
-  borderHorizontalColor: (rawValue: TStyleValue) => TReturn;
-  borderHorizontalStyle: (rawValue: TStyleValue) => TReturn;
-  borderHorizontalWidth: (rawValue: TStyleValue) => TReturn;
-  borderVerticalColor: (rawValue: TStyleValue) => TReturn;
-  borderVerticalStyle: (rawValue: TStyleValue) => TReturn;
-  borderVerticalWidth: (rawValue: TStyleValue) => TReturn;
-  borderRadius: (rawValue: TStyleValue) => TReturn;
-  inset: (rawValue: TStyleValue) => TReturn;
-  insetInline: (rawValue: TStyleValue) => TReturn;
-  insetBlock: (rawValue: TStyleValue) => TReturn;
-  start: (rawValue: TStyleValue) => TReturn;
-  end: (rawValue: TStyleValue) => TReturn;
-  left: (rawValue: TStyleValue) => TReturn;
-  right: (rawValue: TStyleValue) => TReturn;
-  gap: (rawValue: TStyleValue) => TReturn;
-  margin: (rawValue: TStyleValue) => TReturn;
-  marginHorizontal: (rawValue: TStyleValue) => TReturn;
-  marginStart: (rawValue: TStyleValue) => TReturn;
-  marginEnd: (rawValue: TStyleValue) => TReturn;
-  marginLeft: (rawValue: TStyleValue) => TReturn;
-  marginRight: (rawValue: TStyleValue) => TReturn;
-  marginVertical: (rawValue: TStyleValue) => TReturn;
-  overflow: (rawValue: TStyleValue) => TReturn;
-  padding: (rawValue: TStyleValue) => TReturn;
-  paddingHorizontal: (val: TStyleValue) => TReturn;
-  paddingStart: (val: TStyleValue) => TReturn;
-  paddingEnd: (val: TStyleValue) => TReturn;
-  paddingLeft: (val: TStyleValue) => TReturn;
-  paddingRight: (val: TStyleValue) => TReturn;
-  paddingVertical: (val: TStyleValue) => TReturn;
-};
+declare const shorthands: Readonly<{
+  [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
+}>;
 declare const aliases: {
   insetBlockStart: (val: TStyleValue) => TReturn;
   insetBlockEnd: (val: TStyleValue) => TReturn;

package/lib/preprocess-rules/legacy-expand-shorthands.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _splitCssValue = _interopRequireDefault(require("../utils/split-css-value"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const shorthands = {
   border: rawValue => {
     return [['borderTop', rawValue], ['borderEnd', rawValue], ['borderBottom', rawValue], ['borderStart', rawValue]];