@stylexjs/shared 0.12.0 → 0.17.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>;

package/lib/utils/Rule.d.ts

@@ -1,58 +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.
- *
- *
- */
-
-/**
- * This could be an interface, but we use a class so that we can
- * use instanceof to check for it.
- */
-export declare class Rule<V> {}
-/**
- * This is a class that represents a raw style rule.
- *
- * It exists to track the actual CSS rule that should be compiled
- * even as we transform the structure of the RawStyles object.
- */
-export declare class RawRule<V> extends Rule<V> {
-  readonly key: string;
-  readonly value: V;
-  readonly psuedos: null | undefined | ReadonlyArray<string>;
-  readonly atRules: null | undefined | ReadonlyArray<string>;
-  constructor(
-    key: string,
-    value: V,
-    psuedos: null | undefined | ReadonlyArray<string>,
-    atRules: null | undefined | ReadonlyArray<string>,
-  );
-}
-export declare class RawRuleList<V> extends Rule<V> {
-  readonly rules: ReadonlyArray<Rule<V>>;
-  constructor(rules: ReadonlyArray<Rule<V>>);
-}
-export declare class RawRuleRTLTuple<V1, V2> extends Rule<V1 | V2> {
-  readonly rules: [RawRule<V1>, RawRule<V2>];
-  constructor(rule1: RawRule<V1>, rule2: RawRule<V2>);
-}
-export declare class CompiledRule<V> extends Rule<V> {
-  readonly key: string;
-  readonly value: V;
-  readonly psuedos: null | undefined | ReadonlyArray<string>;
-  readonly atRules: null | undefined | ReadonlyArray<string>;
-  readonly className: string;
-  constructor(
-    key: string,
-    value: V,
-    psuedos: null | undefined | ReadonlyArray<string>,
-    atRules: null | undefined | ReadonlyArray<string>,
-    className: string,
-  );
-}
-export declare class CompiledRuleTuple2<V1, V2> extends Rule<V1 | V2> {
-  readonly rules: [CompiledRule<V1>, CompiledRule<V2>];
-  constructor(rule1: CompiledRule<V1>, rule2: CompiledRule<V2>);
-}

package/lib/utils/Rule.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Rule = exports.RawRuleRTLTuple = exports.RawRuleList = exports.RawRule = exports.CompiledRuleTuple2 = exports.CompiledRule = void 0;
-class Rule {}
-exports.Rule = Rule;
-class RawRule extends Rule {
-  constructor(key, value, psuedos, atRules) {
-    super();
-    this.key = key;
-    this.value = value;
-    this.psuedos = psuedos;
-    this.atRules = atRules;
-  }
-}
-exports.RawRule = RawRule;
-class RawRuleList extends Rule {
-  constructor(rules) {
-    super();
-    this.rules = rules;
-  }
-}
-exports.RawRuleList = RawRuleList;
-class RawRuleRTLTuple extends Rule {
-  constructor(rule1, rule2) {
-    super();
-    this.rules = [rule1, rule2];
-  }
-}
-exports.RawRuleRTLTuple = RawRuleRTLTuple;
-class CompiledRule extends Rule {
-  constructor(key, value, psuedos, atRules, className) {
-    super();
-    this.key = key;
-    this.value = value;
-    this.psuedos = psuedos;
-    this.atRules = atRules;
-    this.className = className;
-  }
-}
-exports.CompiledRule = CompiledRule;
-class CompiledRuleTuple2 extends Rule {
-  constructor(rule1, rule2) {
-    super();
-    this.rules = [rule1, rule2];
-  }
-}
-exports.CompiledRuleTuple2 = CompiledRuleTuple2;

package/lib/utils/Rule.js.flow

@@ -1,64 +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
- */
-
-/**
- * This could be an interface, but we use a class so that we can
- * use instanceof to check for it.
- */
-// eslint-disable-next-line no-unused-vars
-declare export class Rule<+V> {}
-
-/**
- * This is a class that represents a raw style rule.
- *
- * It exists to track the actual CSS rule that should be compiled
- * even as we transform the structure of the RawStyles object.
- */
-declare export class RawRule<V> extends Rule<V> {
-  +key: string;
-  +value: V;
-  +psuedos: ?$ReadOnlyArray<string>;
-  +atRules: ?$ReadOnlyArray<string>;
-  constructor(
-    key: string,
-    value: V,
-    psuedos: ?$ReadOnlyArray<string>,
-    atRules: ?$ReadOnlyArray<string>,
-  ): void;
-}
-
-declare export class RawRuleList<V> extends Rule<V> {
-  +rules: $ReadOnlyArray<Rule<V>>;
-  constructor(rules: $ReadOnlyArray<Rule<V>>): void;
-}
-
-declare export class RawRuleRTLTuple<V1, V2> extends Rule<V1 | V2> {
-  +rules: [RawRule<V1>, RawRule<V2>];
-  constructor(rule1: RawRule<V1>, rule2: RawRule<V2>): void;
-}
-
-declare export class CompiledRule<V> extends Rule<V> {
-  +key: string;
-  +value: V;
-  +psuedos: ?$ReadOnlyArray<string>;
-  +atRules: ?$ReadOnlyArray<string>;
-  +className: string;
-  constructor(
-    key: string,
-    value: V,
-    psuedos: ?$ReadOnlyArray<string>,
-    atRules: ?$ReadOnlyArray<string>,
-    className: string,
-  ): void;
-}
-
-declare export class CompiledRuleTuple2<V1, V2> extends Rule<V1 | V2> {
-  +rules: [CompiledRule<V1>, CompiledRule<V2>];
-  constructor(rule1: CompiledRule<V1>, rule2: CompiledRule<V2>): void;
-}

package/lib/utils/dashify.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.
- *
- *
- */
-
-declare function dashify(str: string): string;
-export default dashify;

package/lib/utils/dashify.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = dashify;
-function dashify(str) {
-  return str.replace(/(^|[a-z])([A-Z])/g, '$1-$2').toLowerCase();
-}

package/lib/utils/dashify.js.flow

@@ -1,10 +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 default function dashify(str: string): string;

package/lib/utils/default-options.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.
- *
- *
- */
-
-import type { StyleXOptions } from '../common-types';
-export declare const defaultOptions: StyleXOptions;

package/lib/utils/default-options.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultOptions = void 0;
-const defaultOptions = exports.defaultOptions = {
-  classNamePrefix: 'x',
-  dev: false,
-  debug: false,
-  enableDebugClassNames: true,
-  enableDebugDataProp: true,
-  enableMinifiedKeys: true,
-  useRemForFontSize: true,
-  styleResolution: 'application-order',
-  test: false
-};

package/lib/utils/default-options.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
- */
-
-import type { StyleXOptions } from '../common-types';
-
-declare export const defaultOptions: StyleXOptions;

package/lib/utils/file-based-identifier.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.
- *
- *
- */
-
-declare function genFileBasedIdentifier($$PARAM_0$$: {
-  readonly fileName: string;
-  readonly exportName: string;
-  readonly key?: string;
-}): string;
-export default genFileBasedIdentifier;

package/lib/utils/file-based-identifier.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = genFileBasedIdentifier;
-function genFileBasedIdentifier(_ref) {
-  let {
-    fileName,
-    exportName,
-    key
-  } = _ref;
-  return `${fileName}//${exportName}${key != null ? `.${key}` : ''}`;
-}

package/lib/utils/file-based-identifier.js.flow

@@ -1,14 +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 default function genFileBasedIdentifier({
-  +fileName: string,
-  +exportName: string,
-  +key?: string,
-}): string;

package/lib/utils/genCSSRule.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.
- *
- *
- */
-
-export declare function genCSSRule(
-  className: string,
-  decls: string,
-  pseudos: ReadonlyArray<string>,
-  atRules: ReadonlyArray<string>,
-): string;

package/lib/utils/genCSSRule.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.genCSSRule = genCSSRule;
-const THUMB_VARIANTS = ['::-webkit-slider-thumb', '::-moz-range-thumb', '::-ms-thumb'];
-function genCSSRule(className, decls, pseudos, atRules) {
-  const pseudo = pseudos.filter(p => p !== '::thumb').join('');
-  let selectorForAtRules = `.${className}` + atRules.map(() => `.${className}`).join('') + pseudo;
-  if (pseudos.includes('::thumb')) {
-    selectorForAtRules = THUMB_VARIANTS.map(suffix => selectorForAtRules + suffix).join(', ');
-  }
-  return atRules.reduce((acc, atRule) => `${atRule}{${acc}}`, `${selectorForAtRules}{${decls}}`);
-}

package/lib/utils/genCSSRule.js.flow

@@ -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.
- *
- * @flow strict
- */
-
-declare export function genCSSRule(
-  className: string,
-  decls: string,
-  pseudos: $ReadOnlyArray<string>,
-  atRules: $ReadOnlyArray<string>,
-): string;

package/lib/utils/media-query-transform.d.ts

@@ -1,16 +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 { MediaQuery } from '@style-value-parser/src/at-queries-from-tokens/media-query';
-export declare function applyLastMediaQueryWins(
-  mediaQuery: MediaQuery,
-): MediaQuery;
-export declare function transformMediaQueryStyles(
-  styles: Record<string, any>,
-): Record<string, any>;