@cosxai/ui 0.4.4 → 0.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosxai/ui",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "COSX design system — React 19 component primitives shared across product-meta and other consumers",
   "license": "UNLICENSED",
   "type": "module",

package/src/actionbar/ActionBarMenuGroup.tsx

@@ -53,6 +53,16 @@ export function ActionBarMenuGroup({
   return (
     <div
       ref={wrapperRef}
+      // ck-actionbar-group--open scopes a deeper hover tint to the
+      // children while the disclosure is open. The default
+      // .ck-actionbar-btn:hover uses --ck-bg-muted (gray) — fine when
+      // a button sits on app background, but reads muddy when stacked
+      // on top of this wrapper's --ck-accent-muted pill. The chrome
+      // sheet replaces the gray with an accent-blended overlay only
+      // for that scope so the hover signal stays in the accent hue.
+      className={
+        isOpen ? "ck-actionbar-group ck-actionbar-group--open" : "ck-actionbar-group"
+      }
       style={{
         display: "inline-flex",
         alignItems: "center",

package/src/styles/index.css

@@ -185,6 +185,13 @@ html[data-ck-chrome="seamless"] .ck-card__foot {
 .ck-actionbar-btn:hover:not(:disabled):not(.ck-actionbar-btn--primary) {
   background: var(--ck-bg-muted);
 }
+/* Children inside an open disclosure group sit on top of the wrapper's
+   --ck-accent-muted pill. The default gray hover above reads as a hue
+   collision against the coral/indigo wrapper — swap in an accent-blended
+   overlay so the hover signal stays in the accent family. */
+.ck-actionbar-group--open .ck-actionbar-btn:hover:not(:disabled):not(.ck-actionbar-btn--primary) {
+  background: color-mix(in oklab, var(--ck-accent) 18%, transparent);
+}
 .ck-actionbar-btn--primary {
   background: var(--ck-accent);
   color: var(--ck-text-inverse);