@publier/shell 4.0.0 → 4.0.1

package/README.md

@@ -60,8 +60,9 @@ Below 1024px, the button named **Open navigation menu** has
 native dialog; the browser owns modal focus, focus restoration and Escape.
 The close button is named **Close navigation menu**. The menu container has
 `data-publier-nav-mobile`; each mobile group is also a `<details>` with the same
-group and menu attributes. Escape closes an open group first, then the containing
-dialog. Links and close buttons dismiss the dialog. Client-router navigation and
+group and menu attributes. With focus inside an open group, Escape closes that
+group first; a subsequent Escape dismisses the dialog. With focus elsewhere in
+the dialog, Escape dismisses the dialog directly. Links and close buttons dismiss the dialog. Client-router navigation and
 crossing into the desktop layout clear open menus.
 
 The active destination uses `aria-current="page"`, chosen by longest local-path

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publier/shell",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "license": "UNLICENSED",
   "description": "Qwik + Astro docs layout for Publier sites.",
   "type": "module",

package/src/styles/base.css

@@ -163,6 +163,21 @@ h6 {
 	background-color: color-mix(in oklab, var(--color-primary) 12%, transparent);
 }
 
+/* DaisyUI button summaries hide the native marker; retain a visual menu cue. */
+[data-publier-top-nav] details[data-publier-nav-group].dropdown > summary::after {
+	content: "";
+	width: 0.4rem;
+	height: 0.4rem;
+	margin-left: 0.25rem;
+	border-right: 1.5px solid currentColor;
+	border-bottom: 1.5px solid currentColor;
+	transform: translateY(-0.1rem) rotate(45deg);
+}
+
+[data-publier-top-nav] details[data-publier-nav-group].dropdown[open] > summary::after {
+	transform: translateY(0.1rem) rotate(225deg);
+}
+
 /* ─── SkipLink ───────────────────────────────────────────── */
 .publier-skip-link {
 	position: fixed;