@astryxdesign/cli 0.4.2-canary.255e810 → 0.4.2-canary.44cde5e

package/assets/templates/themes/neutral/neutralTheme.ts

@@ -528,15 +528,17 @@ export const neutralTheme = defineTheme({
     //          to a deep tinted bg + light text rather than locking the
     //          light-mode pastel.
     //
-    // The inner-header *-muted token is forced transparent so the outer
-    // tinted background shows through cleanly.
+    // The inner-header *-muted token carries the tinted background for every
+    // status, info included. A theme override that sets a plain CSS property
+    // instead lands in @layer astryx-theme, which StyleX's @layer priority4
+    // outranks, so `backgroundColor` here would silently do nothing and the
+    // info banner would paint no background at all.
     //
     // Status overrides reference --color-text-{hue} so text/icon colors
     // stay in sync with the palette anchors automatically.
     banner: {
       'status:info': {
-        backgroundColor: 'var(--color-background-blue)',
-        '--color-accent-muted': 'transparent',
+        '--color-accent-muted': 'var(--color-background-blue)',
         '--color-text-primary': 'var(--color-text-blue)',
         '--color-text-secondary': 'var(--color-text-blue)',
         '--color-accent': 'var(--color-text-blue)',

package/clients/cli/commands/build-theme.icons-specifier.test.mjs

@@ -309,8 +309,9 @@ describe('theme build --icons-specifier (spawned processes)', () => {
 
       // Rebuilds run through a child re-invocation of `theme build`, so the
       // flag reaches them only if the watch loop forwards it. Change a token
-      // and wait for the rebuilt CSS. fs.watch delivery is best-effort under
-      // load, so re-touch until the rebuild shows up (idempotent write).
+      // and wait for the rebuilt JavaScript module. fs.watch delivery is
+      // best-effort under load, so re-touch until the rebuild shows up
+      // (idempotent write).
       const touched =
         `import {testIcons} from './icons';\n` +
         `export default {\n` +
@@ -321,10 +322,10 @@ describe('theme build --icons-specifier (spawned processes)', () => {
       fs.writeFileSync(themeFile, touched);
       const rebuilt = await waitFor(() => {
         try {
-          if (fs.readFileSync(cssFile, 'utf-8').includes('#0a0b0c'))
+          if (fs.readFileSync(builtFile, 'utf-8').includes('#0a0b0c'))
             return true;
         } catch {
-          // CSS mid-write; fall through to re-touch.
+          // JavaScript module mid-write; fall through to re-touch.
         }
         try {
           fs.writeFileSync(themeFile, touched);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/cli",
-  "version": "0.4.2-canary.255e810",
+  "version": "0.4.2-canary.44cde5e",
   "displayName": "CLI",
   "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
   "author": "Meta Open Source",
@@ -84,10 +84,10 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@astryxdesign/charts": "0.4.2-canary.255e810",
-    "@astryxdesign/core": "0.4.2-canary.255e810",
-    "@astryxdesign/lab": "0.4.2-canary.255e810",
-    "@astryxdesign/theme-neutral": "0.4.2-canary.255e810",
+    "@astryxdesign/charts": "0.4.2-canary.44cde5e",
+    "@astryxdesign/core": "0.4.2-canary.44cde5e",
+    "@astryxdesign/lab": "0.4.2-canary.44cde5e",
+    "@astryxdesign/theme-neutral": "0.4.2-canary.44cde5e",
     "gpt-tokenizer": "^3.4.0"
   },
   "peerDependenciesMeta": {
@@ -105,10 +105,10 @@
     }
   },
   "devDependencies": {
-    "@astryxdesign/charts": "0.4.2-canary.255e810",
-    "@astryxdesign/core": "0.4.2-canary.255e810",
-    "@astryxdesign/lab": "0.4.2-canary.255e810",
-    "@astryxdesign/theme-neutral": "0.4.2-canary.255e810",
+    "@astryxdesign/charts": "0.4.2-canary.44cde5e",
+    "@astryxdesign/core": "0.4.2-canary.44cde5e",
+    "@astryxdesign/lab": "0.4.2-canary.44cde5e",
+    "@astryxdesign/theme-neutral": "0.4.2-canary.44cde5e",
     "gpt-tokenizer": "^3.4.0"
   },
   "scripts": {