[release] v0.19.0

CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.19.0 (Jun 14, 2026)
+- New `@stylexjs/atoms` package for inline atomic styles.
+- ESLint 10 compatibility.
+- Add `gap` auto-fix for `legacy-expand-shorthands` and skip single-value `gap`
+  and `flex` in `valid-shorthands`.
+- Extend `textWrap` validation with `pretty` and `stable` values.
+- Fix `sx` prop runtime stylex import injection.
+- Fix pseudo-element + pseudo-class selector ordering.
+- Fix aliased theme file resolution to absolute paths.
+- Fix `sort-keys` autofix ordering.
+- Fix media type parenthesization in `and` chains in the style value parser.
+
 ## 0.18.3 (Apr 29, 2026)
 - Experimental nested APIs for `defineVars`, `defineConsts`, and `createTheme`.
 - Add recursive derivation support for `defineVars`.

examples/example-bun/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-bun",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "Example: StyleX with Bun via @stylexjs/unplugin",
   "main": "src/App.jsx",
   "scripts": {
@@ -12,13 +12,13 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@stylexjs/unplugin": "0.18.3",
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/unplugin": "0.19.0",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "eslint": "^8.57.1",
     "shx": "^0.4.0"
   }

examples/example-cli/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-cli",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "scripts": {
     "example:build": "stylex --config .stylex.json5"
   },
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.25.7",
     "@babel/preset-typescript": "^7.25.7",
-    "@stylexjs/cli": "0.18.3",
+    "@stylexjs/cli": "0.19.0",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.3",
     "shx": "^0.4.0",

examples/example-esbuild/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-esbuild",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "Simple esbuild example for @stylexjs/unplugin",
   "main": "src/App.jsx",
   "scripts": {
@@ -10,13 +10,13 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@stylexjs/unplugin": "0.18.3",
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/unplugin": "0.19.0",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "esbuild": "^0.27.0",
     "eslint": "^8.57.1",
     "shx": "^0.4.0"

examples/example-nextjs/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-nextjs",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "scripts": {
     "clean": "shx rm -rf .next",
     "example:build": "next build",
@@ -10,15 +10,15 @@
     "example:start": "next start"
   },
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
     "next": "^16.2.6",
     "react": "^19.0.0-rc-de68d2f4-20241204",
     "react-dom": "^19.0.0-rc-de68d2f4-20241204"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.20",
-    "@stylexjs/eslint-plugin": "0.18.3",
-    "@stylexjs/postcss-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
+    "@stylexjs/postcss-plugin": "0.19.0",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^22.7.6",
     "@types/react": "^19.2.6",

examples/example-react-router/package.json

@@ -9,8 +9,8 @@
     "example:typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
-    "@stylexjs/shared-ui": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
+    "@stylexjs/shared-ui": "0.19.0",
     "@remix-run/node-fetch-server": "0.12.0",
     "compression": "^1.8.0",
     "express": "^5.1.0",
@@ -19,7 +19,7 @@
     "react-router": "7.9.6"
   },
   "devDependencies": {
-    "@stylexjs/unplugin": "0.18.3",
+    "@stylexjs/unplugin": "0.19.0",
     "@types/compression": "^1.8.1",
     "@types/express": "^5.0.3",
     "@types/node": "^24.0.3",
@@ -32,5 +32,5 @@
     "typescript": "^5.9.3",
     "vite": "^7.2.4"
   },
-  "version": "0.18.3"
+  "version": "0.19.0"
 }

examples/example-redwoodsdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redwoodjs/starter",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "A bare-bones RedwoodSDK starter",
   "main": "index.js",
   "type": "module",
@@ -22,17 +22,17 @@
     "types": "tsc"
   },
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
     "capnweb": "~0.2.0",
     "react": "19.3.0-canary-561ee24d-20251101",
     "react-dom": "19.3.0-canary-561ee24d-20251101",
     "react-server-dom-webpack": "19.2.6",
     "rwsdk": "1.0.0-beta.31",
-    "@stylexjs/shared-ui": "0.18.3"
+    "@stylexjs/shared-ui": "0.19.0"
   },
   "devDependencies": {
-    "@stylexjs/eslint-plugin": "0.18.3",
-    "@stylexjs/unplugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
+    "@stylexjs/unplugin": "0.19.0",
     "@typescript-eslint/parser": "^8.58.2",
     "@cloudflare/vite-plugin": "^1.15.2",
     "@cloudflare/workers-types": "^4.20260120.0",

examples/example-rollup/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-rollup",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "A simple rollup example to test stylexjs/rollup-plugin",
   "main": "index.js",
   "scripts": {
@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/stylex": "0.19.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
@@ -24,8 +24,8 @@
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.7",
-    "@stylexjs/eslint-plugin": "0.18.3",
-    "@stylexjs/rollup-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
+    "@stylexjs/rollup-plugin": "0.19.0",
     "eslint": "^9.39.1",
     "rollup": "^4.59.0",
     "shx": "^0.4.0",

examples/example-rspack/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example-rspack",
   "private": true,
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "Example: StyleX with Rspack via @stylexjs/unplugin",
   "scripts": {
     "example:build": "rspack build --config ./rspack.config.js",
@@ -10,14 +10,14 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@stylexjs/stylex": "0.18.3"
+    "@stylexjs/stylex": "0.19.0"
   },
   "devDependencies": {
     "@rspack/cli": "^1.6.4",
     "@rspack/core": "^1.6.4",
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "css-loader": "^7.1.2",
-    "@stylexjs/unplugin": "0.18.3",
+    "@stylexjs/unplugin": "0.19.0",
     "eslint": "^9.39.1",
     "shx": "^0.4.0"
   }

examples/example-storybook/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "example-storybook",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "scripts": {
     "example:dev": "storybook dev -p 6006 --no-open",
     "storybook": "storybook dev -p 6006 --no-open",
@@ -16,10 +16,10 @@
     "@storybook/addon-links": "^9.1.7",
     "@storybook/addon-vitest": "^9.1.7",
     "@storybook/react-vite": "^9.1.7",
-    "@stylexjs/babel-plugin": "0.18.3",
-    "@stylexjs/eslint-plugin": "0.18.3",
-    "@stylexjs/postcss-plugin": "0.18.3",
-    "@stylexjs/stylex": "0.18.3",
+    "@stylexjs/babel-plugin": "0.19.0",
+    "@stylexjs/eslint-plugin": "0.19.0",
+    "@stylexjs/postcss-plugin": "0.19.0",
+    "@stylexjs/stylex": "0.19.0",
     "@typescript-eslint/eslint-plugin": "^8.44.0",
     "@typescript-eslint/parser": "^8.44.0",
     "@vitejs/plugin-react": "^5.0.3",

examples/example-sveltekit/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example-sveltekit",
   "private": true,
-  "version": "0.18.3",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "dev": "vite dev",
@@ -12,15 +12,15 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   },
   "dependencies": {
-    "@stylexjs/stylex": "0.18.3"
+    "@stylexjs/stylex": "0.19.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@sveltejs/adapter-auto": "^7.0.0",
     "@sveltejs/adapter-vercel": "^5.7.2",
     "@sveltejs/kit": "^2.60.1",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "eslint": "^9.39.1",
     "eslint-plugin-svelte": "^3.17.0",
     "globals": "^16.4.0",
@@ -30,6 +30,6 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.58.2",
     "vite": "^7.2.6",
-    "@stylexjs/unplugin": "0.18.3"
+    "@stylexjs/unplugin": "0.19.0"
   }
 }

examples/example-vite-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example-vite-react",
   "private": true,
-  "version": "0.18.3",
+  "version": "0.19.0",
   "type": "module",
   "scripts": {
     "example:dev": "vite",
@@ -12,17 +12,17 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@stylexjs/stylex": "0.18.3",
-    "@stylexjs/shared-ui": "0.18.3"
+    "@stylexjs/stylex": "0.19.0",
+    "@stylexjs/shared-ui": "0.19.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.36.0",
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "@types/node": "^24.6.0",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.0.4",
-    "@stylexjs/unplugin": "0.18.3",
+    "@stylexjs/unplugin": "0.19.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",

examples/example-vite-rsc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-rsc-examples-starter",
-  "version": "0.18.3",
+  "version": "0.19.0",
   "private": true,
   "license": "MIT",
   "type": "module",
@@ -12,11 +12,11 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@stylexjs/stylex": "0.18.3",
-    "@stylexjs/shared-ui": "0.18.3"
+    "@stylexjs/stylex": "0.19.0",
+    "@stylexjs/shared-ui": "0.19.0"
   },
   "devDependencies": {
-    "@stylexjs/eslint-plugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
     "@typescript-eslint/parser": "^8.58.2",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.3",
@@ -26,6 +26,6 @@
     "rsc-html-stream": "^0.0.7",
     "shx": "^0.4.0",
     "vite": "^7.3.2",
-    "@stylexjs/unplugin": "0.18.3"
+    "@stylexjs/unplugin": "0.19.0"
   }
 }

examples/example-vite/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example-vite",
   "private": true,
-  "version": "0.18.3",
+  "version": "0.19.0",
   "description": "Example: StyleX with Vite via @stylexjs/unplugin",
   "scripts": {
     "example:dev": "vite",
@@ -11,12 +11,12 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@stylexjs/stylex": "0.18.3",
-    "@stylexjs/shared-ui": "0.18.3"
+    "@stylexjs/stylex": "0.19.0",
+    "@stylexjs/shared-ui": "0.19.0"
   },
   "devDependencies": {
-    "@stylexjs/eslint-plugin": "0.18.3",
-    "@stylexjs/unplugin": "0.18.3",
+    "@stylexjs/eslint-plugin": "0.19.0",
+    "@stylexjs/unplugin": "0.19.0",
     "@vitejs/plugin-react": "latest",
     "eslint": "^9.39.1",
     "shx": "^0.4.0",