achery-ui 0.5.2 → 0.5.4

package/dist/index.cjs

@@ -798,9 +798,8 @@ function NavGroup({ label: label4, items, activeId, onItemClick, renderLink, col
   ] });
 }
 function NavItem({ item: item2, active, onClick, renderLink, collapsed }) {
-  const glyphStyle = active ? { filter: "invert(1)" } : void 0;
   const content3 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    item2.glyph ? /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: item2.glyph, size: 14, style: glyphStyle, "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+    item2.glyph ? /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: item2.glyph, size: 14, "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
     !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item2.label }),
     !collapsed && item2.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: item2.countTone === "accent" ? countAccent : navItemCount, children: item2.count })
   ] });
@@ -872,9 +871,10 @@ function Avatar({ initials: initials2, size = "md", tone = "neutral", className
 }
 
 // src/components/AppBar/AppBar.css.ts
-var accentPicker = "AppBar_accentPicker__uqki999";
-var accentSwatch = "AppBar_accentSwatch__uqki99a";
+var accentPicker = "AppBar_accentPicker__uqki99a";
+var accentSwatch = "AppBar_accentSwatch__uqki99b";
 var actions = "AppBar_actions__uqki998";
+var actionsInner = "AppBar_actionsInner__uqki999";
 var appBar = "AppBar_appBar__uqki990";
 var brand = "AppBar_brand__uqki991";
 var brandDivider = "AppBar_brandDivider__uqki993";
@@ -938,30 +938,32 @@ function AppBar({
       searchKbd2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: searchKbd, children: searchKbd2 })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actions, children: [
-      onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkLJ24EJ3N_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: accentSwatch,
-          "data-active": name === accent,
-          onClick: () => onAccentChange(name),
-          "aria-label": name,
-          "aria-pressed": name === accent,
-          style: { background: chunkLJ24EJ3N_cjs.accentColors[name].main }
-        },
-        name
-      )) }),
-      onToggleTheme && /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          glyph: isDark ? "sun" : "moon",
-          onClick: onToggleTheme,
-          "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode"
-        }
-      ),
-      onNewClick && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "accent", size: "sm", glyph: "plus", onClick: onNewClick, children: "New" }),
-      actions2,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actionsInner, children: [
+        onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkLJ24EJ3N_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: accentSwatch,
+            "data-active": name === accent,
+            onClick: () => onAccentChange(name),
+            "aria-label": name,
+            "aria-pressed": name === accent,
+            style: { background: chunkLJ24EJ3N_cjs.accentColors[name].main }
+          },
+          name
+        )) }),
+        onToggleTheme && /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            glyph: isDark ? "sun" : "moon",
+            onClick: onToggleTheme,
+            "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode"
+          }
+        ),
+        onNewClick && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "accent", size: "sm", glyph: "plus", onClick: onNewClick, children: "New" }),
+        actions2
+      ] }),
       avatarInitials && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { initials: avatarInitials, size: "sm", tone: "neutral" })
     ] })
   ] });