@stylexjs/shared 0.11.1 → 0.17.0

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

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateNamespace = validateNamespace;
-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 && {}.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)) {
-    throw new Error(messages.ILLEGAL_NAMESPACE_VALUE);
-  }
-  const ns = namespace;
-  for (const key in ns) {
-    const val = ns[key];
-    if (val === null || typeof val === 'string' || typeof val === 'number') {
-      continue;
-    }
-    if (Array.isArray(val)) {
-      for (const v of val) {
-        if (v === null || typeof v === 'string' || typeof v === 'number') {
-          continue;
-        }
-        throw new Error(messages.ILLEGAL_PROP_ARRAY_VALUE);
-      }
-      continue;
-    }
-    if ((0, _objectUtils.isPlainObject)(val)) {
-      if (key.startsWith('@') || key.startsWith(':')) {
-        if (conditions.includes(key)) {
-          throw new Error(messages.DUPLICATE_CONDITIONAL);
-        }
-        validateNamespace(val, [...conditions, key]);
-      } else {
-        validateConditionalStyles(val);
-      }
-      continue;
-    }
-    throw new Error(messages.ILLEGAL_PROP_VALUE);
-  }
-}
-function validateConditionalStyles(val) {
-  let conditions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  for (const key in val) {
-    const v = val[key];
-    if (!(key.startsWith('@') || key.startsWith(':') || key === 'default')) {
-      throw new Error(messages.INVALID_PSEUDO_OR_AT_RULE);
-    }
-    if (conditions.includes(key)) {
-      throw new Error(messages.DUPLICATE_CONDITIONAL);
-    }
-    if (v === null || typeof v === 'string' || typeof v === 'number') {
-      continue;
-    }
-    if (Array.isArray(v)) {
-      for (const vv of v) {
-        if (vv === null || typeof vv === 'string' || typeof vv === 'number') {
-          continue;
-        }
-        throw new Error(messages.ILLEGAL_PROP_VALUE);
-      }
-      continue;
-    }
-    if ((0, _objectUtils.isPlainObject)(v)) {
-      validateConditionalStyles(v, [...conditions, key]);
-      continue;
-    }
-    throw new Error(messages.ILLEGAL_PROP_VALUE);
-  }
-}

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

@@ -1,13 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- */
-
-declare export function validateNamespace(
-  namespace: mixed,
-  conditions: $ReadOnlyArray<string>,
-): void;

package/lib/preprocess-rules/flatten-raw-style-obj.d.ts

@@ -1,20 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-import type { RawStyles, StyleXOptions } from '../common-types';
-import { type AnyPreRule, type IPreRule } from './PreRule';
-export declare function flattenRawStyleObject(
-  style: RawStyles,
-  options: StyleXOptions,
-): ReadonlyArray<Readonly<[string, IPreRule]>>;
-export declare function _flattenRawStyleObject(
-  style: RawStyles,
-  keyPath: ReadonlyArray<string>,
-  options: StyleXOptions,
-): Array<Readonly<[string, AnyPreRule]>>;

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

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports._flattenRawStyleObject = _flattenRawStyleObject;
-exports.flattenRawStyleObject = flattenRawStyleObject;
-var _index = _interopRequireDefault(require("./index"));
-var _PreRule = require("./PreRule");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function flattenRawStyleObject(style, options) {
-  return _flattenRawStyleObject(style, [], options);
-}
-function _flattenRawStyleObject(style, keyPath, options) {
-  const flattened = [];
-  for (const _key in style) {
-    const value = style[_key];
-    const key = _key.match(/var\(--[a-z0-9]+\)/) ? _key.slice(4, -1) : _key;
-    if (value === null || typeof value === 'string' || typeof value === 'number') {
-      const pairs = (0, _index.default)([key, value], options);
-      for (const [property, value] of pairs) {
-        if (value === null) {
-          flattened.push([property, new _PreRule.NullPreRule()]);
-        } else {
-          flattened.push([property, new _PreRule.PreRule(property, value, keyPath.includes(key) ? keyPath.map(k => k === key ? property : k) : [...keyPath, property])]);
-        }
-      }
-      continue;
-    }
-    if (Array.isArray(value)) {
-      const equivalentPairs = {};
-      for (const eachVal of value) {
-        const pairs = (0, _index.default)([key, eachVal], options);
-        for (const [property, val] of pairs) {
-          if (Array.isArray(val)) {
-            if (equivalentPairs[property] == null) {
-              equivalentPairs[property] = [...val];
-            } else {
-              equivalentPairs[property].push(...val);
-            }
-          } else if (equivalentPairs[property] == null) {
-            equivalentPairs[property] = [val];
-          } else {
-            equivalentPairs[property].push(val);
-          }
-        }
-      }
-      Object.entries(equivalentPairs).map(_ref => {
-        let [property, values] = _ref;
-        return [property, [...new Set(values.filter(Boolean))]];
-      }).map(_ref2 => {
-        let [property, values] = _ref2;
-        return [property, values.length === 0 ? null : values.length === 1 ? values[0] : values];
-      }).forEach(_ref3 => {
-        let [property, value] = _ref3;
-        if (value === null) {
-          flattened.push([property, new _PreRule.NullPreRule()]);
-        } else {
-          flattened.push([property, new _PreRule.PreRule(property, value, keyPath.includes(_key) ? keyPath.map(k => k === _key ? property : k) : [...keyPath, property])]);
-        }
-      });
-      continue;
-    }
-    if (typeof value === 'object' && !key.startsWith(':') && !key.startsWith('@')) {
-      const equivalentPairs = {};
-      for (const condition in value) {
-        const innerValue = value[condition];
-        const pairs = _flattenRawStyleObject({
-          [key]: innerValue
-        }, keyPath.length > 0 ? [...keyPath, condition] : [key, condition], options);
-        for (const [property, preRule] of pairs) {
-          if (equivalentPairs[property] == null) {
-            equivalentPairs[property] = {
-              [condition]: preRule
-            };
-          } else {
-            equivalentPairs[property][condition] = preRule;
-          }
-        }
-      }
-      for (const [property, obj] of Object.entries(equivalentPairs)) {
-        const sortedKeys = Object.keys(obj);
-        const rules = [];
-        for (const condition of sortedKeys) {
-          rules.push(obj[condition]);
-        }
-        flattened.push([property, _PreRule.PreRuleSet.create(rules)]);
-      }
-    }
-    if (typeof value === 'object' && (key.startsWith(':') || key.startsWith('@'))) {
-      const pairs = _flattenRawStyleObject(value, [...keyPath, _key], options);
-      for (const [property, preRule] of pairs) {
-        flattened.push([key + '_' + property, preRule]);
-      }
-    }
-  }
-  return flattened;
-}

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

@@ -1,23 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- */
-
-import type { RawStyles, StyleXOptions } from '../common-types';
-
-import { type AnyPreRule, type IPreRule } from './PreRule';
-
-declare export function flattenRawStyleObject(
-  style: RawStyles,
-  options: StyleXOptions,
-): $ReadOnlyArray<$ReadOnly<[string, IPreRule]>>;
-
-declare export function _flattenRawStyleObject(
-  style: RawStyles,
-  keyPath: $ReadOnlyArray<string>,
-  options: StyleXOptions,
-): Array<$ReadOnly<[string, AnyPreRule]>>;

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

@@ -1,18 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-import type { StyleXOptions, TStyleValue } from '../common-types';
-export declare function getExpandedKeys(
-  options: StyleXOptions,
-): ReadonlyArray<string>;
-declare function flatMapExpandedShorthands(
-  objEntry: Readonly<[string, TStyleValue]>,
-  options: Readonly<{ styleResolution: StyleXOptions['styleResolution'] }>,
-): ReadonlyArray<[string, TStyleValue]>;
-export default flatMapExpandedShorthands;

package/lib/preprocess-rules/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = flatMapExpandedShorthands;
-exports.getExpandedKeys = getExpandedKeys;
-var _applicationOrder = _interopRequireDefault(require("./application-order"));
-var _legacyExpandShorthands = _interopRequireDefault(require("./legacy-expand-shorthands"));
-var _propertySpecificity = _interopRequireDefault(require("./property-specificity"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const expansions = {
-  'application-order': _applicationOrder.default,
-  'property-specificity': _propertySpecificity.default,
-  'legacy-expand-shorthands': _legacyExpandShorthands.default
-};
-function getExpandedKeys(options) {
-  return Object.keys(expansions[options.styleResolution ?? 'application-order']);
-}
-function flatMapExpandedShorthands(objEntry, options) {
-  let [key, value] = objEntry;
-  if (key.startsWith('var(') && key.endsWith(')')) {
-    key = key.slice(4, -1);
-  }
-  const expansion = expansions[options.styleResolution ?? 'application-order'][key];
-  if (expansion) {
-    if (Array.isArray(value)) {
-      throw new Error('Cannot use fallbacks for shorthands. Use the expansion instead.');
-    }
-    return expansion(value);
-  }
-  return [[key, value]];
-}

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

@@ -1,22 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- */
-
-import type { StyleXOptions, TStyleValue } from '../common-types';
-
-declare export function getExpandedKeys(
-  options: StyleXOptions,
-): $ReadOnlyArray<string>;
-
-declare export default function flatMapExpandedShorthands(
-  objEntry: $ReadOnly<[string, TStyleValue]>,
-  options: $ReadOnly<{
-    styleResolution: StyleXOptions['styleResolution'],
-    ...
-  }>,
-): $ReadOnlyArray<[string, TStyleValue]>;

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

@@ -1,165 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-import type { TStyleValue } from '../common-types';
-/**
- * Shorthand properties:
- * - [x] all - Should be banned
- * - [ ] animation
- * - [ ] background
- * - [-] border
- * - [x] border-block-end
- * - [x] border-block-start
- * - [ ] border-bottom
- * - [x] border-color
- * - [x] border-image
- * - [x] border-inline-end
- * - [x] border-inline-start
- * - [ ] border-left
- * - [x] border-radius
- * - [ ] border-right
- * - [x] border-style
- * - [ ] border-top
- * - [x] border-width
- * - [ ] column-rule
- * - [ ] columns
- * - [ ] flex
- * - [ ] flex-flow
- * - [ ] font
- * - [ ] gap
- * - [ ] grid
- * - [ ] grid-area
- * - [ ] grid-column
- * - [ ] grid-row
- * - [ ] grid-template
- * - [ ] list-style
- * - [x] margin
- * - [ ] mask
- * - [ ] offset
- * - [ ] outline
- * - [x] overflow
- * - [x] padding
- * - [ ] place-content
- * - [ ] place-items
- * - [ ] place-self
- * - [ ] scroll-margin
- * - [ ] scroll-padding
- * - [ ] text-decoration
- * - [ ] text-emphasis
- * - [ ] transition
- */
-
-/**
- * Shorthand properties:
- * - [x] all - Should be banned
- * - [ ] animation
- * - [ ] background
- * - [-] border
- * - [x] border-block-end
- * - [x] border-block-start
- * - [ ] border-bottom
- * - [x] border-color
- * - [x] border-image
- * - [x] border-inline-end
- * - [x] border-inline-start
- * - [ ] border-left
- * - [x] border-radius
- * - [ ] border-right
- * - [x] border-style
- * - [ ] border-top
- * - [x] border-width
- * - [ ] column-rule
- * - [ ] columns
- * - [ ] flex
- * - [ ] flex-flow
- * - [ ] font
- * - [ ] gap
- * - [ ] grid
- * - [ ] grid-area
- * - [ ] grid-column
- * - [ ] grid-row
- * - [ ] grid-template
- * - [ ] list-style
- * - [x] margin
- * - [ ] mask
- * - [ ] offset
- * - [ ] outline
- * - [x] overflow
- * - [x] padding
- * - [ ] place-content
- * - [ ] place-items
- * - [ ] place-self
- * - [ ] scroll-margin
- * - [ ] scroll-padding
- * - [ ] text-decoration
- * - [ ] text-emphasis
- * - [ ] transition
- */
-
-type TReturn = ReadonlyArray<[string, TStyleValue]>;
-declare const shorthands: Readonly<{
-  [key: string]: ($$PARAM_0$$: TStyleValue) => TReturn;
-}>;
-declare const aliases: {
-  insetBlockStart: (val: TStyleValue) => TReturn;
-  insetBlockEnd: (val: TStyleValue) => TReturn;
-  insetInlineStart: any;
-  insetInlineEnd: any;
-  blockSize: (val: TStyleValue) => TReturn;
-  inlineSize: (val: TStyleValue) => TReturn;
-  minBlockSize: (val: TStyleValue) => TReturn;
-  minInlineSize: (val: TStyleValue) => TReturn;
-  maxBlockSize: (val: TStyleValue) => TReturn;
-  maxInlineSize: (val: TStyleValue) => TReturn;
-  borderBlockWidth: any;
-  borderBlockStyle: any;
-  borderBlockColor: any;
-  borderBlockStartWidth: (val: TStyleValue) => TReturn;
-  borderBlockStartStyle: (val: TStyleValue) => TReturn;
-  borderBlockStartColor: (val: TStyleValue) => TReturn;
-  borderBlockEndWidth: (val: TStyleValue) => TReturn;
-  borderBlockEndStyle: (val: TStyleValue) => TReturn;
-  borderBlockEndColor: (val: TStyleValue) => TReturn;
-  borderInlineWidth: any;
-  borderInlineStyle: any;
-  borderInlineColor: any;
-  borderInlineStartWidth: (val: TStyleValue) => TReturn;
-  borderInlineStartStyle: (val: TStyleValue) => TReturn;
-  borderInlineStartColor: (val: TStyleValue) => TReturn;
-  borderInlineEndWidth: (val: TStyleValue) => TReturn;
-  borderInlineEndStyle: (val: TStyleValue) => TReturn;
-  borderInlineEndColor: (val: TStyleValue) => TReturn;
-  borderStartStartRadius: (val: TStyleValue) => TReturn;
-  borderStartEndRadius: (val: TStyleValue) => TReturn;
-  borderEndStartRadius: (val: TStyleValue) => TReturn;
-  borderEndEndRadius: (val: TStyleValue) => TReturn;
-  gridGap: any;
-  gridRowGap: (value: TStyleValue) => TReturn;
-  gridColumnGap: (value: TStyleValue) => TReturn;
-  marginBlock: any;
-  marginBlockStart: (val: TStyleValue) => TReturn;
-  marginBlockEnd: (val: TStyleValue) => TReturn;
-  marginInline: any;
-  marginInlineStart: (val: TStyleValue) => TReturn;
-  marginInlineEnd: (val: TStyleValue) => TReturn;
-  overflowBlock: (value: TStyleValue) => TReturn;
-  overflowInline: (value: TStyleValue) => TReturn;
-  paddingBlock: any;
-  paddingBlockStart: (val: TStyleValue) => TReturn;
-  paddingBlockEnd: (val: TStyleValue) => TReturn;
-  paddingInline: any;
-  paddingInlineStart: (val: TStyleValue) => TReturn;
-  paddingInlineEnd: (val: TStyleValue) => TReturn;
-  scrollMarginBlockStart: (value: TStyleValue) => TReturn;
-  scrollMarginBlockEnd: (value: TStyleValue) => TReturn;
-};
-declare const expansions: Omit<shorthands, keyof (aliases | {})> &
-  Omit<aliases, keyof ({})> & {};
-declare const $$EXPORT_DEFAULT_DECLARATION$$: typeof expansions;
-export default $$EXPORT_DEFAULT_DECLARATION$$;

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

@@ -1,147 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _splitCssValue = _interopRequireDefault(require("../utils/split-css-value"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const shorthands = {
-  border: rawValue => {
-    return [['borderTop', rawValue], ['borderEnd', rawValue], ['borderBottom', rawValue], ['borderStart', rawValue]];
-  },
-  borderColor: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['borderTopColor', top], ['borderEndColor', right], ['borderBottomColor', bottom], ['borderStartColor', left]];
-  },
-  borderHorizontal: rawValue => {
-    return [['borderStart', rawValue], ['borderEnd', rawValue]];
-  },
-  borderStyle: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['borderTopStyle', top], ['borderEndStyle', right], ['borderBottomStyle', bottom], ['borderStartStyle', left]];
-  },
-  borderVertical: rawValue => {
-    return [['borderTop', rawValue], ['borderBottom', rawValue]];
-  },
-  borderWidth: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['borderTopWidth', top], ['borderEndWidth', right], ['borderBottomWidth', bottom], ['borderStartWidth', left]];
-  },
-  borderHorizontalColor: rawValue => [['borderStartColor', rawValue], ['borderEndColor', rawValue]],
-  borderHorizontalStyle: rawValue => [['borderStartStyle', rawValue], ['borderEndStyle', rawValue]],
-  borderHorizontalWidth: rawValue => [['borderStartWidth', rawValue], ['borderEndWidth', rawValue]],
-  borderVerticalColor: rawValue => [['borderTopColor', rawValue], ['borderBottomColor', rawValue]],
-  borderVerticalStyle: rawValue => [['borderTopStyle', rawValue], ['borderBottomStyle', rawValue]],
-  borderVerticalWidth: rawValue => [['borderTopWidth', rawValue], ['borderBottomWidth', rawValue]],
-  borderRadius: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['borderTopStartRadius', top], ['borderTopEndRadius', right], ['borderBottomEndRadius', bottom], ['borderBottomStartRadius', left]];
-  },
-  containIntrinsicSize: rawValue => {
-    const parts = (0, _splitCssValue.default)(rawValue);
-    const [width, height = width] = parts.reduce((coll, part) => {
-      const lastElement = coll[coll.length - 1];
-      if (lastElement === 'auto' && part != null) {
-        return [...coll.slice(0, -1), `auto ${part}`];
-      }
-      return [...coll, part];
-    }, []);
-    return [['containIntrinsicWidth', width], ['containIntrinsicHeight', height]];
-  },
-  inset: rawValue => [['top', rawValue], ['end', rawValue], ['bottom', rawValue], ['start', rawValue]],
-  insetInline: rawValue => [...shorthands.start(rawValue), ...shorthands.end(rawValue)],
-  insetBlock: rawValue => [['top', rawValue], ['bottom', rawValue]],
-  start: rawValue => [['start', rawValue], ['left', null], ['right', null]],
-  end: rawValue => [['end', rawValue], ['left', null], ['right', null]],
-  left: rawValue => [['left', rawValue], ['start', null], ['end', null]],
-  right: rawValue => [['right', rawValue], ['start', null], ['end', null]],
-  gap: rawValue => {
-    const [row, column = row] = (0, _splitCssValue.default)(rawValue);
-    return [['rowGap', row], ['columnGap', column]];
-  },
-  margin: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['marginTop', top], ['marginEnd', right], ['marginBottom', bottom], ['marginStart', left]];
-  },
-  marginHorizontal: rawValue => [...shorthands.marginStart(rawValue), ...shorthands.marginEnd(rawValue)],
-  marginStart: rawValue => [['marginStart', rawValue], ['marginLeft', null], ['marginRight', null]],
-  marginEnd: rawValue => [['marginEnd', rawValue], ['marginLeft', null], ['marginRight', null]],
-  marginLeft: rawValue => [['marginLeft', rawValue], ['marginStart', null], ['marginEnd', null]],
-  marginRight: rawValue => [['marginRight', rawValue], ['marginStart', null], ['marginEnd', null]],
-  marginVertical: rawValue => {
-    return [['marginTop', rawValue], ['marginBottom', rawValue]];
-  },
-  overflow: rawValue => {
-    const [x, y = x] = (0, _splitCssValue.default)(rawValue);
-    return [['overflowX', x], ['overflowY', y]];
-  },
-  padding: rawValue => {
-    const [top, right = top, bottom = top, left = right] = (0, _splitCssValue.default)(rawValue);
-    return [['paddingTop', top], ['paddingEnd', right], ['paddingBottom', bottom], ['paddingStart', left]];
-  },
-  paddingHorizontal: val => [...shorthands.paddingStart(val), ...shorthands.paddingEnd(val)],
-  paddingStart: val => [['paddingStart', val], ['paddingLeft', null], ['paddingRight', null]],
-  paddingEnd: val => [['paddingEnd', val], ['paddingLeft', null], ['paddingRight', null]],
-  paddingLeft: val => [['paddingLeft', val], ['paddingStart', null], ['paddingEnd', null]],
-  paddingRight: val => [['paddingRight', val], ['paddingStart', null], ['paddingEnd', null]],
-  paddingVertical: val => [['paddingTop', val], ['paddingBottom', val]]
-};
-const aliases = {
-  insetBlockStart: val => [['top', val]],
-  insetBlockEnd: val => [['bottom', val]],
-  insetInlineStart: shorthands.start,
-  insetInlineEnd: shorthands.end,
-  blockSize: val => [['height', val]],
-  inlineSize: val => [['width', val]],
-  minBlockSize: val => [['minHeight', val]],
-  minInlineSize: val => [['minWidth', val]],
-  maxBlockSize: val => [['maxHeight', val]],
-  maxInlineSize: val => [['maxWidth', val]],
-  borderBlockWidth: shorthands.borderVerticalWidth,
-  borderBlockStyle: shorthands.borderVerticalStyle,
-  borderBlockColor: shorthands.borderVerticalColor,
-  borderBlockStartWidth: val => [['borderTopWidth', val]],
-  borderBlockStartStyle: val => [['borderTopStyle', val]],
-  borderBlockStartColor: val => [['borderTopColor', val]],
-  borderBlockEndWidth: val => [['borderBottomWidth', val]],
-  borderBlockEndStyle: val => [['borderBottomStyle', val]],
-  borderBlockEndColor: val => [['borderBottomColor', val]],
-  borderInlineWidth: shorthands.borderHorizontalWidth,
-  borderInlineStyle: shorthands.borderHorizontalStyle,
-  borderInlineColor: shorthands.borderHorizontalColor,
-  borderInlineStartWidth: val => [['borderStartWidth', val]],
-  borderInlineStartStyle: val => [['borderStartStyle', val]],
-  borderInlineStartColor: val => [['borderStartColor', val]],
-  borderInlineEndWidth: val => [['borderEndWidth', val]],
-  borderInlineEndStyle: val => [['borderEndStyle', val]],
-  borderInlineEndColor: val => [['borderEndColor', val]],
-  borderStartStartRadius: val => [['borderTopStartRadius', val]],
-  borderStartEndRadius: val => [['borderTopEndRadius', val]],
-  borderEndStartRadius: val => [['borderBottomStartRadius', val]],
-  borderEndEndRadius: val => [['borderBottomEndRadius', val]],
-  gridGap: shorthands.gap,
-  gridRowGap: value => [['rowGap', value]],
-  gridColumnGap: value => [['columnGap', value]],
-  marginBlock: shorthands.marginVertical,
-  marginBlockStart: val => [['marginTop', val]],
-  marginBlockEnd: val => [['marginBottom', val]],
-  marginInline: shorthands.marginHorizontal,
-  marginInlineStart: val => [['marginStart', val]],
-  marginInlineEnd: val => [['marginEnd', val]],
-  overflowBlock: value => [['overflowY', value]],
-  overflowInline: value => [['overflowX', value]],
-  paddingBlock: shorthands.paddingVertical,
-  paddingBlockStart: val => [['paddingTop', val]],
-  paddingBlockEnd: val => [['paddingBottom', val]],
-  paddingInline: shorthands.paddingHorizontal,
-  paddingInlineStart: val => [['paddingStart', val]],
-  paddingInlineEnd: val => [['paddingEnd', val]],
-  scrollMarginBlockStart: value => [['scrollMarginTop', value]],
-  scrollMarginBlockEnd: value => [['scrollMarginBottom', value]]
-};
-const expansions = {
-  ...shorthands,
-  ...aliases
-};
-var _default = exports.default = expansions;