@umami/shiso 0.27.0 → 0.28.0

package/dist/index.css

@@ -103,55 +103,55 @@ pre.CodeBlock_container__YmFmN code {
 }
 
 /* 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

@@ -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 }),

package/dist/index.mjs

@@ -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 }),

package/package.json

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