@umami/shiso 0.27.0 → 0.29.0

package/dist/index.css

@@ -73,85 +73,86 @@ pre.CodeBlock_container__YmFmN code {
 }
 
 /* virtual-css:css:72ce2cfbba7b635b2ff1a5f4f5eeabf3 */
-.SideNav_nav__MDQ3Z {
+.SideNav_nav__Mjk0M {
   overflow-y: auto;
 }
-.SideNav_nav__MDQ3Z.SideNav_sticky__ZjQ5Y {
+.SideNav_nav__Mjk0M.SideNav_sticky__ZmE5M {
   position: sticky;
+  top: 30px;
 }
-.SideNav_nav__MDQ3Z .SideNav_item__ZWU3Z {
+.SideNav_nav__Mjk0M .SideNav_item__ZmE0N {
   color: var(--font-color-muted);
   padding: 0;
   border-radius: 0;
   border-left: var(--border-size-1) solid var(--border-color);
 }
-.SideNav_nav__MDQ3Z .SideNav_item__ZWU3Z a {
+.SideNav_nav__Mjk0M .SideNav_item__ZmE0N a {
   color: currentColor;
   width: 100%;
   padding: var(--padding-y) var(--padding-x);
   text-decoration: none;
 }
-.SideNav_nav__MDQ3Z .SideNav_item__ZWU3Z a:hover {
+.SideNav_nav__Mjk0M .SideNav_item__ZmE0N a:hover {
   color: var(--primary-color);
 }
-.SideNav_nav__MDQ3Z .SideNav_item__ZWU3Z.SideNav_selected__NDgxN {
+.SideNav_nav__Mjk0M .SideNav_item__ZmE0N.SideNav_selected__MWRhM {
   color: var(--font-color);
   border-color: var(--primary-color);
 }
-.SideNav_items__MzBhY header {
+.SideNav_items__NjM0Z header {
   padding: var(--padding-y) 0;
 }
 
 /* virtual-css:css:7938c95522eda3e1f8244364ad70b38c */
-.ContentArea_content__NDVhM {
+.ContentArea_content__NGFkN {
   font-size: 16px;
   margin-bottom: 60px;
 }
-.ContentArea_content__NDVhM > p {
-  color: var(--font-color-muted);
+.ContentArea_content__NGFkN > p {
+  color: var(--font-color);
   line-height: 1.8;
 }
-.ContentArea_content__NDVhM a {
+.ContentArea_content__NGFkN a {
   color: var(--font-color);
   font-weight: 600;
   text-decoration: underline var(--border-color);
   text-underline-offset: 4px;
 }
-.ContentArea_content__NDVhM a:hover {
+.ContentArea_content__NGFkN a:hover {
   color: var(--font-color);
   text-decoration: underline var(--primary-color);
 }
-.ContentArea_content__NDVhM h1 {
+.ContentArea_content__NGFkN h1 {
   font-size: var(--font-size-8);
   letter-spacing: var(--letter-spacing-1);
   margin: 0 0 var(--spacing-4) 0;
 }
-.ContentArea_content__NDVhM h2 {
+.ContentArea_content__NGFkN h2 {
   font-size: var(--font-size-6);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-8) 0 var(--spacing-4) 0;
 }
-.ContentArea_content__NDVhM h3 {
+.ContentArea_content__NGFkN h3 {
   font-size: var(--font-size-5);
   letter-spacing: var(--letter-spacing-1);
   margin: var(--spacing-7) 0 var(--spacing-4) 0;
 }
-.ContentArea_content__NDVhM *[id] {
+.ContentArea_content__NGFkN *[id] {
   scroll-margin-top: var(--spacing-4);
 }
-.ContentArea_content__NDVhM ul {
+.ContentArea_content__NGFkN ul {
   list-style: disc;
 }
-.ContentArea_content__NDVhM ol {
+.ContentArea_content__NGFkN ol {
   list-style: decimal;
 }
-.ContentArea_content__NDVhM pre {
+.ContentArea_content__NGFkN pre {
   margin: var(--spacing-5) 0;
 }
-.ContentArea_content__NDVhM code {
+.ContentArea_content__NGFkN code {
   font-size: 14px;
 }
-.ContentArea_content__NDVhM code:not([class]) {
+.ContentArea_content__NGFkN code:not([class]) {
   font-family: var(--font-family-code);
   color: var(--font-color);
   padding: var(--spacing-1);

package/dist/index.js

@@ -182,7 +182,7 @@ function PageLinks({ items = [], className, ...props }) {
   if (!items?.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen5.Box, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen5.Column, { gap: "3", minWidth: "240px", className: (0, import_classnames.default)(PageLinks_default.links, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen5.Box, { ...props, className: (0, import_classnames.default)(PageLinks_default.links, className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_zen5.Column, { gap: "3", minWidth: "240px", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_zen5.Text, { size: "2", weight: "bold", children: "On this page" }),
     items.map(({ name, id, size }) => {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -208,7 +208,7 @@ var import_navigation = require("next/navigation");
 var import_link = __toESM(require("next/link"));
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/SideNav.module.css
-var SideNav_default = { "nav": "SideNav_nav__MDQ3Z", "sticky": "SideNav_sticky__ZjQ5Y", "item": "SideNav_item__ZWU3Z", "selected": "SideNav_selected__NDgxN", "items": "SideNav_items__MzBhY" };
+var SideNav_default = { "nav": "SideNav_nav__Mjk0M", "sticky": "SideNav_sticky__ZmE5M", "item": "SideNav_item__ZmE0N", "selected": "SideNav_selected__MWRhM", "items": "SideNav_items__NjM0Z" };
 
 // src/components/SideNav.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -276,7 +276,7 @@ function TopNav({ tabs }) {
 var import_react_zen8 = require("@umami/react-zen");
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/ContentArea.module.css
-var ContentArea_default = { "content": "ContentArea_content__NDVhM" };
+var ContentArea_default = { "content": "ContentArea_content__NGFkN" };
 
 // src/components/ContentArea.tsx
 var import_link3 = __toESM(require("next/link"));
@@ -284,8 +284,8 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 function ContentArea({ section, title, description, code, next, prev }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen8.Box, { flexGrow: 1, children: [
     section && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Text, { color: "primary", weight: "bold", children: section }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Heading, { size: "2", as: "h1", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Text, { color: "muted", children: description }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Heading, { size: "2", as: "h1", marginY: "3", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Text, { color: "muted", size: "3", children: description }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen8.Box, { className: ContentArea_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Markdown, { code }) }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen8.Row, { justifyContent: "space-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(NavigationButton, { ...prev, isPrev: true }),
@@ -352,8 +352,15 @@ function Docs() {
     lg: "block",
     xl: "block"
   };
+  const linksDisplay = {
+    default: "none",
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "block",
+    xl: "block"
+  };
   const menuDisplay = {
-    default: "block",
     lg: "none",
     xl: "none"
   };
@@ -400,7 +407,7 @@ function Docs() {
               prev
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageLinks, { display: navDisplay, items: anchors, style: { top } })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
         ]
       }
     )

package/dist/index.mjs

@@ -158,7 +158,7 @@ function PageLinks({ items = [], className, ...props }) {
   if (!items?.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx6(Box, { ...props, children: /* @__PURE__ */ jsxs4(Column3, { gap: "3", minWidth: "240px", className: classNames(PageLinks_default.links, className), children: [
+  return /* @__PURE__ */ jsx6(Box, { ...props, className: classNames(PageLinks_default.links, className), children: /* @__PURE__ */ jsxs4(Column3, { gap: "3", minWidth: "240px", children: [
     /* @__PURE__ */ jsx6(Text, { size: "2", weight: "bold", children: "On this page" }),
     items.map(({ name, id, size }) => {
       return /* @__PURE__ */ jsx6(
@@ -184,7 +184,7 @@ import { usePathname } from "next/navigation";
 import Link from "next/link";
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/SideNav.module.css
-var SideNav_default = { "nav": "SideNav_nav__MDQ3Z", "sticky": "SideNav_sticky__ZjQ5Y", "item": "SideNav_item__ZWU3Z", "selected": "SideNav_selected__NDgxN", "items": "SideNav_items__MzBhY" };
+var SideNav_default = { "nav": "SideNav_nav__Mjk0M", "sticky": "SideNav_sticky__ZmE5M", "item": "SideNav_item__ZmE0N", "selected": "SideNav_selected__MWRhM", "items": "SideNav_items__NjM0Z" };
 
 // src/components/SideNav.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -252,7 +252,7 @@ function TopNav({ tabs }) {
 import { Heading, Box as Box3, Text as Text2, Row, Icon as Icon2, Icons as Icons2 } from "@umami/react-zen";
 
 // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/ContentArea.module.css
-var ContentArea_default = { "content": "ContentArea_content__NDVhM" };
+var ContentArea_default = { "content": "ContentArea_content__NGFkN" };
 
 // src/components/ContentArea.tsx
 import Link3 from "next/link";
@@ -260,8 +260,8 @@ import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function ContentArea({ section, title, description, code, next, prev }) {
   return /* @__PURE__ */ jsxs5(Box3, { flexGrow: 1, children: [
     section && /* @__PURE__ */ jsx9(Text2, { color: "primary", weight: "bold", children: section }),
-    title && /* @__PURE__ */ jsx9(Heading, { size: "2", as: "h1", children: title }),
-    description && /* @__PURE__ */ jsx9(Text2, { color: "muted", children: description }),
+    title && /* @__PURE__ */ jsx9(Heading, { size: "2", as: "h1", marginY: "3", children: title }),
+    description && /* @__PURE__ */ jsx9(Text2, { color: "muted", size: "3", children: description }),
     /* @__PURE__ */ jsx9(Box3, { className: ContentArea_default.content, children: /* @__PURE__ */ jsx9(Markdown, { code }) }),
     /* @__PURE__ */ jsxs5(Row, { justifyContent: "space-between", children: [
       /* @__PURE__ */ jsx9(NavigationButton, { ...prev, isPrev: true }),
@@ -328,8 +328,15 @@ function Docs() {
     lg: "block",
     xl: "block"
   };
+  const linksDisplay = {
+    default: "none",
+    xs: "none",
+    sm: "none",
+    md: "none",
+    lg: "block",
+    xl: "block"
+  };
   const menuDisplay = {
-    default: "block",
     lg: "none",
     xl: "none"
   };
@@ -376,7 +383,7 @@ function Docs() {
               prev
             }
           ),
-          /* @__PURE__ */ jsx10(PageLinks, { display: navDisplay, items: anchors, style: { top } })
+          /* @__PURE__ */ jsx10(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
         ]
       }
     )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/shiso",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "description": "A content layer for Next.js",
   "homepage": "https://umami.is/shiso",
   "repository": {