@stylexjs/stylex 0.1.0-beta.6 → 0.2.0-beta.8

package/lib/stylex.d.ts

@@ -38,17 +38,14 @@ export type CompiledNamespaceSet = {
   readonly [K in string]: CompiledNamespace;
 };
 
-type Stylex$Create = <S extends StyleXNamespaceSet>(
+type Stylex$Create = <S extends NamespaceSet>(
   styles: S
 ) => $ReadOnly<{
   readonly [K in keyof S]: {
     readonly [P in keyof S[K]]: S[K][P] extends string | number
-      ? StyleXClassNameFor<P, S[K][P]>
+      ? ClassNameFor<P, S[K][P]>
       : {
-          readonly [F in keyof S[K][P]]: StyleXClassNameFor<
-            `${P}+${F}`,
-            S[K][P][F]
-          >;
+          readonly [F in keyof S[K][P]]: ClassNameFor<`${P}+${F}`, S[K][P][F]>;
         };
   };
 }>;
@@ -56,19 +53,17 @@ type Stylex$Create = <S extends StyleXNamespaceSet>(
 type StylexInclude = <S extends CompiledNamespace>(
   compiledNamespace: S
 ) => {
-  readonly [K in keyof S]: S[K] extends ClassNameFor<K, infer V>
-    ? V
-    : Uncompiled<S[K]>;
+  readonly [K in keyof S]: S[K] extends ClassNameFor<K, infer V> ? V : S[K];
 };
 
-type Stylex$Keyframes = <S extends StyleXNamespaceSet>(
-  animationConfig: S
-) => string;
+type Stylex$Keyframes = <S extends NamespaceSet>(animationConfig: S) => string;
 
-type stylex = {
+type NestedArray<T> = T | Array<T | NestedArray<T>>;
+
+declare let stylex: {
   (
     ...styles: ReadonlyArray<
-      StyleXArray<(CompiledNamespace | null | undefined) | boolean>
+      NestedArray<(CompiledNamespace | null | undefined) | boolean>
     >
   ): string;
   create: Stylex$Create;

package/lib/stylex.js

@@ -55,27 +55,13 @@ function stylex() {
         for (const prop in styleObj) {
           const value = styleObj[prop];
           // Style declarations, e.g., opacity: 's3fkgpd'
-          if (typeof value === 'string') {
+          if (typeof value === 'string' || value === null) {
             // Skip adding to the chunks if property has already been seen
             if (!definedProperties.includes(prop)) {
               definedProperties.push(prop);
               definedPropertiesChunk.push(prop);
-              classNameChunk += classNameChunk ? ' ' + value : value;
-            }
-          }
-          // Style conditions, e.g., ':hover', '@media', etc.
-          // TODO: remove if #98 is fixed
-          else if (typeof value === 'object') {
-            const condition = prop;
-            const nestedStyleObject = value;
-            for (const conditionalProp in nestedStyleObject) {
-              const conditionalValue = nestedStyleObject[conditionalProp];
-              const conditionalProperty = condition + conditionalProp;
-              // Skip if conditional property has already been seen
-              if (!definedProperties.includes(conditionalProperty)) {
-                definedProperties.push(conditionalProperty);
-                definedPropertiesChunk.push(conditionalProperty);
-                classNameChunk += classNameChunk ? ' ' + conditionalValue : conditionalValue;
+              if (typeof value === 'string') {
+                classNameChunk += classNameChunk ? ' ' + value : value;
               }
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/stylex",
-  "version": "0.1.0-beta.6",
+  "version": "0.2.0-beta.8",
   "description": "A minimal runtime styling library for web.",
   "main": "lib/stylex.js",
   "types": "lib/stylex.d.ts",