@umami/shiso 1.1.6 → 1.1.7

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to `@umami/shiso` are documented here. This project follows
 [Semantic Versioning](https://semver.org/).
 
+## 1.1.7 - 2026-08-19
+
+### Fixed
+
+- Remove the nested callout description's leading paragraph margin so the first
+  line of text and icon share the same line box.
+
 ## 1.1.6 - 2026-08-19
 
 ### Fixed

package/dist/chunks/App.js

@@ -10979,8 +10979,9 @@ 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: "flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5",
+	calloutIcon: "flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4",
 	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",
+	calloutDescription: "text-sm text-inherit leading-6 [&>:first-child]:mt-0 [&>:last-child]:mb-0",
 	calloutTitle: "font-semibold leading-6",
 	note: "border-border bg-muted/50 text-foreground",
 	info: "border-blue-300 bg-blue-50 text-blue-900 dark:border-blue-400/40 dark:bg-blue-400/10 dark:text-blue-300",
@@ -11355,7 +11356,7 @@ function Callout({ title, icon, children, variant = "note" }) {
 				className: styles.calloutTitle,
 				children: title
 			}) : null, /* @__PURE__ */ jsx(AlertDescription, {
-				className: "text-sm text-inherit leading-6",
+				className: styles.calloutDescription,
 				children
 			})]
 		})]

package/package.json

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

package/src/components/docs/Callout.tsx

@@ -34,7 +34,7 @@ export function Callout({ title, icon, children, variant = 'note' }: CalloutProp
       </span>
       <div className={styles.calloutBody}>
         {title ? <AlertTitle className={styles.calloutTitle}>{title}</AlertTitle> : null}
-        <AlertDescription className="text-sm text-inherit leading-6">{children}</AlertDescription>
+        <AlertDescription className={styles.calloutDescription}>{children}</AlertDescription>
       </div>
     </Alert>
   );

package/src/components/docs/styles.ts

@@ -11,10 +11,10 @@ export const styles = {
     '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:
-    'flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5',
+  calloutIcon: 'flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4',
   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',
+  calloutDescription: 'text-sm text-inherit leading-6 [&>:first-child]:mt-0 [&>:last-child]:mb-0',
   calloutTitle: 'font-semibold leading-6',
   note: 'border-border bg-muted/50 text-foreground',
   info: 'border-blue-300 bg-blue-50 text-blue-900 dark:border-blue-400/40 dark:bg-blue-400/10 dark:text-blue-300',