@umami/shiso 1.1.4 → 1.1.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to `@umami/shiso` are documented here. This project follows
 [Semantic Versioning](https://semver.org/).
 
+## 1.1.6 - 2026-08-19
+
+### Fixed
+
+- Apply Alert's optical SVG offset to wrapped callout icons so their visible
+  strokes align with the first line of text.
+
+## 1.1.5 - 2026-08-19
+
+### Fixed
+
+- Align callout icons with the first line of text using a fixed line-height box
+  that remains consistent in published production builds.
+- Keep header actions aligned to the right when the current navigation scope
+  does not render top-level tabs.
+
 ## 1.1.3 - 2026-08-18
 
 ### Fixed

package/README.md

@@ -2,7 +2,7 @@
 
 Shiso is an open-source documentation framework for Markdown and MDX sites.
 
-Create a project with `pnpm create shiso-app@latest`, then use the framework
+Create a project with `pnpm dlx create-shiso-app@latest`, then use the framework
 commands from that project:
 
 ```bash

package/dist/chunks/App.js

@@ -10979,7 +10979,7 @@ const styles = {
 	accordionContent: "px-4 pb-4 text-base leading-7",
 	expandableTrigger: "items-center px-4 py-3 text-sm font-normal text-foreground hover:no-underline",
 	callout: "my-4 flex items-start gap-3 rounded-lg border px-3 py-2.5 text-sm leading-6",
-	calloutIcon: "mt-[calc((1.5em-1.25rem)/2)] inline-flex size-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4",
+	calloutIcon: "flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5",
 	calloutBody: "flex min-w-0 flex-1 flex-col gap-[0.35rem] [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_:where(p,ul,ol)]:my-[0.35rem] [&>:where(p,ul,ol):first-child]:mt-0 [&>:where(p,ul,ol):last-child]:mb-0",
 	calloutTitle: "font-semibold leading-6",
 	note: "border-border bg-muted/50 text-foreground",
@@ -26238,10 +26238,13 @@ function Header({ site }) {
 						children: [/* @__PURE__ */ jsx(VersionSwitcher, {}), /* @__PURE__ */ jsx(LanguageSwitcher, {})]
 					})]
 				}),
-				docs.showTabs ? /* @__PURE__ */ jsx(TopNav, {
-					docs,
-					label: labels.sections
-				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "h-full min-w-0 justify-self-center",
+					children: docs.showTabs ? /* @__PURE__ */ jsx(TopNav, {
+						docs,
+						label: labels.sections
+					}) : null
+				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 items-center gap-2 justify-self-end",
 					children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/shiso",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "Open-source documentation framework for Markdown and MDX sites.",
   "type": "module",
   "bin": {

package/src/components/Header.tsx

@@ -67,7 +67,9 @@ export function Header({ site }: { site: SiteModel }) {
             <LanguageSwitcher />
           </div>
         </div>
-        {docs.showTabs ? <TopNav docs={docs} label={labels.sections} /> : null}
+        <div className="h-full min-w-0 justify-self-center">
+          {docs.showTabs ? <TopNav docs={docs} label={labels.sections} /> : null}
+        </div>
         <div className="flex min-w-0 items-center gap-2 justify-self-end">
           <Search config={search} labels={labels} />
           {navbar?.links.map(link => (

package/src/components/docs/styles.ts

@@ -12,7 +12,7 @@ export const styles = {
 
   callout: 'my-4 flex items-start gap-3 rounded-lg border px-3 py-2.5 text-sm leading-6',
   calloutIcon:
-    'mt-[calc((1.5em-1.25rem)/2)] inline-flex size-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4',
+    'flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5',
   calloutBody:
     'flex min-w-0 flex-1 flex-col gap-[0.35rem] [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_:where(p,ul,ol)]:my-[0.35rem] [&>:where(p,ul,ol):first-child]:mt-0 [&>:where(p,ul,ol):last-child]:mb-0',
   calloutTitle: 'font-semibold leading-6',