@umami/shiso 0.22.0 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +7 -8
  2. package/dist/index.js +15 -19
  3. package/dist/index.mjs +16 -25
  4. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -77,34 +77,33 @@ pre.CodeBlock_container__YmFmN code {
77
77
  }
78
78
 
79
79
  /* virtual-css:css:72ce2cfbba7b635b2ff1a5f4f5eeabf3 */
80
- .SideNav_nav__YTUyY {
80
+ .SideNav_nav__NmZmM {
81
81
  height: max-content;
82
82
  overflow-y: auto;
83
83
  }
84
- .SideNav_nav__YTUyY.SideNav_sticky__NGNiY {
84
+ .SideNav_nav__NmZmM.SideNav_sticky__ZTAwY {
85
85
  position: sticky;
86
- top: 30px;
87
86
  }
88
- .SideNav_nav__YTUyY .SideNav_item__ZjUyN {
87
+ .SideNav_nav__NmZmM .SideNav_item__ODZhM {
89
88
  color: var(--font-color-muted);
90
89
  padding: 0;
91
90
  border-radius: 0;
92
91
  border-left: var(--border-size-1) solid var(--border-color);
93
92
  }
94
- .SideNav_nav__YTUyY .SideNav_item__ZjUyN a {
93
+ .SideNav_nav__NmZmM .SideNav_item__ODZhM a {
95
94
  color: currentColor;
96
95
  width: 100%;
97
96
  padding: var(--padding-y) var(--padding-x);
98
97
  text-decoration: none;
99
98
  }
100
- .SideNav_nav__YTUyY .SideNav_item__ZjUyN a:hover {
99
+ .SideNav_nav__NmZmM .SideNav_item__ODZhM a:hover {
101
100
  color: var(--primary-color);
102
101
  }
103
- .SideNav_nav__YTUyY .SideNav_item__ZjUyN.SideNav_selected__OWI5N {
102
+ .SideNav_nav__NmZmM .SideNav_item__ODZhM.SideNav_selected__YjE0Y {
104
103
  color: var(--font-color);
105
104
  border-color: var(--primary-color);
106
105
  }
107
- .SideNav_items__OThkZ header {
106
+ .SideNav_items__N2ZkN header {
108
107
  padding: var(--padding-y) 0;
109
108
  }
110
109
 
package/dist/index.js CHANGED
@@ -207,7 +207,7 @@ var import_navigation = require("next/navigation");
207
207
  var import_link = __toESM(require("next/link"));
208
208
 
209
209
  // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/SideNav.module.css
210
- var SideNav_default = { "nav": "SideNav_nav__YTUyY", "sticky": "SideNav_sticky__NGNiY", "item": "SideNav_item__ZjUyN", "selected": "SideNav_selected__OWI5N", "items": "SideNav_items__OThkZ" };
210
+ var SideNav_default = { "nav": "SideNav_nav__NmZmM", "sticky": "SideNav_sticky__ZTAwY", "item": "SideNav_item__ODZhM", "selected": "SideNav_selected__YjE0Y", "items": "SideNav_items__N2ZkN" };
211
211
 
212
212
  // src/components/SideNav.tsx
213
213
  var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -310,7 +310,7 @@ function parseContent(content, config = {}) {
310
310
  function Docs() {
311
311
  const { content, config } = useShiso();
312
312
  if (!content) {
313
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Heading, { size: "6", children: "Page not found" });
313
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Heading, { children: "Page not found" });
314
314
  }
315
315
  const { tabs, navigation, code, meta, section, next, prev, anchors } = parseContent(
316
316
  content,
@@ -322,29 +322,16 @@ function Docs() {
322
322
  xs: "none",
323
323
  sm: "none",
324
324
  md: "none",
325
- lg: "block",
326
- xl: "block"
325
+ lg: "flex",
326
+ xl: "flex"
327
327
  };
328
328
  const menuDisplay = {
329
329
  default: "flex",
330
330
  lg: "none",
331
331
  xl: "none"
332
332
  };
333
- const MobileMenu = () => {
334
- const handlePress = () => {
335
- };
336
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Row, { justifyContent: "flex-end", display: menuDisplay, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_zen9.DialogTrigger, { children: [
337
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Button, { onPress: handlePress, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Icons.Menu, {}) }) }),
338
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Modal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Dialog, { children: ({ close }) => {
339
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_zen9.Box, { minWidth: "calc(100vw - 60px)", minHeight: "calc(100vh - 60px)", children: [
340
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Row, { justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Button, { onPress: () => close(), variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Icons.Close, {}) }) }) }),
341
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SideNav, { tabs, navigation })
342
- ] });
343
- } }) })
344
- ] }) });
345
- };
346
333
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_zen9.Box, { flexGrow: "1", children: [
347
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MobileMenu, {}),
334
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.Row, { display: menuDisplay, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_zen9.MobileMenuButton, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SideNav, { tabs, navigation }) }) }),
348
335
  tabs && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TopNav, { tabs }),
349
336
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
350
337
  import_react_zen9.Grid,
@@ -352,7 +339,16 @@ function Docs() {
352
339
  gap: "6",
353
340
  columns: { xs: "1fr", sm: "1fr", md: "1fr", lg: "240px 1fr 240px", xl: "240px 1fr 240px" },
354
341
  children: [
355
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SideNav, { display: navDisplay, tabs, navigation, isSticky: true }),
342
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
343
+ SideNav,
344
+ {
345
+ display: navDisplay,
346
+ tabs,
347
+ navigation,
348
+ style: { top },
349
+ isSticky: true
350
+ }
351
+ ),
356
352
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
357
353
  ContentArea,
358
354
  {
package/dist/index.mjs CHANGED
@@ -66,13 +66,8 @@ import {
66
66
  Grid,
67
67
  Box as Box3,
68
68
  Heading as Heading2,
69
- Button,
70
- Icon as Icon3,
71
- Icons as Icons3,
72
69
  Row as Row2,
73
- Modal,
74
- DialogTrigger,
75
- Dialog
70
+ MobileMenuButton
76
71
  } from "@umami/react-zen";
77
72
 
78
73
  // src/components/hooks/useShiso.ts
@@ -182,7 +177,7 @@ import { usePathname } from "next/navigation";
182
177
  import Link from "next/link";
183
178
 
184
179
  // css-modules:/Users/mikecao/Development/umami-software/shiso/src/components/SideNav.module.css
185
- var SideNav_default = { "nav": "SideNav_nav__YTUyY", "sticky": "SideNav_sticky__NGNiY", "item": "SideNav_item__ZjUyN", "selected": "SideNav_selected__OWI5N", "items": "SideNav_items__OThkZ" };
180
+ var SideNav_default = { "nav": "SideNav_nav__NmZmM", "sticky": "SideNav_sticky__ZTAwY", "item": "SideNav_item__ODZhM", "selected": "SideNav_selected__YjE0Y", "items": "SideNav_items__N2ZkN" };
186
181
 
187
182
  // src/components/SideNav.tsx
188
183
  import { jsx as jsx7 } from "react/jsx-runtime";
@@ -285,7 +280,7 @@ function parseContent(content, config = {}) {
285
280
  function Docs() {
286
281
  const { content, config } = useShiso();
287
282
  if (!content) {
288
- return /* @__PURE__ */ jsx10(Heading2, { size: "6", children: "Page not found" });
283
+ return /* @__PURE__ */ jsx10(Heading2, { children: "Page not found" });
289
284
  }
290
285
  const { tabs, navigation, code, meta, section, next, prev, anchors } = parseContent(
291
286
  content,
@@ -297,29 +292,16 @@ function Docs() {
297
292
  xs: "none",
298
293
  sm: "none",
299
294
  md: "none",
300
- lg: "block",
301
- xl: "block"
295
+ lg: "flex",
296
+ xl: "flex"
302
297
  };
303
298
  const menuDisplay = {
304
299
  default: "flex",
305
300
  lg: "none",
306
301
  xl: "none"
307
302
  };
308
- const MobileMenu = () => {
309
- const handlePress = () => {
310
- };
311
- return /* @__PURE__ */ jsx10(Row2, { justifyContent: "flex-end", display: menuDisplay, children: /* @__PURE__ */ jsxs6(DialogTrigger, { children: [
312
- /* @__PURE__ */ jsx10(Button, { onPress: handlePress, variant: "quiet", children: /* @__PURE__ */ jsx10(Icon3, { children: /* @__PURE__ */ jsx10(Icons3.Menu, {}) }) }),
313
- /* @__PURE__ */ jsx10(Modal, { children: /* @__PURE__ */ jsx10(Dialog, { children: ({ close }) => {
314
- return /* @__PURE__ */ jsxs6(Box3, { minWidth: "calc(100vw - 60px)", minHeight: "calc(100vh - 60px)", children: [
315
- /* @__PURE__ */ jsx10(Row2, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx10(Button, { onPress: () => close(), variant: "quiet", children: /* @__PURE__ */ jsx10(Icon3, { children: /* @__PURE__ */ jsx10(Icons3.Close, {}) }) }) }),
316
- /* @__PURE__ */ jsx10(SideNav, { tabs, navigation })
317
- ] });
318
- } }) })
319
- ] }) });
320
- };
321
303
  return /* @__PURE__ */ jsxs6(Box3, { flexGrow: "1", children: [
322
- /* @__PURE__ */ jsx10(MobileMenu, {}),
304
+ /* @__PURE__ */ jsx10(Row2, { display: menuDisplay, justifyContent: "flex-end", children: /* @__PURE__ */ jsx10(MobileMenuButton, { children: /* @__PURE__ */ jsx10(SideNav, { tabs, navigation }) }) }),
323
305
  tabs && /* @__PURE__ */ jsx10(TopNav, { tabs }),
324
306
  /* @__PURE__ */ jsxs6(
325
307
  Grid,
@@ -327,7 +309,16 @@ function Docs() {
327
309
  gap: "6",
328
310
  columns: { xs: "1fr", sm: "1fr", md: "1fr", lg: "240px 1fr 240px", xl: "240px 1fr 240px" },
329
311
  children: [
330
- /* @__PURE__ */ jsx10(SideNav, { display: navDisplay, tabs, navigation, isSticky: true }),
312
+ /* @__PURE__ */ jsx10(
313
+ SideNav,
314
+ {
315
+ display: navDisplay,
316
+ tabs,
317
+ navigation,
318
+ style: { top },
319
+ isSticky: true
320
+ }
321
+ ),
331
322
  /* @__PURE__ */ jsx10(
332
323
  ContentArea,
333
324
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/shiso",
3
- "version": "0.22.0",
3
+ "version": "0.25.0",
4
4
  "description": "A content layer for Next.js",
5
5
  "homepage": "https://umami.is/shiso",
6
6
  "repository": {
@@ -46,7 +46,7 @@
46
46
  "@mdx-js/loader": "^3.0.0",
47
47
  "@mdx-js/mdx": "^3.1.0",
48
48
  "@mdx-js/react": "^3.0.0",
49
- "@umami/react-zen": "^0.36.0",
49
+ "@umami/react-zen": "^0.39.0",
50
50
  "classnames": "^2.5.1",
51
51
  "glob": "^10.3.10",
52
52
  "gray-matter": "^4.0.3",