@stylexjs/shared 0.11.1 → 0.17.0

package/lib/types/index.d.ts

@@ -1,240 +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 NestedWithNumbers =
-  | number
-  | string
-  | Readonly<{
-      default: NestedWithNumbers;
-      [$$Key$$: string]: NestedWithNumbers;
-    }>;
-type ValueWithDefault =
-  | string
-  | Readonly<{
-      default: ValueWithDefault;
-      [$$Key$$: string]: ValueWithDefault;
-    }>;
-type CSSSyntax =
-  | '*'
-  | '<length>'
-  | '<number>'
-  | '<percentage>'
-  | '<length-percentage>'
-  | '<color>'
-  | '<image>'
-  | '<url>'
-  | '<integer>'
-  | '<angle>'
-  | '<time>'
-  | '<resolution>'
-  | '<transform-function>'
-  | '<custom-ident>'
-  | '<transform-list>';
-type CSSSyntaxType = CSSSyntax;
-declare class BaseCSSType {
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  constructor(value: ValueWithDefault);
-}
-export interface CSSType<_T extends string | number = string | number> {
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-}
-export declare const isCSSType: (
-  value: unknown,
-) => value is CSSType<string | number>;
-type AngleValue = string;
-export declare class Angle<T extends AngleValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static readonly syntax: CSSSyntaxType;
-  static create<T extends AngleValue = AngleValue>(
-    value: ValueWithDefault,
-  ): Angle<T>;
-}
-export declare const angle: <T extends AngleValue = AngleValue>(
-  value: ValueWithDefault,
-) => Angle<T>;
-type ColorValue = string;
-export declare class Color<T extends ColorValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends ColorValue = ColorValue>(
-    value: ValueWithDefault,
-  ): Color<T>;
-}
-export declare const color: <T extends ColorValue = ColorValue>(
-  value: ValueWithDefault,
-) => Color<T>;
-type URLValue = string;
-export declare class Url<T extends URLValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends URLValue = URLValue>(value: ValueWithDefault): Url<T>;
-}
-export declare const url: <T extends URLValue = URLValue>(
-  value: ValueWithDefault,
-) => Url<T>;
-type ImageValue = string;
-export declare class Image<T extends ImageValue>
-  extends Url<T>
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  constructor(value: ValueWithDefault);
-  static create<T extends ImageValue = ImageValue>(
-    value: ValueWithDefault,
-  ): Image<T>;
-}
-export declare const image: <T extends ImageValue = ImageValue>(
-  value: ValueWithDefault,
-) => Image<T>;
-type IntegerValue = number;
-export declare class Integer<T extends IntegerValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends IntegerValue = IntegerValue>(value: T): Integer<T>;
-}
-export declare const integer: <T extends IntegerValue = IntegerValue>(
-  value: T,
-) => Integer<T>;
-type LengthPercentageValue = string;
-export declare class LengthPercentage<_T extends LengthPercentageValue>
-  extends BaseCSSType
-  implements CSSType<string>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static createLength<_T extends LengthPercentageValue | number>(
-    value: ValueWithDefault,
-  ): LengthPercentage<string>;
-  static createPercentage<_T extends LengthPercentageValue | number>(
-    value: ValueWithDefault,
-  ): LengthPercentage<string>;
-}
-export declare const lengthPercentage: <
-  _T extends LengthPercentageValue | number,
->(
-  value: ValueWithDefault,
-) => LengthPercentage<string>;
-type LengthValue = number | string;
-export declare class Length<_T extends LengthValue>
-  extends LengthPercentage<string>
-  implements CSSType<string>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends LengthValue = LengthValue>(
-    value: NestedWithNumbers,
-  ): Length<T>;
-}
-export declare const length: <T extends LengthValue = LengthValue>(
-  value: NestedWithNumbers,
-) => Length<T>;
-type PercentageValue = string | number;
-export declare class Percentage<_T extends PercentageValue>
-  extends LengthPercentage<string>
-  implements CSSType<string>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends PercentageValue = PercentageValue>(
-    value: NestedWithNumbers,
-  ): Percentage<T>;
-}
-export declare const percentage: <T extends PercentageValue = PercentageValue>(
-  value: NestedWithNumbers,
-) => Percentage<T>;
-type NumberValue = number;
-export declare class Num<T extends NumberValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends NumberValue = NumberValue>(
-    value: NestedWithNumbers,
-  ): Num<T>;
-}
-export declare const number: <T extends NumberValue = NumberValue>(
-  value: NestedWithNumbers,
-) => Num<T>;
-type ResolutionValue = string | 0;
-export declare class Resolution<T extends ResolutionValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends ResolutionValue = ResolutionValue>(
-    value: ValueWithDefault,
-  ): Resolution<T>;
-}
-export declare const resolution: <T extends ResolutionValue = ResolutionValue>(
-  value: ValueWithDefault,
-) => Resolution<T>;
-type TimeValue = string | 0;
-export declare class Time<T extends TimeValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends TimeValue = TimeValue>(
-    value: ValueWithDefault,
-  ): Time<T>;
-}
-export declare const time: <T extends TimeValue = TimeValue>(
-  value: ValueWithDefault,
-) => Time<T>;
-type TransformFunctionValue = string;
-export declare class TransformFunction<T extends TransformFunctionValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends TransformFunctionValue = TransformFunctionValue>(
-    value: ValueWithDefault,
-  ): TransformFunction<T>;
-}
-export declare const transformFunction: <
-  T extends TransformFunctionValue = TransformFunctionValue,
->(
-  value: ValueWithDefault,
-) => TransformFunction<T>;
-type TransformListValue = string;
-export declare class TransformList<T extends TransformListValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  readonly value: ValueWithDefault;
-  readonly syntax: CSSSyntaxType;
-  static create<T extends TransformListValue = TransformListValue>(
-    value: ValueWithDefault,
-  ): TransformList<T>;
-}
-export declare const transformList: <
-  T extends TransformListValue = TransformListValue,
->(
-  value: ValueWithDefault,
-) => TransformList<T>;

package/lib/types/index.js

@@ -1,147 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.url = exports.transformList = exports.transformFunction = exports.time = exports.resolution = exports.percentage = exports.number = exports.lengthPercentage = exports.length = exports.isCSSType = exports.integer = exports.image = exports.color = exports.angle = exports.Url = exports.TransformList = exports.TransformFunction = exports.Time = exports.Resolution = exports.Percentage = exports.Num = exports.LengthPercentage = exports.Length = exports.Integer = exports.Image = exports.Color = exports.Angle = void 0;
-class BaseCSSType {
-  constructor(value) {
-    this.value = value;
-  }
-}
-const isCSSType = value => {
-  return value instanceof BaseCSSType && value.value != null && typeof value.syntax === 'string';
-};
-exports.isCSSType = isCSSType;
-class Angle extends BaseCSSType {
-  syntax = '<angle>';
-  static syntax = '<angle>';
-  static create(value) {
-    return new Angle(value);
-  }
-}
-exports.Angle = Angle;
-const angle = exports.angle = Angle.create;
-class Color extends BaseCSSType {
-  syntax = '<color>';
-  static create(value) {
-    return new Color(value);
-  }
-}
-exports.Color = Color;
-const color = exports.color = Color.create;
-class Url extends BaseCSSType {
-  syntax = '<url>';
-  static create(value) {
-    return new Url(value);
-  }
-}
-exports.Url = Url;
-const url = exports.url = Url.create;
-class Image extends Url {
-  syntax = '<image>';
-  constructor(value) {
-    super(value);
-    this.value = value;
-  }
-  static create(value) {
-    return new Image(value);
-  }
-}
-exports.Image = Image;
-const image = exports.image = Image.create;
-class Integer extends BaseCSSType {
-  syntax = '<integer>';
-  static create(value) {
-    return new Integer(convertNumberToStringUsing(String, '0')(value));
-  }
-}
-exports.Integer = Integer;
-const integer = exports.integer = Integer.create;
-class LengthPercentage extends BaseCSSType {
-  syntax = '<length-percentage>';
-  static createLength(value) {
-    return new LengthPercentage(convertNumberToLength(value));
-  }
-  static createPercentage(value) {
-    return new LengthPercentage(convertNumberToPercentage(value));
-  }
-}
-exports.LengthPercentage = LengthPercentage;
-const lengthPercentage = exports.lengthPercentage = LengthPercentage.createLength;
-class Length extends LengthPercentage {
-  syntax = '<length>';
-  static create(value) {
-    return new Length(convertNumberToLength(value));
-  }
-}
-exports.Length = Length;
-const length = exports.length = Length.create;
-class Percentage extends LengthPercentage {
-  syntax = '<percentage>';
-  static create(value) {
-    return new Percentage(convertNumberToPercentage(value));
-  }
-}
-exports.Percentage = Percentage;
-const percentage = exports.percentage = Percentage.create;
-class Num extends BaseCSSType {
-  syntax = '<number>';
-  static create(value) {
-    return new Num(convertNumberToBareString(value));
-  }
-}
-exports.Num = Num;
-const number = exports.number = Num.create;
-class Resolution extends BaseCSSType {
-  syntax = '<resolution>';
-  static create(value) {
-    return new Resolution(value);
-  }
-}
-exports.Resolution = Resolution;
-const resolution = exports.resolution = Resolution.create;
-class Time extends BaseCSSType {
-  syntax = '<time>';
-  static create(value) {
-    return new Time(value);
-  }
-}
-exports.Time = Time;
-const time = exports.time = Time.create;
-class TransformFunction extends BaseCSSType {
-  syntax = '<transform-function>';
-  static create(value) {
-    return new TransformFunction(value);
-  }
-}
-exports.TransformFunction = TransformFunction;
-const transformFunction = exports.transformFunction = TransformFunction.create;
-class TransformList extends BaseCSSType {
-  syntax = '<transform-list>';
-  static create(value) {
-    return new TransformList(value);
-  }
-}
-exports.TransformList = TransformList;
-const transformList = exports.transformList = TransformList.create;
-const convertNumberToStringUsing = (transformNumber, defaultStr) => value => {
-  if (typeof value === 'number') {
-    return transformNumber(value);
-  }
-  if (typeof value === 'string') {
-    return value;
-  }
-  if (typeof value === 'object') {
-    const val = value;
-    const result = {};
-    for (const key of Object.keys(val)) {
-      result[key] = convertNumberToStringUsing(transformNumber, defaultStr)(val[key]);
-    }
-    return result;
-  }
-  return value;
-};
-const convertNumberToBareString = convertNumberToStringUsing(value => String(value), '0');
-const convertNumberToLength = convertNumberToStringUsing(value => value === 0 ? '0' : `${value}px`, '0px');
-const convertNumberToPercentage = convertNumberToStringUsing(value => value === 0 ? '0' : `${value * 100}%`, '0');

package/lib/types/index.js.flow

@@ -1,280 +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 { Color as ColorType } from './stylex-types-color';
-
-// We want all in one file?
-// option 1, create interface an implement it in the class
-// why? All the types have a single base definition of props
-// We want on type that defines CSS Types
-// Option 2: Do a union type and make
-
-// interface CSSType {
-//   toString(): string;
-// }
-
-type NestedWithNumbers =
-  | number
-  | string
-  | $ReadOnly<{
-      default: NestedWithNumbers,
-      [string]: NestedWithNumbers,
-    }>;
-
-type ValueWithDefault =
-  | string
-  | $ReadOnly<{
-      default: ValueWithDefault,
-      [string]: ValueWithDefault,
-    }>;
-
-type CSSSyntax =
-  | '*'
-  | '<length>'
-  | '<number>'
-  | '<percentage>'
-  | '<length-percentage>'
-  | '<color>'
-  | '<image>'
-  | '<url>'
-  | '<integer>'
-  | '<angle>'
-  | '<time>'
-  | '<resolution>'
-  | '<transform-function>'
-  | '<custom-ident>'
-  | '<transform-list>';
-
-type CSSSyntaxType = CSSSyntax;
-
-declare class BaseCSSType {
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  constructor(value: ValueWithDefault): void;
-}
-export interface CSSType<+_T: string | number = string | number> {
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-}
-
-declare export const isCSSType: (
-  value: mixed,
-) => implies value is CSSType<string | number>;
-
-type AngleValue = string;
-declare export class Angle<+T: AngleValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static +syntax: CSSSyntaxType;
-  static create<T: AngleValue = AngleValue>(value: ValueWithDefault): Angle<T>;
-}
-declare export const angle: <T: AngleValue = AngleValue>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => Angle<T>;
-
-type ColorValue = string;
-declare export class Color<+T: ColorValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: ColorValue = ColorValue>(value: ValueWithDefault): Color<T>;
-}
-declare export const color: <T: ColorValue = ColorValue>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => Color<T>;
-
-type URLValue = string;
-
-declare export class Url<+T: URLValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: URLValue = URLValue>(value: ValueWithDefault): Url<T>;
-}
-declare export const url: <T: URLValue = URLValue>(
-  value: ValueWithDefault,
-) => Url<T>;
-
-type ImageValue = string;
-
-declare export class Image<+T: ImageValue>
-  extends Url<T>
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  constructor(value: ValueWithDefault): void;
-  static create<T: ImageValue = ImageValue>(value: ValueWithDefault): Image<T>;
-}
-declare export const image: <T: ImageValue = ImageValue>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => Image<T>;
-
-type IntegerValue = number;
-
-declare export class Integer<+T: IntegerValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: IntegerValue = IntegerValue>(value: T): Integer<T>;
-}
-declare export const integer: <T: IntegerValue = IntegerValue>(
-  value: T,
-) => Integer<T>;
-
-type LengthPercentageValue = string;
-
-declare export class LengthPercentage<+_T: LengthPercentageValue>
-  extends BaseCSSType
-  implements CSSType<string>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static createLength<_T: LengthPercentageValue | number>(
-    value: ValueWithDefault,
-  ): LengthPercentage<string>;
-  static createPercentage<_T: LengthPercentageValue | number>(
-    value: ValueWithDefault,
-  ): LengthPercentage<string>;
-}
-declare export const lengthPercentage: <_T: LengthPercentageValue | number>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => LengthPercentage<string>;
-
-type LengthValue = number | string;
-
-declare export class Length<+_T: LengthValue>
-  extends LengthPercentage<string>
-  implements CSSType<string>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: LengthValue = LengthValue>(
-    value: NestedWithNumbers,
-  ): Length<T>;
-}
-declare export const length: <T: LengthValue = LengthValue>(
-  value: NestedWithNumbers,
-  // $FlowIgnore[method-unbinding]
-) => Length<T>;
-
-type PercentageValue = string | number;
-
-declare export class Percentage<+_T: PercentageValue>
-  extends LengthPercentage<string>
-  implements CSSType<string>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: PercentageValue = PercentageValue>(
-    value: NestedWithNumbers,
-  ): Percentage<T>;
-}
-declare export const percentage: <T: PercentageValue = PercentageValue>(
-  value: NestedWithNumbers,
-  // $FlowIgnore[method-unbinding]
-) => Percentage<T>;
-
-type NumberValue = number;
-
-declare export class Num<+T: NumberValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: NumberValue = NumberValue>(value: NestedWithNumbers): Num<T>;
-}
-declare export const number: <T: NumberValue = NumberValue>(
-  value: NestedWithNumbers,
-  // $FlowIgnore[method-unbinding]
-) => Num<T>;
-
-type ResolutionValue = string | 0;
-
-declare export class Resolution<+T: ResolutionValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: ResolutionValue = ResolutionValue>(
-    value: ValueWithDefault,
-  ): Resolution<T>;
-}
-declare export const resolution: <T: ResolutionValue = ResolutionValue>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => Resolution<T>;
-
-type TimeValue = string | 0;
-
-declare export class Time<+T: TimeValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: TimeValue = TimeValue>(value: ValueWithDefault): Time<T>;
-}
-declare export const time: <T: TimeValue = TimeValue>(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => Time<T>;
-
-type TransformFunctionValue = string;
-
-declare export class TransformFunction<+T: TransformFunctionValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: TransformFunctionValue = TransformFunctionValue>(
-    value: ValueWithDefault,
-  ): TransformFunction<T>;
-}
-declare export const transformFunction: <
-  T: TransformFunctionValue = TransformFunctionValue,
->(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => TransformFunction<T>;
-
-type TransformListValue = string;
-
-declare export class TransformList<T: TransformListValue>
-  extends BaseCSSType
-  implements CSSType<T>
-{
-  +value: ValueWithDefault;
-  +syntax: CSSSyntaxType;
-  static create<T: TransformListValue = TransformListValue>(
-    value: ValueWithDefault,
-  ): TransformList<T>;
-}
-declare export const transformList: <
-  T: TransformListValue = TransformListValue,
->(
-  value: ValueWithDefault,
-  // $FlowIgnore[method-unbinding]
-) => TransformList<T>;