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

package/dist/neutral.js

@@ -369,8 +369,7 @@ export const neutralTheme = {
     },
     "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/dist/neutralTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDAqkBvB,CAAC"}
+{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDAukBvB,CAAC"}

package/dist/source.js

@@ -530,15 +530,17 @@ var neutralTheme = (0, import_theme.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/dist/source.mjs

@@ -467,15 +467,17 @@ var 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/dist/theme.css

@@ -461,8 +461,7 @@
   }
 
   .astryx-banner.info {
-    background-color: 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-neutral",
-  "version": "0.4.2-canary.255e810",
+  "version": "0.4.2-canary.44cde5e",
   "displayName": "Neutral Theme",
   "private": false,
   "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -49,11 +49,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.4.2-canary.255e810",
+    "@astryxdesign/core": "0.4.2-canary.44cde5e",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.4.2-canary.255e810"
+    "@astryxdesign/cli": "0.4.2-canary.44cde5e"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/src/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)',