@symbiote-native/css-parser 0.5.0 → 0.5.1

package/README.md

@@ -19,7 +19,8 @@ CSS Modules all work identically regardless of source language.
 Not installed directly by an app — every adapter package (`@symbiote-native/react`,
 `@symbiote-native/vue`, `@symbiote-native/svelte`, `@symbiote-native/solid`,
 `@symbiote-native/angular`) already depends on it and re-exports it via its own
-`./metro-css-parser` subpath. Writing a Metro transformer for a new adapter yourself:
+`./metro-css-parser` subpath, so any app scaffolded by `npx @symbiote-native/cli new` already has
+it wired, no separate flag needed. Writing a Metro transformer for a new adapter yourself:
 
 ```bash
 npm install @symbiote-native/css-parser
@@ -52,7 +53,7 @@ import './theme.css'; // plain CSS — registers classes globally, no export
 ```
 
 ```tsx
-<View className="card" style={styles.highlight} /> // React
+<view className="card" style={styles.highlight} /> // React
 ```
 
 ```html
@@ -135,6 +136,10 @@ import {
 - It does not implement Tailwind CSS — that needs whole-project class scanning and JIT utility
   generation, a fundamentally different shape than "one source file reduces to CSS text", and is
   being designed as a separate, future package.
+- It drops a `:active`/`:hover`/`:focus` rule the same as any other pseudo-class — there is no
+  CSS-class route to a pressed look. `Pressable`'s functional `style={({ pressed }) => ...}` prop
+  is the supported way to style a pressed state; the engine resolves it into a separate style slot
+  outside this pipeline.
 - It supports `scoped` / `:global()` / CSS Modules and SCSS/Sass/Less/Stylus preprocessing —
   including Svelte's own `<style>` block (its preprocessor calls this package's
   `compileScopedCss`, the same compile every Vue `<style scoped>` block goes through) — and it does

package/build/lightning/selectors.js

@@ -61,10 +61,9 @@ const DROP_EXPLANATION = {
 // back on.
 //
 // WHY. The pressed look has a second, better route that did not exist when `:active` landed: a
-// functional `style={({pressed}) => …}`, which every lowering transform specialises into
-// `style` + `activeStyle` at build time (2026-08-23). It reaches the same slot with no pseudo-class
-// machinery, it is what the ecosystem already writes, and it lowers — so the reason `:active`
-// existed, keeping a Pressable lowerable without a state-reading callback, is gone.
+// functional `style={({pressed}) => …}`, which the engine resolves into `style` + `activeStyle`
+// (`routeProp`, 2026-08-23). It reaches the same slot with no pseudo-class machinery and it is what
+// the ecosystem already writes — so the reason `:active` existed is gone.
 //
 // Keeping BOTH live is what argues against it: they occupy different cascade slots (`activeStyle`
 // replaces the authored style, an `:active` class rule replaces the class style), so an adapter has
@@ -452,7 +451,7 @@ export function selectorsToMatches(selectors, filename) {
             // and that is FALSE here — the pressed look is fully supported, by a different route. A
             // warning that misdescribes the cause is worse than none: it sends the reader to the engine.
             if (problem.reason === 'state-pseudo-class') {
-                console.warn(`[@symbiote-native/css-parser] ${filename}: dropped \`:${problem.detail}\` — pseudo-class state is currently disabled in this parser. Use a functional style instead: style={({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })}, which every lowering transform compiles to style + activeStyle.`);
+                console.warn(`[@symbiote-native/css-parser] ${filename}: dropped \`:${problem.detail}\` — pseudo-class state is currently disabled in this parser. Use a functional style instead: style={({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })}, which the engine resolves to style + activeStyle.`);
                 continue;
             }
             console.warn(`[@symbiote-native/css-parser] ${filename}: dropped a rule on \`${problem.detail}\` — ${DROP_EXPLANATION[problem.reason]}, so it can never match in React Native.`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/css-parser",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Build-time CSS/SCSS/Less/Stylus compiler for SymbioteNative — compiles stylesheets to React Native style objects, resolved at runtime via a cross-adapter class-name registry.",
   "license": "MIT",
   "repository": {