@stylexjs/stylex 0.16.1 → 0.16.3

package/lib/cjs/stylesheet/createOrderedCSSStyleSheet.d.ts

@@ -7,10 +7,10 @@
  *
  */
 
-export type OrderedCSSStyleSheet = {
+export type OrderedCSSStyleSheet = Readonly<{
   getTextContent: () => string;
   insert: (cssText: string, groupValue: number) => void;
-};
+}>;
 /**
  * Order-based insertion of CSS.
  *

package/lib/cjs/stylesheet/createOrderedCSSStyleSheet.js.flow

@@ -7,10 +7,10 @@
  * @flow strict
  */
 
-export type OrderedCSSStyleSheet = {|
+export type OrderedCSSStyleSheet = $ReadOnly<{
   getTextContent: () => string,
   insert: (cssText: string, groupValue: number) => void,
-|};
+}>;
 
 /**
  * Order-based insertion of CSS.

package/lib/cjs/stylesheet/createSheet.d.ts

@@ -8,5 +8,5 @@
  */
 
 import type { OrderedCSSStyleSheet } from './createOrderedCSSStyleSheet';
-type Sheet = Omit<OrderedCSSStyleSheet, keyof ({})> & {};
+type Sheet = Readonly<Omit<OrderedCSSStyleSheet, keyof ({})> & {}>;
 export declare function createSheet(root?: HTMLElement): Sheet;

package/lib/cjs/stylesheet/createSheet.js.flow

@@ -9,8 +9,8 @@
 
 import type { OrderedCSSStyleSheet } from './createOrderedCSSStyleSheet';
 
-type Sheet = {
+type Sheet = $ReadOnly<{
   ...OrderedCSSStyleSheet,
-};
+}>;
 
 declare export function createSheet(root?: HTMLElement): Sheet;

package/lib/cjs/stylex.d.ts

@@ -130,6 +130,7 @@ type IStyleX = {
   ): string;
   create: StyleX$Create;
   createTheme: StyleX$CreateTheme;
+  defineConsts: StyleX$DefineConsts;
   defineVars: StyleX$DefineVars;
   defaultMarker: () => StaticStyles;
   firstThatWorks: <T extends string | number>(

package/lib/cjs/stylex.js

@@ -239,6 +239,7 @@ function _legacyMerge(...styles) {
 }
 _legacyMerge.create = create;
 _legacyMerge.createTheme = createTheme;
+_legacyMerge.defineConsts = defineConsts;
 _legacyMerge.defineVars = defineVars;
 _legacyMerge.defaultMarker = defaultMarker;
 _legacyMerge.firstThatWorks = firstThatWorks;

package/lib/cjs/stylex.js.flow

@@ -130,6 +130,7 @@ type IStyleX = {
   (...styles: $ReadOnlyArray<StyleXArray<?CompiledStyles | boolean>>): string,
   create: StyleX$Create,
   createTheme: StyleX$CreateTheme,
+  defineConsts: StyleX$DefineConsts,
   defineVars: StyleX$DefineVars,
   defaultMarker: () => StaticStyles<>,
   firstThatWorks: <T: string | number>(

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

@@ -250,7 +250,7 @@ type TTokens = Readonly<{
   [key: string]:
     | NestedVarObject<null | string | number>
     | StyleXVar<null | string | number>
-    | CSSType<null | string | number>
+    | CSSType<null | string | number>;
 }>;
 
 type UnwrapVars<T> = T extends StyleXVar<infer U> ? U : T;
@@ -268,11 +268,12 @@ type NestedVarObject<T> =
     }>;
 
 export type StyleX$DefineConsts = <
-  DefaultTokens extends TTokens,
-  ID extends symbol = symbol,
+  DefaultTokens extends {
+    [key: string]: number | string;
+  },
 >(
   tokens: DefaultTokens,
-) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
+) => DefaultTokens;
 
 export type StyleX$DefineVars = <
   DefaultTokens extends TTokens,

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

@@ -223,9 +223,11 @@ export type StyleX$DefineVars = <DefaultTokens: TTokens, ID: string = string>(
   tokens: DefaultTokens,
 ) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
 
-export type StyleX$DefineConsts = <DefaultTokens: TTokens, ID: string = string>(
+export type StyleX$DefineConsts = <
+  DefaultTokens: { +[string]: number | string },
+>(
   tokens: DefaultTokens,
-) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
+) => DefaultTokens;
 
 // opaque type ThemeKey<+_VG: VarGroup<{ +[string]: mixed }>>: string = string;
 declare export opaque type Theme<

package/lib/es/stylesheet/createOrderedCSSStyleSheet.d.ts

@@ -7,10 +7,10 @@
  *
  */
 
-export type OrderedCSSStyleSheet = {
+export type OrderedCSSStyleSheet = Readonly<{
   getTextContent: () => string;
   insert: (cssText: string, groupValue: number) => void;
-};
+}>;
 /**
  * Order-based insertion of CSS.
  *

package/lib/es/stylesheet/createOrderedCSSStyleSheet.js.flow

@@ -7,10 +7,10 @@
  * @flow strict
  */
 
-export type OrderedCSSStyleSheet = {|
+export type OrderedCSSStyleSheet = $ReadOnly<{
   getTextContent: () => string,
   insert: (cssText: string, groupValue: number) => void,
-|};
+}>;
 
 /**
  * Order-based insertion of CSS.

package/lib/es/stylesheet/createSheet.d.ts

@@ -8,5 +8,5 @@
  */
 
 import type { OrderedCSSStyleSheet } from './createOrderedCSSStyleSheet';
-type Sheet = Omit<OrderedCSSStyleSheet, keyof ({})> & {};
+type Sheet = Readonly<Omit<OrderedCSSStyleSheet, keyof ({})> & {}>;
 export declare function createSheet(root?: HTMLElement): Sheet;

package/lib/es/stylesheet/createSheet.js.flow

@@ -9,8 +9,8 @@
 
 import type { OrderedCSSStyleSheet } from './createOrderedCSSStyleSheet';
 
-type Sheet = {
+type Sheet = $ReadOnly<{
   ...OrderedCSSStyleSheet,
-};
+}>;
 
 declare export function createSheet(root?: HTMLElement): Sheet;

package/lib/es/stylex.d.ts

@@ -130,6 +130,7 @@ type IStyleX = {
   ): string;
   create: StyleX$Create;
   createTheme: StyleX$CreateTheme;
+  defineConsts: StyleX$DefineConsts;
   defineVars: StyleX$DefineVars;
   defaultMarker: () => StaticStyles;
   firstThatWorks: <T extends string | number>(

package/lib/es/stylex.js.flow

@@ -130,6 +130,7 @@ type IStyleX = {
   (...styles: $ReadOnlyArray<StyleXArray<?CompiledStyles | boolean>>): string,
   create: StyleX$Create,
   createTheme: StyleX$CreateTheme,
+  defineConsts: StyleX$DefineConsts,
   defineVars: StyleX$DefineVars,
   defaultMarker: () => StaticStyles<>,
   firstThatWorks: <T: string | number>(

package/lib/es/stylex.mjs

@@ -237,6 +237,7 @@ function _legacyMerge(...styles) {
 }
 _legacyMerge.create = create;
 _legacyMerge.createTheme = createTheme;
+_legacyMerge.defineConsts = defineConsts;
 _legacyMerge.defineVars = defineVars;
 _legacyMerge.defaultMarker = defaultMarker;
 _legacyMerge.firstThatWorks = firstThatWorks;

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

@@ -250,7 +250,7 @@ type TTokens = Readonly<{
   [key: string]:
     | NestedVarObject<null | string | number>
     | StyleXVar<null | string | number>
-    | CSSType<null | string | number>
+    | CSSType<null | string | number>;
 }>;
 
 type UnwrapVars<T> = T extends StyleXVar<infer U> ? U : T;
@@ -268,11 +268,12 @@ type NestedVarObject<T> =
     }>;
 
 export type StyleX$DefineConsts = <
-  DefaultTokens extends TTokens,
-  ID extends symbol = symbol,
+  DefaultTokens extends {
+    [key: string]: number | string;
+  },
 >(
   tokens: DefaultTokens,
-) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
+) => DefaultTokens;
 
 export type StyleX$DefineVars = <
   DefaultTokens extends TTokens,

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

@@ -223,9 +223,11 @@ export type StyleX$DefineVars = <DefaultTokens: TTokens, ID: string = string>(
   tokens: DefaultTokens,
 ) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
 
-export type StyleX$DefineConsts = <DefaultTokens: TTokens, ID: string = string>(
+export type StyleX$DefineConsts = <
+  DefaultTokens: { +[string]: number | string },
+>(
   tokens: DefaultTokens,
-) => VarGroup<FlattenTokens<DefaultTokens>, ID>;
+) => DefaultTokens;
 
 // opaque type ThemeKey<+_VG: VarGroup<{ +[string]: mixed }>>: string = string;
 declare export opaque type Theme<

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/stylex",
-  "version": "0.16.1",
+  "version": "0.16.3",
   "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.16.1"
+    "scripts": "0.16.3"
   },
   "files": [
     "lib/*"