@stylexjs/shared 0.7.4 → 0.8.0

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

@@ -81,44 +81,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]: (TStyleValue) => TReturn,
+}>;
 
 declare const aliases: {
   insetBlockStart: (val: TStyleValue) => TReturn,

package/lib/preprocess-rules/property-specificity.d.ts

@@ -9,20 +9,9 @@
 
 import type { TStyleValue } from '../common-types';
 type TReturn = ReadonlyArray<[string, TStyleValue]>;
-declare const shorthands: {
-  all: (_: TStyleValue) => TReturn;
-  animation: (_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;
-  borderRight: (_rawValue: TStyleValue) => TReturn;
-  borderBottom: (_rawValue: TStyleValue) => TReturn;
-  borderInlineStart: (_rawValue: TStyleValue) => TReturn;
-  borderLeft: (_rawValue: TStyleValue) => TReturn;
-};
+declare const shorthands: Readonly<{
+  [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
+}>;
 declare const aliases: {
   borderHorizontal: any;
   borderVertical: any;
@@ -82,7 +71,7 @@ declare const aliases: {
   end: (val: TStyleValue) => TReturn;
 };
 declare const $$EXPORT_DEFAULT_DECLARATION$$: Readonly</**
- * > 96 |   ...typeof shorthands,
+ * > 85 |   ...typeof shorthands,
  *      |   ^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
  **/
 any>;

package/lib/preprocess-rules/property-specificity.js.flow

@@ -18,20 +18,9 @@ import type { TStyleValue } from '../common-types';
 
 type TReturn = $ReadOnlyArray<[string, TStyleValue]>;
 
-declare const shorthands: {
-  all: (_: TStyleValue) => TReturn,
-  animation: (_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,
-  borderRight: (_rawValue: TStyleValue) => TReturn,
-  borderBottom: (_rawValue: TStyleValue) => TReturn,
-  borderInlineStart: (_rawValue: TStyleValue) => TReturn,
-  borderLeft: (_rawValue: TStyleValue) => TReturn,
-};
+declare const shorthands: $ReadOnly<{
+  [key: string]: (TStyleValue) => TReturn,
+}>;
 
 declare const aliases: {
   borderHorizontal: $FlowFixMe,

package/lib/stylex-create-theme.js

@@ -8,7 +8,7 @@ var _hash = _interopRequireDefault(require("./hash"));
 var _stylexVarsUtils = require("./stylex-vars-utils");
 var _types = require("./types");
 var _defaultOptions = require("./utils/default-options");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function styleXCreateTheme(themeVars, variables, options) {
   if (typeof themeVars.__themeName__ !== 'string') {
     throw new Error('Can only override variables theme created with stylex.defineVars().');
@@ -35,7 +35,7 @@ function styleXCreateTheme(themeVars, variables, options) {
   const stylesToInject = {};
   for (const atRule of sortedAtRules) {
     const decls = rulesByAtRule[atRule].join('');
-    const rule = `.${overrideClassName}{${decls}}`;
+    const rule = `.${overrideClassName}, .${overrideClassName}:root{${decls}}`;
     if (atRule === 'default') {
       stylesToInject[overrideClassName] = {
         ltr: rule,

package/lib/stylex-define-vars.d.ts

@@ -9,11 +9,14 @@
 
 import type { InjectableStyle, StyleXOptions } from './common-types';
 import type { VarsConfig } from './stylex-vars-utils';
-type VarsObject<Vars extends VarsConfig> = Readonly</**
- * > 14 |   ...$ObjMapConst<Vars, string>,
- *      |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object types with complex spreads" is currently not supported.
- **/
-any>;
+type VarsKeysWithStringValues<Vars extends VarsConfig> = Readonly<{
+  [$$Key$$: keyof Vars]: string;
+}>;
+type VarsObject<Vars extends VarsConfig> = Readonly<
+  Omit<VarsKeysWithStringValues<Vars>, keyof ({ __themeName__: string })> & {
+    __themeName__: string;
+  }
+>;
 declare function styleXDefineVars<Vars extends VarsConfig>(
   variables: Vars,
   options: Readonly<

package/lib/stylex-define-vars.js

@@ -9,7 +9,7 @@ var _objectUtils = require("./utils/object-utils");
 var _defaultOptions = require("./utils/default-options");
 var _stylexVarsUtils = require("./stylex-vars-utils");
 var _types = require("./types");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function styleXDefineVars(variables, options) {
   const {
     classNamePrefix,
@@ -35,7 +35,7 @@ function styleXDefineVars(variables, options) {
     }
     return {
       nameHash,
-      value
+      value: value
     };
   });
   const themeVariablesObject = (0, _objectUtils.objMap)(variablesMap, _ref => {

package/lib/stylex-define-vars.js.flow

@@ -10,8 +10,12 @@
 import type { InjectableStyle, StyleXOptions } from './common-types';
 import type { VarsConfig } from './stylex-vars-utils';
 
+type VarsKeysWithStringValues<Vars: VarsConfig> = $ReadOnly<{
+  [$Keys<Vars>]: string,
+}>;
+
 type VarsObject<Vars: VarsConfig> = $ReadOnly<{
-  ...$ObjMapConst<Vars, string>,
+  ...VarsKeysWithStringValues<Vars>,
   __themeName__: string,
 }>;
 

package/lib/stylex-first-that-works.d.ts

@@ -7,7 +7,7 @@
  *
  */
 
-declare function stylexFirstThatWorks<T extends string>(
-  ...args: ReadonlyArray<T>
-): ReadonlyArray<T>;
+declare function stylexFirstThatWorks(
+  ...args: ReadonlyArray<string>
+): ReadonlyArray<string> | string;
 export default stylexFirstThatWorks;

package/lib/stylex-first-that-works.js

@@ -4,9 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = stylexFirstThatWorks;
+const isVar = arg => typeof arg === 'string' && arg.match(/^var\(--[a-zA-Z0-9-_]+\)$/);
 function stylexFirstThatWorks() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-  return [...args].reverse();
+  const firstVar = args.findIndex(isVar);
+  if (firstVar === -1) {
+    return [...args].reverse();
+  }
+  const priorities = args.slice(0, firstVar).reverse();
+  const rest = args.slice(firstVar);
+  const firstNonVar = rest.findIndex(arg => !isVar(arg));
+  const varParts = rest.slice(0, firstNonVar === -1 ? rest.length : firstNonVar + 1).reverse();
+  const vars = varParts.map(arg => isVar(arg) ? arg.slice(4, -1) : arg);
+  const returnValue = [vars.reduce((soFar, varName) => soFar ? `var(${varName}, ${String(soFar)})` : varName.startsWith('--') ? `var(${varName})` : varName, ''), ...priorities];
+  if (returnValue.length === 1) {
+    return returnValue[0];
+  }
+  return returnValue;
 }

package/lib/stylex-first-that-works.js.flow

@@ -7,6 +7,6 @@
  * @flow strict
  */
 
-declare export default function stylexFirstThatWorks<T: string>(
-  ...args: $ReadOnlyArray<T>
-): $ReadOnlyArray<T>;
+declare export default function stylexFirstThatWorks(
+  ...args: $ReadOnlyArray<string>
+): $ReadOnlyArray<string> | string;

package/lib/stylex-include.js

@@ -7,7 +7,7 @@ exports.IncludedStyles = void 0;
 exports.default = stylexInclude;
 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 _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; }
 let number = 0;
 function uuid() {
   return `__included_${++number}__`;

package/lib/stylex-keyframes.js

@@ -12,7 +12,7 @@ var _transformValue = _interopRequireDefault(require("./transform-value"));
 var _dashify = _interopRequireDefault(require("./utils/dashify"));
 var _objectUtils = require("./utils/object-utils");
 var _defaultOptions = require("./utils/default-options");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function styleXKeyframes(frames) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _defaultOptions.defaultOptions;
   const {

package/lib/transform-value.js

@@ -7,7 +7,7 @@ exports.default = transformValue;
 exports.getNumberSuffix = getNumberSuffix;
 exports.timeUnits = exports.lengthUnits = void 0;
 var _normalizeValue = _interopRequireDefault(require("./utils/normalize-value"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function transformValue(key, rawValue, options) {
   const value = typeof rawValue === 'number' ? String(Math.round(rawValue * 10000) / 10000) + getNumberSuffix(key) : rawValue;
   if ((key === 'content' || key === 'hyphenateCharacter' || key === 'hyphenate-character') && typeof value === 'string') {
@@ -22,9 +22,12 @@ function transformValue(key, rawValue, options) {
   return (0, _normalizeValue.default)(value, key, options);
 }
 function getNumberSuffix(key) {
-  if (unitlessNumberProperties.has(key)) {
+  if (unitlessNumberProperties.has(key) || key.startsWith('--')) {
     return '';
   }
+  if (!(key in numberPropertySuffixes)) {
+    return 'px';
+  }
   const suffix = numberPropertySuffixes[key];
   if (suffix == null) {
     return 'px';
@@ -32,7 +35,7 @@ function getNumberSuffix(key) {
     return suffix;
   }
 }
-const unitlessNumberProperties = new Set(['WebkitLineClamp', 'animationIterationCount', 'aspectRatio', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'counterSet', 'columnCount', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexOrder', 'gridRow', 'gridColumn', 'fontWeight', 'hyphenateLimitChars', 'lineClamp', 'lineHeight', 'maskBorderOutset', 'maskBorderSlice', 'maskBorderWidth', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'rotate', 'scale', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'scale', 'mathDepth']);
+const unitlessNumberProperties = new Set(['WebkitLineClamp', 'animationIterationCount', 'aspectRatio', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'counterSet', 'counterReset', 'columnCount', 'flex', 'flexGrow', 'flexShrink', 'flexOrder', 'gridRow', 'gridRowStart', 'gridRowEnd', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridArea', 'fontWeight', 'hyphenateLimitChars', 'lineClamp', 'lineHeight', 'maskBorderOutset', 'maskBorderSlice', 'maskBorderWidth', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'rotate', 'scale', 'shapeImageThreshold', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'scale', 'mathDepth']);
 const numberPropertySuffixes = {
   animationDelay: 'ms',
   animationDuration: 'ms',
@@ -41,4 +44,4 @@ const numberPropertySuffixes = {
   voiceDuration: 'ms'
 };
 const timeUnits = exports.timeUnits = new Set(Object.keys(numberPropertySuffixes));
-const lengthUnits = exports.lengthUnits = new Set(['backgroundPositionX', 'backgroundPositionY', 'blockSize', 'borderBlockEndWidth', 'borderBlockStartWidth', 'borderBlockWidth', 'borderVerticalWidth', 'borderVerticalWidth', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomWidth', 'borderEndEndRadius', 'borderEndStartRadius', 'borderImageWidth', 'borderInlineEndWidth', 'borderEndWidth', 'borderInlineStartWidth', 'borderStartWidth', 'borderInlineWidth', 'borderHorizontalWidth', 'borderLeftWidth', 'borderRightWidth', 'borderSpacing', 'borderStartEndRadius', 'borderStartStartRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopWidth', 'bottom', 'columnGap', 'columnRuleWidth', 'columnWidth', 'containIntrinsicBlockSize', 'containIntrinsicHeight', 'containIntrinsicInlineSize', 'containIntrinsicWidth', 'flexBasis', 'fontSize', 'fontSmooth', 'height', 'inlineSize', 'insetBlockEnd', 'insetBlockStart', 'insetInlineEnd', 'insetInlineStart', 'left', 'letterSpacing', 'marginBlockEnd', 'marginBlockStart', 'marginBottom', 'marginInlineEnd', 'marginEnd', 'marginInlineStart', 'marginStart', 'marginLeft', 'marginRight', 'marginTop', 'maskBorderOutset', 'maskBorderWidth', 'maxBlockSize', 'maxHeight', 'maxInlineSize', 'maxWidth', 'minBlockSize', 'minHeight', 'minInlineSize', 'minWidth', 'offsetDistance', 'outlineOffset', 'outlineWidth', 'overflowClipMargin', 'paddingBlockEnd', 'paddingBlockStart', 'paddingBottom', 'paddingInlineEnd', 'paddingEnd', 'paddingInlineStart', 'paddingStart', 'paddingLeft', 'paddingRight', 'paddingTop', 'perspective', 'right', 'rowGap', 'scrollMarginBlockEnd', 'scrollMarginBlockStart', 'scrollMarginBottom', 'scrollMarginInlineEnd', 'scrollMarginInlineStart', 'scrollMarginLeft', 'scrollMarginRight', 'scrollMarginTop', 'scrollPaddingBlockEnd', 'scrollPaddingBlockStart', 'scrollPaddingBottom', 'scrollPaddingInlineEnd', 'scrollPaddingInlineStart', 'scrollPaddingLeft', 'scrollPaddingRight', 'scrollPaddingTop', 'scrollSnapMarginBottom', 'scrollSnapMarginLeft', 'scrollSnapMarginRight', 'scrollSnapMarginTop', 'shapeMargin', 'tabSize', 'textDecorationThickness', 'textIndent', 'textUnderlineOffset', 'top', 'transformOrigin', 'translate', 'verticalAlign', 'width', 'wordSpacing', 'border', 'borderBlock', 'borderBlockEnd', 'borderBlockStart', 'borderBottom', 'borderLeft', 'borderRadius', 'borderRight', 'borderTop', 'borderWidth', 'columnRule', 'containIntrinsicSize', 'gap', 'inset', 'insetBlock', 'insetInline', 'margin', 'marginBlock', 'marginVertical', 'marginInline', 'marginHorizontal', 'offset', 'outline', 'padding', 'paddingBlock', 'paddingVertical', 'paddingInline', 'paddingHorizontal', 'scrollMargin', 'scrollMarginBlock', 'scrollMarginInline', 'scrollPadding', 'scrollPaddingBlock', 'scrollPaddingInline', 'scrollSnapMargin']);
+const lengthUnits = exports.lengthUnits = new Set(['backgroundPositionX', 'backgroundPositionY', 'blockSize', 'borderBlockEndWidth', 'borderBlockStartWidth', 'borderBlockWidth', 'borderVerticalWidth', 'borderVerticalWidth', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomWidth', 'borderEndEndRadius', 'borderEndStartRadius', 'borderInlineEndWidth', 'borderEndWidth', 'borderInlineStartWidth', 'borderStartWidth', 'borderInlineWidth', 'borderHorizontalWidth', 'borderLeftWidth', 'borderRightWidth', 'borderSpacing', 'borderStartEndRadius', 'borderStartStartRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopWidth', 'bottom', 'columnGap', 'columnRuleWidth', 'columnWidth', 'containIntrinsicBlockSize', 'containIntrinsicHeight', 'containIntrinsicInlineSize', 'containIntrinsicWidth', 'flexBasis', 'fontSize', 'fontSmooth', 'height', 'inlineSize', 'insetBlockEnd', 'insetBlockStart', 'insetInlineEnd', 'insetInlineStart', 'left', 'letterSpacing', 'marginBlockEnd', 'marginBlockStart', 'marginBottom', 'marginInlineEnd', 'marginEnd', 'marginInlineStart', 'marginStart', 'marginLeft', 'marginRight', 'marginTop', 'maskBorderOutset', 'maskBorderWidth', 'maxBlockSize', 'maxHeight', 'maxInlineSize', 'maxWidth', 'minBlockSize', 'minHeight', 'minInlineSize', 'minWidth', 'offsetDistance', 'outlineOffset', 'outlineWidth', 'overflowClipMargin', 'paddingBlockEnd', 'paddingBlockStart', 'paddingBottom', 'paddingInlineEnd', 'paddingEnd', 'paddingInlineStart', 'paddingStart', 'paddingLeft', 'paddingRight', 'paddingTop', 'perspective', 'right', 'rowGap', 'scrollMarginBlockEnd', 'scrollMarginBlockStart', 'scrollMarginBottom', 'scrollMarginInlineEnd', 'scrollMarginInlineStart', 'scrollMarginLeft', 'scrollMarginRight', 'scrollMarginTop', 'scrollPaddingBlockEnd', 'scrollPaddingBlockStart', 'scrollPaddingBottom', 'scrollPaddingInlineEnd', 'scrollPaddingInlineStart', 'scrollPaddingLeft', 'scrollPaddingRight', 'scrollPaddingTop', 'scrollSnapMarginBottom', 'scrollSnapMarginLeft', 'scrollSnapMarginRight', 'scrollSnapMarginTop', 'shapeMargin', 'tabSize', 'textDecorationThickness', 'textIndent', 'textUnderlineOffset', 'top', 'transformOrigin', 'translate', 'verticalAlign', 'width', 'wordSpacing', 'border', 'borderBlock', 'borderBlockEnd', 'borderBlockStart', 'borderBottom', 'borderLeft', 'borderRadius', 'borderRight', 'borderTop', 'borderWidth', 'columnRule', 'containIntrinsicSize', 'gap', 'inset', 'insetBlock', 'insetInline', 'margin', 'marginBlock', 'marginVertical', 'marginInline', 'marginHorizontal', 'offset', 'outline', 'padding', 'paddingBlock', 'paddingVertical', 'paddingInline', 'paddingHorizontal', 'scrollMargin', 'scrollMarginBlock', 'scrollMarginInline', 'scrollPadding', 'scrollPaddingBlock', 'scrollPaddingInline', 'scrollSnapMargin']);

package/lib/types/index.js.flow

@@ -65,7 +65,7 @@ export interface CSSType<+_T: string | number = string | number> {
 
 declare export const isCSSType: (
   value: mixed,
-) => value is CSSType<string | number>;
+) => implies value is CSSType<string | number>;
 
 type AngleValue = string;
 declare export class Angle<+T: AngleValue>

package/lib/utils/normalize-value.js

@@ -13,7 +13,7 @@ var _zeroDimensions = _interopRequireDefault(require("./normalizers/zero-dimensi
 var _detectUnclosedFns = _interopRequireDefault(require("./normalizers/detect-unclosed-fns"));
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 var _convertCamelCaseValues = _interopRequireDefault(require("./normalizers/convert-camel-case-values"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const normalizers = [_detectUnclosedFns.default, _whitespace.default, _timings.default, _zeroDimensions.default, _leadingZero.default, _quotes.default, _convertCamelCaseValues.default];
 function normalizeValue(value, key, _ref) {
   let {

package/lib/utils/normalizers/convert-camel-case-values.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = convertCamelCasedValues;
 var _dashify = _interopRequireDefault(require("../dashify"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function convertCamelCasedValues(ast, key) {
   if (key !== 'transitionProperty' && key !== 'willChange') {
     return ast;

package/lib/utils/normalizers/detect-unclosed-fns.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = detectUnclosedFns;
 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 _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 detectUnclosedFns(ast, _) {
   ast.walk(node => {
     if (node.type === 'function' && node.unclosed) {

package/lib/utils/normalizers/font-size-px-to-rem.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = convertFontSizeToRem;
 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 ROOT_FONT_SIZE = 16;
 function convertFontSizeToRem(ast, key) {
   if (key !== 'fontSize') {

package/lib/utils/normalizers/leading-zero.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = normalizeLeadingZero;
 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 }; }
 function normalizeLeadingZero(ast, _) {
   ast.walk(node => {
     if (node.type !== 'word') {

package/lib/utils/normalizers/timings.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = normalizeTimings;
 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 }; }
 function normalizeTimings(ast, _) {
   ast.walk(node => {
     if (node.type !== 'word') {

package/lib/utils/normalizers/zero-dimensions.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = normalizeZeroDimensions;
 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 angles = ['deg', 'grad', 'turn', 'rad'];
 const timings = ['ms', 's'];
 const fraction = 'fr';

package/lib/utils/object-utils.d.ts

@@ -9,7 +9,8 @@
 
 import type { CompiledStyles } from '../common-types';
 import { IncludedStyles } from '../stylex-include';
-export declare function isPlainObject(obj: unknown): void;
+type AnyObject = { readonly [$$Key$$: string]: unknown };
+export declare function isPlainObject(obj: unknown): obj is AnyObject;
 export declare function flattenObject(obj: CompiledStyles): {
   readonly [$$Key$$: string]: null | string | IncludedStyles;
 };
@@ -42,7 +43,7 @@ export declare function objMapEntry<
   K2 extends string = string,
 >(
   obj: { readonly [$$Key$$: K1]: V },
-  mapper: ($$PARAM_0$$: [K1, V]) => [K2, V2],
+  mapper: ($$PARAM_0$$: Readonly<[K1, V]>) => Readonly<[K2, V2]>,
 ): { readonly [$$Key$$: K2]: V2 };
 export declare function objMap<V, V2, K extends string = string>(
   obj: { readonly [$$Key$$: K]: V },

package/lib/utils/object-utils.js.flow

@@ -13,7 +13,10 @@ import type { CompiledStyles } from '../common-types';
 
 import { IncludedStyles } from '../stylex-include';
 
-declare export function isPlainObject(obj: mixed): void;
+// eslint-disable-next-line no-unused-vars
+type AnyObject = { +[string]: mixed };
+
+declare export function isPlainObject(obj: mixed): implies obj is AnyObject;
 
 declare export function flattenObject(obj: CompiledStyles): {
   +[string]: null | string | IncludedStyles,
@@ -48,7 +51,7 @@ declare export function objMapEntry<
   K2: string = string,
 >(
   obj: { +[K1]: V },
-  mapper: ([K1, V]) => [K2, V2],
+  mapper: ($ReadOnly<[K1, V]>) => $ReadOnly<[K2, V2]>,
 ): { +[K2]: V2 };
 
 declare export function objMap<V, V2, K: string = string>(

package/lib/utils/property-priorities.d.ts

@@ -7,62 +7,9 @@
  *
  */
 
-type PseudoClassPriorities = {
-  ':is': 40;
-  ':where': 40;
-  ':not': 40;
-  ':has': 45;
-  ':dir': 50;
-  ':lang': 51;
-  ':first-child': 52;
-  ':first-of-type': 53;
-  ':last-child': 54;
-  ':last-of-type': 55;
-  ':only-child': 56;
-  ':only-of-type': 57;
-  ':nth-child': 60;
-  ':nth-last-child': 61;
-  ':nth-of-type': 62;
-  ':nth-last-of-type': 63;
-  ':empty': 70;
-  ':link': 80;
-  ':any-link': 81;
-  ':local-link': 82;
-  ':target-within': 83;
-  ':target': 84;
-  ':visited': 85;
-  ':enabled': 91;
-  ':disabled': 92;
-  ':required': 93;
-  ':optional': 94;
-  ':read-only': 95;
-  ':read-write': 96;
-  ':placeholder-shown': 97;
-  ':in-range': 98;
-  ':out-of-range': 99;
-  ':default': 100;
-  ':checked': 101;
-  ':indeterminate': 101;
-  ':blank': 102;
-  ':valid': 103;
-  ':invalid': 104;
-  ':user-invalid': 105;
-  ':autofill': 110;
-  ':picture-in-picture': 120;
-  ':modal': 121;
-  ':fullscreen': 122;
-  ':paused': 123;
-  ':playing': 124;
-  ':current': 125;
-  ':past': 126;
-  ':future': 127;
-  ':hover': 130;
-  ':focusWithin': 140;
-  ':focus': 150;
-  ':focusVisible': 160;
-  ':active': 170;
-};
-export declare const PSEUDO_CLASS_PRIORITIES: Readonly<PseudoClassPriorities>;
+export declare const PSEUDO_CLASS_PRIORITIES: Readonly<{
+  [$$Key$$: string]: number;
+}>;
 type AtRulePriorities = { '@supports': 30; '@media': 200; '@container': 300 };
 export declare const AT_RULE_PRIORITIES: Readonly<AtRulePriorities>;
 export declare const PSEUDO_ELEMENT_PRIORITY: number;

package/lib/utils/property-priorities.js

@@ -56,11 +56,11 @@ longHandLogical.add('border-block-width');
 shorthandsOfLonghands.add('border-block-start');
 shorthandsOfLonghands.add('border-top');
 longHandLogical.add('border-block-start-color');
-longHandLogical.add('border-top-color');
+longHandPhysical.add('border-top-color');
 longHandLogical.add('border-block-start-style');
-longHandLogical.add('border-top-style');
+longHandPhysical.add('border-top-style');
 longHandLogical.add('border-block-start-width');
-longHandLogical.add('border-top-width');
+longHandPhysical.add('border-top-width');
 shorthandsOfLonghands.add('border-block-end');
 shorthandsOfLonghands.add('border-bottom');
 longHandLogical.add('border-block-end-color');

package/lib/utils/property-priorities.js.flow

@@ -7,63 +7,63 @@
  * @flow strict
  */
 
-type PseudoClassPriorities = {
-  ':is': 40,
-  ':where': 40,
-  ':not': 40,
-  ':has': 45,
-  ':dir': 50,
-  ':lang': 51,
-  ':first-child': 52,
-  ':first-of-type': 53,
-  ':last-child': 54,
-  ':last-of-type': 55,
-  ':only-child': 56,
-  ':only-of-type': 57,
-  ':nth-child': 60,
-  ':nth-last-child': 61,
-  ':nth-of-type': 62,
-  ':nth-last-of-type': 63, // 'nth-last-of-type' is the same priority as 'nth-of-type
-  ':empty': 70,
-  ':link': 80,
-  ':any-link': 81,
-  ':local-link': 82,
-  ':target-within': 83,
-  ':target': 84,
-  ':visited': 85,
-  ':enabled': 91,
-  ':disabled': 92,
-  ':required': 93,
-  ':optional': 94,
-  ':read-only': 95,
-  ':read-write': 96,
-  ':placeholder-shown': 97,
-  ':in-range': 98,
-  ':out-of-range': 99,
-  ':default': 100,
-  ':checked': 101,
-  ':indeterminate': 101,
-  ':blank': 102,
-  ':valid': 103,
-  ':invalid': 104,
-  ':user-invalid': 105,
-  ':autofill': 110,
-  ':picture-in-picture': 120,
-  ':modal': 121,
-  ':fullscreen': 122,
-  ':paused': 123,
-  ':playing': 124,
-  ':current': 125,
-  ':past': 126,
-  ':future': 127,
-  ':hover': 130,
-  ':focusWithin': 140,
-  ':focus': 150,
-  ':focusVisible': 160,
-  ':active': 170,
-};
+// type PseudoClassPriorities = {
+//   ':is': 40,
+//   ':where': 40,
+//   ':not': 40,
+//   ':has': 45,
+//   ':dir': 50,
+//   ':lang': 51,
+//   ':first-child': 52,
+//   ':first-of-type': 53,
+//   ':last-child': 54,
+//   ':last-of-type': 55,
+//   ':only-child': 56,
+//   ':only-of-type': 57,
+//   ':nth-child': 60,
+//   ':nth-last-child': 61,
+//   ':nth-of-type': 62,
+//   ':nth-last-of-type': 63, // 'nth-last-of-type' is the same priority as 'nth-of-type
+//   ':empty': 70,
+//   ':link': 80,
+//   ':any-link': 81,
+//   ':local-link': 82,
+//   ':target-within': 83,
+//   ':target': 84,
+//   ':visited': 85,
+//   ':enabled': 91,
+//   ':disabled': 92,
+//   ':required': 93,
+//   ':optional': 94,
+//   ':read-only': 95,
+//   ':read-write': 96,
+//   ':placeholder-shown': 97,
+//   ':in-range': 98,
+//   ':out-of-range': 99,
+//   ':default': 100,
+//   ':checked': 101,
+//   ':indeterminate': 101,
+//   ':blank': 102,
+//   ':valid': 103,
+//   ':invalid': 104,
+//   ':user-invalid': 105,
+//   ':autofill': 110,
+//   ':picture-in-picture': 120,
+//   ':modal': 121,
+//   ':fullscreen': 122,
+//   ':paused': 123,
+//   ':playing': 124,
+//   ':current': 125,
+//   ':past': 126,
+//   ':future': 127,
+//   ':hover': 130,
+//   ':focusWithin': 140,
+//   ':focus': 150,
+//   ':focusVisible': 160,
+//   ':active': 170,
+// };
 
-declare export const PSEUDO_CLASS_PRIORITIES: $ReadOnly<PseudoClassPriorities>;
+declare export const PSEUDO_CLASS_PRIORITIES: $ReadOnly<{ [string]: number }>;
 
 type AtRulePriorities = {
   '@supports': 30,