@stylexjs/stylex 0.2.0-beta.9 → 0.4.0

package/lib/stylex.js.flow

@@ -0,0 +1,147 @@
+/**
+ * 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 {
+  Keyframes,
+  Stylex$Create,
+  StyleX$DefineVars,
+  StyleX$CreateTheme,
+  StyleXArray,
+  CompiledStyles,
+  InlineStyles,
+  StyleXClassNameFor,
+} from './StyleXTypes';
+
+export type {
+  VarGroup,
+  Theme,
+  StyleXStyles,
+  StyleXStylesWithout,
+  StaticStyles,
+  StaticStylesWithout,
+} from './StyleXTypes';
+
+declare export function props(
+  this: ?mixed,
+  ...styles: $ReadOnlyArray<
+    StyleXArray<
+      ?CompiledStyles | boolean | $ReadOnly<[CompiledStyles, InlineStyles]>,
+    >,
+  >
+): $ReadOnly<{
+  className?: string,
+  style?: $ReadOnly<{ [string]: string | number }>,
+}>;
+
+type Stylex$Include = <
+  TStyles: { +[string]: StyleXClassNameFor<string, mixed> },
+>(
+  styles: TStyles,
+) => {
+  +[Key in keyof TStyles]: TStyles[Key] extends StyleXClassNameFor<
+    mixed,
+    infer V,
+  >
+    ? V
+    : string,
+};
+
+declare export const create: Stylex$Create;
+
+declare export const defineVars: StyleX$DefineVars;
+
+declare export const createTheme: StyleX$CreateTheme;
+
+declare export const include: Stylex$Include;
+
+type ValueWithDefault<+T> =
+  | T
+  | $ReadOnly<{
+      +default: T,
+      +[string]: ValueWithDefault<T>,
+    }>;
+
+type CSSSyntax =
+  | '*'
+  | '<length>'
+  | '<number>'
+  | '<percentage>'
+  | '<length-percentage>'
+  | '<color>'
+  | '<image>'
+  | '<url>'
+  | '<integer>'
+  | '<angle>'
+  | '<time>'
+  | '<resolution>'
+  | '<transform-function>'
+  | '<custom-ident>'
+  | '<transform-list>';
+
+type CSSSyntaxType = CSSSyntax | $ReadOnlyArray<CSSSyntax>;
+
+interface ICSSType<+T: string | number> {
+  +value: ValueWithDefault<T>;
+  +syntax: CSSSyntaxType;
+}
+
+declare export const types: {
+  angle: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  color: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  url: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  image: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  integer: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  lengthPercentage: <T: number | string>(
+    _v: ValueWithDefault<T>,
+  ) => ICSSType<T>,
+  length: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  percentage: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  number: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  resolution: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  time: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+  transformFunction: <T: number | string>(
+    _v: ValueWithDefault<T>,
+  ) => ICSSType<T>,
+  transformList: <T: number | string>(_v: ValueWithDefault<T>) => ICSSType<T>,
+};
+declare export const keyframes: (keyframes: Keyframes) => string;
+
+declare export const firstThatWorks: <T: string | number>(
+  ...styles: $ReadOnlyArray<T>
+) => $ReadOnlyArray<T>;
+
+type IStyleX = {
+  (...styles: $ReadOnlyArray<StyleXArray<?CompiledStyles | boolean>>): string,
+  props: (
+    this: ?mixed,
+    ...styles: $ReadOnlyArray<
+      StyleXArray<
+        ?CompiledStyles | boolean | $ReadOnly<[CompiledStyles, InlineStyles]>,
+      >,
+    >
+  ) => $ReadOnly<{
+    className?: string,
+    style?: $ReadOnly<{ [string]: string | number }>,
+  }>,
+  create: Stylex$Create,
+  defineVars: StyleX$DefineVars,
+  createTheme: StyleX$CreateTheme,
+  include: Stylex$Include,
+  types: typeof types,
+  firstThatWorks: <T: string | number>(
+    ...v: $ReadOnlyArray<T>
+  ) => $ReadOnlyArray<T>,
+  keyframes: (keyframes: Keyframes) => string,
+  __customProperties?: { [string]: mixed },
+  ...
+};
+
+
+declare export const stylex: IStyleX;
+declare export default IStyleX;

package/package.json

@@ -1,21 +1,25 @@
 {
   "name": "@stylexjs/stylex",
-  "version": "0.2.0-beta.9",
-  "description": "A minimal runtime styling library for web.",
+  "version": "0.4.0",
+  "description": "A library for defining styles for optimized user interfaces.",
   "main": "lib/stylex.js",
   "types": "lib/stylex.d.ts",
-  "repository": "https://www.github.com/facebookexternal/stylex",
-  "author": "Naman Goel <nmn@fb.com>",
+  "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
   "scripts": {
+    "prebuild": "gen-types -i src/ -o lib/",
     "build": "babel src/ --out-dir lib/ --copy-files",
-    "build-haste": "HASTE=true babel src/ --out-dir lib/ --copy-files",
+    "build-haste": "rewrite-imports -i src/ -o lib/",
     "test": "jest"
   },
   "dependencies": {
+    "css-mediaquery": "^0.1.2",
     "invariant": "^2.2.4",
-    "utility-types": "^3.10.0",
-    "styleq": "0.1.3"
+    "styleq": "0.1.3",
+    "utility-types": "^3.10.0"
+  },
+  "devDependencies": {
+    "@stylexjs/scripts": "0.4.0"
   },
   "jest": {},
   "files": [