@stylexjs/stylex 0.3.0 → 0.4.1

package/lib/native/errorMsg.d.ts

@@ -1,11 +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.
- *
- *
- */
-
-export declare function errorMsg(msg: string): void;
-export declare function warnMsg(msg: string): void;

package/lib/native/errorMsg.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.errorMsg = errorMsg;
-exports.warnMsg = warnMsg;
-function errorMsg(msg) {
-  console.error(`stylex: ${msg}`);
-}
-function warnMsg(msg) {
-  console.warn(`stylex: ${msg}`);
-}

package/lib/native/errorMsg.js.flow

@@ -1,12 +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 errorMsg(msg: string): void;
-
-declare export function warnMsg(msg: string): void;

package/lib/native/fixContentBox.d.ts

@@ -1,11 +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.
- *
- *
- */
-
-type FlatStyle = { [key: string]: unknown };
-export declare function fixContentBox(flatStyle: FlatStyle): FlatStyle;

package/lib/native/fixContentBox.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fixContentBox = fixContentBox;
-var _errorMsg = require("./errorMsg");
-const TOP = 0;
-const RIGHT = 1;
-const BOTTOM = 2;
-const LEFT = 3;
-const START = LEFT;
-const END = RIGHT;
-const borderMapping = [['borderWidth', [TOP, RIGHT, BOTTOM, LEFT]], ['borderTopWidth', [TOP]], ['borderRightWidth', [RIGHT]], ['borderBottomWidth', [BOTTOM]], ['borderLeftWidth', [LEFT]], ['borderStartWidth', [START]], ['borderEndWidth', [END]]];
-const paddingMapping = [['padding', [TOP, RIGHT, BOTTOM, LEFT]], ['paddingVertical', [TOP, BOTTOM]], ['paddingHorizontal', [LEFT, RIGHT]], ['paddingTop', [TOP]], ['paddingRight', [RIGHT]], ['paddingBottom', [BOTTOM]], ['paddingLeft', [LEFT]], ['paddingStart', [START]], ['paddingEnd', [END]]];
-function fixContentBox(flatStyle) {
-  const border = [0, 0, 0, 0];
-  const padding = [0, 0, 0, 0];
-  for (const [styleProp, directions] of borderMapping) {
-    if (typeof flatStyle[styleProp] === 'number') {
-      for (const direction of directions) {
-        border[direction] = flatStyle[styleProp];
-      }
-    }
-  }
-  for (const [styleProp, directions] of paddingMapping) {
-    if (typeof flatStyle[styleProp] === 'number') {
-      for (const direction of directions) {
-        padding[direction] = flatStyle[styleProp];
-      }
-    }
-  }
-  const correctionVertical = border[TOP] + padding[TOP] + padding[BOTTOM] + border[BOTTOM];
-  const correctionHorizontal = border[LEFT] + padding[LEFT] + padding[RIGHT] + border[RIGHT];
-  const correctionMapping = new Map([['width', correctionHorizontal], ['minWidth', correctionHorizontal], ['maxWidth', correctionHorizontal], ['height', correctionVertical], ['minHeight', correctionVertical], ['maxHeight', correctionVertical]]);
-  const nextStyle = {};
-  for (const styleProp of Object.keys(flatStyle)) {
-    const correction = correctionMapping.get(styleProp);
-    const styleValue = flatStyle[styleProp];
-    if (correction != null) {
-      if (styleValue == null) {
-        nextStyle[styleProp] = null;
-        continue;
-      }
-      if (styleValue === 'auto') {
-        nextStyle[styleProp] = styleValue;
-        continue;
-      }
-      if (typeof styleValue !== 'number') {
-        (0, _errorMsg.warnMsg)(`"boxSizing:'content-box'" does not support value "${String(styleValue)}" for property "${styleProp}". Expected a value that resolves to a number. Percentage values can only be used with "boxSizing:'border-box'".`);
-        return flatStyle;
-      }
-      nextStyle[styleProp] = styleValue + correction;
-    } else {
-      nextStyle[styleProp] = styleValue;
-    }
-  }
-  return nextStyle;
-}

package/lib/native/fixContentBox.js.flow

@@ -1,11 +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
- */
-
-type FlatStyle = { [key: string]: mixed };
-declare export function fixContentBox(flatStyle: FlatStyle): FlatStyle;

package/lib/native/flattenStyle.d.ts

@@ -1,15 +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.
- *
- *
- */
-
-type InlineStyle = { [key: string]: unknown };
-type StylesArray<T> = T | ReadonlyArray<StylesArray<T>>;
-type Styles = StylesArray<InlineStyle | false | void | null>;
-export declare function flattenStyle(...styles: Array<Styles>): {
-  [key: string]: any;
-};

package/lib/native/flattenStyle.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.flattenStyle = flattenStyle;
-function flattenStyle() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
-  const flatArray = styles.flat(Infinity);
-  const result = {};
-  for (let i = 0; i < flatArray.length; i++) {
-    const style = flatArray[i];
-    if (style != null && typeof style === 'object') {
-      Object.assign(result, style);
-    }
-  }
-  return result;
-}

package/lib/native/flattenStyle.js.flow

@@ -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.
- *
- * @flow
- */
-
-type InlineStyle = {
-  [key: string]: mixed,
-};
-
-type StylesArray<+T> = T | $ReadOnlyArray<StylesArray<T>>;
-
-type Styles = StylesArray<InlineStyle | false | void | null>;
-
-declare export function flattenStyle(...styles: Array<Styles>): {
-  [key: string]: any,
-};

package/lib/native/parseShadow.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.
- *
- *
- */
-
-type ParsedShadow = {
-  inset: boolean;
-  offsetX: number | string;
-  offsetY: number | string;
-  blurRadius: number | string;
-  spreadRadius: number | string;
-  color: string | null;
-};
-export declare function parseShadow(str: string): Array<ParsedShadow>;

package/lib/native/parseShadow.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseShadow = parseShadow;
-const VALUES_REG = /,(?![^(]*\))/;
-const PARTS_REG = /\s(?![^(]*\))/;
-const LENGTH_REG = /^[0-9]+[a-zA-Z%]+?$/;
-function isLength(v) {
-  return v === '0' || LENGTH_REG.test(v);
-}
-function toMaybeNum(v) {
-  if (!/px$/.test(v) && v !== '0') return v;
-  const n = parseFloat(v);
-  return !isNaN(n) ? n : v;
-}
-function parseValue(str) {
-  const parts = str.split(PARTS_REG);
-  const inset = parts.includes('inset');
-  const last = parts.slice(-1)[0];
-  const color = !isLength(last) ? last : null;
-  const nums = parts.filter(n => n !== 'inset').filter(n => n !== color).map(toMaybeNum);
-  const [offsetX, offsetY, blurRadius, spreadRadius] = nums;
-  return {
-    inset,
-    offsetX,
-    offsetY,
-    blurRadius,
-    spreadRadius,
-    color
-  };
-}
-function parseShadow(str) {
-  return str.split(VALUES_REG).map(s => s.trim()).map(parseValue);
-}

package/lib/native/parseShadow.js.flow

@@ -1,19 +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
- */
-
-type ParsedShadow = {
-  inset: boolean,
-  offsetX: number | string,
-  offsetY: number | string,
-  blurRadius: number | string,
-  spreadRadius: number | string,
-  color: string | null,
-};
-
-declare export function parseShadow(str: string): Array<ParsedShadow>;

package/lib/native/parseTimeValue.d.ts

@@ -1,11 +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.
- *
- *
- */
-
-type Milliseconds = number;
-export declare function parseTimeValue(timeValue: string): Milliseconds;

package/lib/native/parseTimeValue.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseTimeValue = parseTimeValue;
-function parseTimeValue(timeValue) {
-  const trimmedTimeValue = timeValue.trim().toLowerCase();
-  if (trimmedTimeValue.endsWith('ms')) {
-    const msVal = parseFloat(trimmedTimeValue.replace(/ms$/, ''));
-    return Number.isFinite(msVal) ? msVal : 0;
-  }
-  if (trimmedTimeValue.endsWith('s')) {
-    const sVal = parseFloat(trimmedTimeValue.replace(/s$/, ''));
-    return Number.isFinite(sVal) ? sVal * 1000 : 0;
-  }
-  return 0;
-}

package/lib/native/parseTimeValue.js.flow

@@ -1,12 +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
- */
-
-type Milliseconds = number;
-
-declare export function parseTimeValue(timeValue: string): Milliseconds;

package/lib/native/stylex.d.ts

@@ -1,50 +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 SpreadOptions } from './SpreadOptions';
-import type { StyleX$CreateTheme, StyleX$DefineVars } from '../StyleXTypes';
-/**
- * The create method shim should do initial transforms like
- * renaming/expanding/validating properties, essentially all the steps
- * which can be done at initialization-time (could potentially be done at
- * compile-time in the future).
- */
-export declare function create<S extends { [$$Key$$: string]: {} }>(
-  styles: S,
-): { [$$Key$$: string]: {} };
-export declare const firstThatWorks: <T extends string | number>(
-  ...values: ReadonlyArray<T>
-) => T;
-type Keyframes = {
-  readonly [key: string]: { readonly [k: string]: string | number };
-};
-export declare function keyframes(k: Keyframes): Keyframes;
-/**
- * The spread method shim
- */
-
-export declare function props(
-  this: SpreadOptions,
-  ...style: ReadonlyArray<null | undefined | { [key: string]: unknown }>
-): { [$$Key$$: string]: {} };
-export declare const __customProperties: { [$$Key$$: string]: unknown };
-export declare const defineVars: StyleX$DefineVars;
-export declare const createTheme: any;
-export type IStyleX = Readonly<{
-  create: typeof create;
-  firstThatWorks: typeof firstThatWorks;
-  keyframes: typeof keyframes;
-  props: typeof props;
-  defineVars: StyleX$DefineVars;
-  createTheme: StyleX$CreateTheme;
-  __customProperties?: { [$$Key$$: string]: unknown };
-}>;
-export declare const stylex: IStyleX;
-declare const $$EXPORT_DEFAULT_DECLARATION$$: IStyleX;
-export default $$EXPORT_DEFAULT_DECLARATION$$;