@stylexjs/stylex 0.15.4 → 0.16.1

package/lib/cjs/stylex.d.ts

@@ -73,6 +73,14 @@ export declare function props(
 export declare const viewTransitionClass: (
   _viewTransitionClass: ViewTransitionClass,
 ) => string;
+export declare const defaultMarker: () => StaticStyles;
+export declare const when: {
+  ancestor: (_pseudo?: string) => string;
+  descendant: (_pseudo?: string) => string;
+  siblingBefore: (_pseudo?: string) => string;
+  siblingAfter: (_pseudo?: string) => string;
+  anySibling: (_pseudo?: string) => string;
+};
 export declare const types: {
   angle: <T extends string | 0 = string | 0>(
     _v: ValueWithDefault<T>,
@@ -123,6 +131,7 @@ type IStyleX = {
   create: StyleX$Create;
   createTheme: StyleX$CreateTheme;
   defineVars: StyleX$DefineVars;
+  defaultMarker: () => StaticStyles;
   firstThatWorks: <T extends string | number>(
     ...v: ReadonlyArray<T>
   ) => ReadonlyArray<T>;
@@ -144,6 +153,7 @@ type IStyleX = {
   }>;
   viewTransitionClass: (viewTransitionClass: ViewTransitionClass) => string;
   types: typeof types;
+  when: typeof when;
   __customProperties?: { [$$Key$$: string]: unknown };
 };
 export declare const legacyMerge: IStyleX;

package/lib/cjs/stylex.js

@@ -172,6 +172,26 @@ function props(...styles) {
 const viewTransitionClass = _viewTransitionClass => {
   throw errorForFn('viewTransitionClass');
 };
+const defaultMarker = () => {
+  throw errorForFn('defaultMarker');
+};
+const when = {
+  ancestor: _pseudo => {
+    throw errorForFn('when.ancestor');
+  },
+  descendant: _pseudo => {
+    throw errorForFn('when.descendant');
+  },
+  siblingBefore: _pseudo => {
+    throw errorForFn('when.siblingBefore');
+  },
+  siblingAfter: _pseudo => {
+    throw errorForFn('when.siblingAfter');
+  },
+  anySibling: _pseudo => {
+    throw errorForFn('when.anySibling');
+  }
+};
 const types = {
   angle: _v => {
     throw errorForType('angle');
@@ -220,16 +240,19 @@ function _legacyMerge(...styles) {
 _legacyMerge.create = create;
 _legacyMerge.createTheme = createTheme;
 _legacyMerge.defineVars = defineVars;
+_legacyMerge.defaultMarker = defaultMarker;
 _legacyMerge.firstThatWorks = firstThatWorks;
 _legacyMerge.keyframes = keyframes;
 _legacyMerge.positionTry = positionTry;
 _legacyMerge.props = props;
 _legacyMerge.types = types;
+_legacyMerge.when = when;
 _legacyMerge.viewTransitionClass = viewTransitionClass;
 const legacyMerge = _legacyMerge;
 
 exports.create = create;
 exports.createTheme = createTheme;
+exports.defaultMarker = defaultMarker;
 exports.defineConsts = defineConsts;
 exports.defineVars = defineVars;
 exports.firstThatWorks = firstThatWorks;
@@ -239,3 +262,4 @@ exports.positionTry = positionTry;
 exports.props = props;
 exports.types = types;
 exports.viewTransitionClass = viewTransitionClass;
+exports.when = when;

package/lib/cjs/stylex.js.flow

@@ -82,6 +82,16 @@ declare export const viewTransitionClass: (
   _viewTransitionClass: ViewTransitionClass,
 ) => string;
 
+declare export const defaultMarker: () => StaticStyles<>;
+
+declare export const when: {
+  ancestor: (_pseudo?: string) => string,
+  descendant: (_pseudo?: string) => string,
+  siblingBefore: (_pseudo?: string) => string,
+  siblingAfter: (_pseudo?: string) => string,
+  anySibling: (_pseudo?: string) => string,
+};
+
 declare export const types: {
   angle: <T: string | 0 = string | 0>(
     _v: ValueWithDefault<T>,
@@ -121,6 +131,7 @@ type IStyleX = {
   create: StyleX$Create,
   createTheme: StyleX$CreateTheme,
   defineVars: StyleX$DefineVars,
+  defaultMarker: () => StaticStyles<>,
   firstThatWorks: <T: string | number>(
     ...v: $ReadOnlyArray<T>
   ) => $ReadOnlyArray<T>,
@@ -140,6 +151,7 @@ type IStyleX = {
   }>,
   viewTransitionClass: (viewTransitionClass: ViewTransitionClass) => string,
   types: typeof types,
+  when: typeof when,
   __customProperties?: { [string]: mixed },
   ...
 };

package/lib/cjs/types/StyleXTypes.d.ts

@@ -248,9 +248,9 @@ export type IDFromVarGroup<T extends VarGroup<{}>> = T['__opaqueId'];
 
 type TTokens = Readonly<{
   [key: string]:
+    | NestedVarObject<null | string | number>
+    | StyleXVar<null | string | number>
     | CSSType<null | string | number>
-    | string
-    | { [key: string]: string };
 }>;
 
 type UnwrapVars<T> = T extends StyleXVar<infer U> ? U : T;
@@ -264,7 +264,7 @@ type NestedVarObject<T> =
   | T
   | Readonly<{
       default: NestedVarObject<T>;
-      [key: `@${string}`]: NestedVarObject<T>;
+      [key: AtRuleStr]: NestedVarObject<T>;
     }>;
 
 export type StyleX$DefineConsts = <

package/lib/cjs/types/StyleXTypes.js.flow

@@ -143,7 +143,7 @@ export type MapNamespaces<+S: { +[string]: mixed }> = $ReadOnly<{
     ? (...args: Args) => $ReadOnly<[MapNamespace<Obj>, InlineStyles]>
     : MapNamespace<S[Key]>,
 }>;
-export type StyleX$Create = <S: { +[string]: mixed }>(
+export type StyleX$Create = <S: { +[string]: { ... } }>(
   styles: S,
 ) => MapNamespaces<S>;
 

package/lib/es/stylex.d.ts

@@ -73,6 +73,14 @@ export declare function props(
 export declare const viewTransitionClass: (
   _viewTransitionClass: ViewTransitionClass,
 ) => string;
+export declare const defaultMarker: () => StaticStyles;
+export declare const when: {
+  ancestor: (_pseudo?: string) => string;
+  descendant: (_pseudo?: string) => string;
+  siblingBefore: (_pseudo?: string) => string;
+  siblingAfter: (_pseudo?: string) => string;
+  anySibling: (_pseudo?: string) => string;
+};
 export declare const types: {
   angle: <T extends string | 0 = string | 0>(
     _v: ValueWithDefault<T>,
@@ -123,6 +131,7 @@ type IStyleX = {
   create: StyleX$Create;
   createTheme: StyleX$CreateTheme;
   defineVars: StyleX$DefineVars;
+  defaultMarker: () => StaticStyles;
   firstThatWorks: <T extends string | number>(
     ...v: ReadonlyArray<T>
   ) => ReadonlyArray<T>;
@@ -144,6 +153,7 @@ type IStyleX = {
   }>;
   viewTransitionClass: (viewTransitionClass: ViewTransitionClass) => string;
   types: typeof types;
+  when: typeof when;
   __customProperties?: { [$$Key$$: string]: unknown };
 };
 export declare const legacyMerge: IStyleX;

package/lib/es/stylex.js.flow

@@ -82,6 +82,16 @@ declare export const viewTransitionClass: (
   _viewTransitionClass: ViewTransitionClass,
 ) => string;
 
+declare export const defaultMarker: () => StaticStyles<>;
+
+declare export const when: {
+  ancestor: (_pseudo?: string) => string,
+  descendant: (_pseudo?: string) => string,
+  siblingBefore: (_pseudo?: string) => string,
+  siblingAfter: (_pseudo?: string) => string,
+  anySibling: (_pseudo?: string) => string,
+};
+
 declare export const types: {
   angle: <T: string | 0 = string | 0>(
     _v: ValueWithDefault<T>,
@@ -121,6 +131,7 @@ type IStyleX = {
   create: StyleX$Create,
   createTheme: StyleX$CreateTheme,
   defineVars: StyleX$DefineVars,
+  defaultMarker: () => StaticStyles<>,
   firstThatWorks: <T: string | number>(
     ...v: $ReadOnlyArray<T>
   ) => $ReadOnlyArray<T>,
@@ -140,6 +151,7 @@ type IStyleX = {
   }>,
   viewTransitionClass: (viewTransitionClass: ViewTransitionClass) => string,
   types: typeof types,
+  when: typeof when,
   __customProperties?: { [string]: mixed },
   ...
 };

package/lib/es/stylex.mjs

@@ -170,6 +170,26 @@ function props(...styles) {
 const viewTransitionClass = _viewTransitionClass => {
   throw errorForFn('viewTransitionClass');
 };
+const defaultMarker = () => {
+  throw errorForFn('defaultMarker');
+};
+const when = {
+  ancestor: _pseudo => {
+    throw errorForFn('when.ancestor');
+  },
+  descendant: _pseudo => {
+    throw errorForFn('when.descendant');
+  },
+  siblingBefore: _pseudo => {
+    throw errorForFn('when.siblingBefore');
+  },
+  siblingAfter: _pseudo => {
+    throw errorForFn('when.siblingAfter');
+  },
+  anySibling: _pseudo => {
+    throw errorForFn('when.anySibling');
+  }
+};
 const types = {
   angle: _v => {
     throw errorForType('angle');
@@ -218,12 +238,14 @@ function _legacyMerge(...styles) {
 _legacyMerge.create = create;
 _legacyMerge.createTheme = createTheme;
 _legacyMerge.defineVars = defineVars;
+_legacyMerge.defaultMarker = defaultMarker;
 _legacyMerge.firstThatWorks = firstThatWorks;
 _legacyMerge.keyframes = keyframes;
 _legacyMerge.positionTry = positionTry;
 _legacyMerge.props = props;
 _legacyMerge.types = types;
+_legacyMerge.when = when;
 _legacyMerge.viewTransitionClass = viewTransitionClass;
 const legacyMerge = _legacyMerge;
 
-export { create, createTheme, defineConsts, defineVars, firstThatWorks, keyframes, legacyMerge, positionTry, props, types, viewTransitionClass };
+export { create, createTheme, defaultMarker, defineConsts, defineVars, firstThatWorks, keyframes, legacyMerge, positionTry, props, types, viewTransitionClass, when };

package/lib/es/types/StyleXTypes.d.ts

@@ -248,9 +248,9 @@ export type IDFromVarGroup<T extends VarGroup<{}>> = T['__opaqueId'];
 
 type TTokens = Readonly<{
   [key: string]:
+    | NestedVarObject<null | string | number>
+    | StyleXVar<null | string | number>
     | CSSType<null | string | number>
-    | string
-    | { [key: string]: string };
 }>;
 
 type UnwrapVars<T> = T extends StyleXVar<infer U> ? U : T;
@@ -264,7 +264,7 @@ type NestedVarObject<T> =
   | T
   | Readonly<{
       default: NestedVarObject<T>;
-      [key: `@${string}`]: NestedVarObject<T>;
+      [key: AtRuleStr]: NestedVarObject<T>;
     }>;
 
 export type StyleX$DefineConsts = <

package/lib/es/types/StyleXTypes.js.flow

@@ -143,7 +143,7 @@ export type MapNamespaces<+S: { +[string]: mixed }> = $ReadOnly<{
     ? (...args: Args) => $ReadOnly<[MapNamespace<Obj>, InlineStyles]>
     : MapNamespace<S[Key]>,
 }>;
-export type StyleX$Create = <S: { +[string]: mixed }>(
+export type StyleX$Create = <S: { +[string]: { ... } }>(
   styles: S,
 ) => MapNamespaces<S>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/stylex",
-  "version": "0.15.4",
+  "version": "0.16.1",
   "description": "A library for defining styles for optimized user interfaces.",
   "main": "./lib/cjs/stylex.js",
   "module": "./lib/es/stylex.mjs",
@@ -61,7 +61,7 @@
     "cross-env": "^7.0.3",
     "rimraf": "^5.0.10",
     "rollup": "^4.24.0",
-    "scripts": "0.15.4"
+    "scripts": "0.16.1"
   },
   "files": [
     "lib/*"