@redocly/marketing-pages 0.1.38 → 0.1.39

package/dist/components/Blog/Author.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Author as AuthorType } from './types';
 export interface AuthorProps {
-    date: Date;
+    publishedDate: Date;
     author: AuthorType;
     className?: string;
 }
-export declare const Author: ({ author, date, className }: AuthorProps) => React.JSX.Element;
+export declare const Author: ({ author, publishedDate, className }: AuthorProps) => React.JSX.Element;

package/dist/components/Blog/Author.js

@@ -1,3 +1,3 @@
-import e from"react";import l from"styled-components";import{Box as r}from"../../ui/Box";import{TextNormal as o}from"../TypographyElements/TypographyElements";import{ResponsiveImg as c}from"../ImageComponents/ResponsiveImg";const d=({author:t,date:m,className:a})=>e.createElement(r,{display:"flex",className:a},e.createElement(n,{src:t.image}),e.createElement(r,{display:"flex",flexDirection:"column",justifyContent:"center",pl:"12px"},e.createElement(o,{color:"var(--color-text-accent)"},"By ",t.name),e.createElement(o,{color:"var(--color-text-dimmed)"},m.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"})))),n=l(c).attrs({alt:"avatar"})`
+import e from"react";import l from"styled-components";import{Box as r}from"../../ui/Box";import{TextNormal as o}from"../TypographyElements/TypographyElements";import{ResponsiveImg as c}from"../ImageComponents/ResponsiveImg";const d=({author:t,publishedDate:m,className:a})=>e.createElement(r,{display:"flex",className:a},e.createElement(n,{src:t.image}),e.createElement(r,{display:"flex",flexDirection:"column",justifyContent:"center",pl:"12px"},e.createElement(o,{color:"var(--color-text-accent)"},"By ",t.name),e.createElement(o,{color:"var(--color-text-dimmed)"},m.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"})))),n=l(c).attrs({alt:"avatar"})`
   height: 55px;
 `;export{d as Author};

package/dist/components/Blog/FeaturedClassics.js

@@ -1,4 +1,4 @@
-import t,{useMemo as s}from"react";import{linearGradient as l}from"polished";import m from"styled-components";import{PrimaryPostCard as c}from"./PrimaryPostCard";import{GridSection as d,MediaBox as f,Skewed as u}from"../PositionItems";import{TextGradient as p}from"../TextGradient/TextGradient";import{breakpoints as h}from"@redocly/theme/core/utils";import{useThemeHooks as g}from"@redocly/theme/core/hooks";const k=()=>{const{usePageSharedData:i}=g(),{posts:o}=i("blog-posts"),r=["Redocly Premium vs Open Source Features","Open-sourcing Redocly\u2019s unique approach to dogfooding","API documentation essentials","Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","llms.txt is overhyped","Redocly Launches New API Tools Suite","The rise of interactive documentation","My favorite new features","Rethinking sub-resources in API design","What's an API?","API Governance: Shift-Left to Save Money and Accelerate Velocity","Learn OpenAPI in a day"],n=s(()=>[...o.filter(({title:a})=>r.includes(a))].sort(()=>Math.random()-.5).slice(0,3),[o]);return t.createElement(u,{angle:0,bg:l({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(f,{mb:6},t.createElement(y,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(c,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author})))))},y=m(p)`
+import t,{useMemo as a}from"react";import{linearGradient as l}from"polished";import m from"styled-components";import{PrimaryPostCard as c}from"./PrimaryPostCard";import{GridSection as d,MediaBox as u,Skewed as f}from"../PositionItems";import{TextGradient as p}from"../TextGradient/TextGradient";import{breakpoints as h}from"@redocly/theme/core/utils";import{useThemeHooks as g}from"@redocly/theme/core/hooks";const k=()=>{const{usePageSharedData:i}=g(),{posts:o}=i("blog-posts"),r=["Redocly Premium vs Open Source Features","Open-sourcing Redocly\u2019s unique approach to dogfooding","API documentation essentials","Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","llms.txt is overhyped","Redocly Launches New API Tools Suite","The rise of interactive documentation","My favorite new features","Rethinking sub-resources in API design","What's an API?","API Governance: Shift-Left to Save Money and Accelerate Velocity","Learn OpenAPI in a day"],n=a(()=>[...o.filter(({title:s})=>r.includes(s))].sort(()=>Math.random()-.5).slice(0,3),[o]);return t.createElement(f,{angle:0,bg:l({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(u,{mb:6},t.createElement(b,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(c,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,publishedDate:e.publishedDate,author:e.author})))))},b=m(p)`
   font-size: 28px;
   line-height: 30px;
   font-family: var(--font-family);

package/dist/components/Blog/FirstThreePosts.js

@@ -1,4 +1,4 @@
-import e from"react";import o from"styled-components";import{TextGradient as s}from"../TextGradient/TextGradient";import{Box as m}from"../../ui/Box";import{MediaBox as c,GridSection as p,Grid as a}from"../PositionItems";import{H2Title as f,Paragraph as i}from"../TypographyElements/TypographyElements";import{PostLink as n}from"./PostLink";import{Author as x}from"./Author";import{formatDateString as d}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as b}from"@redocly/theme/core/hooks";function M(){const{usePageSharedData:r}=b(),{posts:t}=r("blog-posts");return e.createElement(c,{my:6},e.createElement(p,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridTemplateRows:{base:"1fr",small:"1fr 1fr"},gridTemplateAreas:{base:'"first" "second" "third"',small:'"first second" "first third"'},gridGap:{base:"20px"}},e.createElement(h,{post:t[0]}),e.createElement(l,{post:t[1],gridArea:"second"}),e.createElement(l,{post:t[2],gridArea:"third"})))}const h=({post:r})=>e.createElement(a,{gridArea:"first"},e.createElement(n,{to:r.slug},e.createElement(u,{background:r.image},e.createElement(w,null),e.createElement(m,{position:"relative"},e.createElement(f,{color:"var(--secondary-color)"},r.title),e.createElement(i,{color:"var(--secondary-color)"},r.description),e.createElement(v,{author:r.author,date:d(r.date)}))))),u=o.div`
+import e from"react";import o from"styled-components";import{TextGradient as s}from"../TextGradient/TextGradient";import{Box as m}from"../../ui/Box";import{MediaBox as c,GridSection as p,Grid as a}from"../PositionItems";import{H2Title as f,Paragraph as i}from"../TypographyElements/TypographyElements";import{PostLink as n}from"./PostLink";import{Author as x}from"./Author";import{formatDateString as l}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as b}from"@redocly/theme/core/hooks";function M(){const{usePageSharedData:r}=b(),{posts:t}=r("blog-posts");return e.createElement(c,{my:6},e.createElement(p,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridTemplateRows:{base:"1fr",small:"1fr 1fr"},gridTemplateAreas:{base:'"first" "second" "third"',small:'"first second" "first third"'},gridGap:{base:"20px"}},e.createElement(h,{post:t[0]}),e.createElement(d,{post:t[1],gridArea:"second"}),e.createElement(d,{post:t[2],gridArea:"third"})))}const h=({post:r})=>e.createElement(a,{gridArea:"first"},e.createElement(n,{to:r.slug},e.createElement(u,{background:r.image},e.createElement(w,null),e.createElement(m,{position:"relative"},e.createElement(f,{color:"var(--secondary-color)"},r.title),e.createElement(i,{color:"var(--secondary-color)"},r.description),e.createElement(v,{author:r.author,publishedDate:l(r.publishedDate)}))))),u=o.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -22,7 +22,7 @@ import e from"react";import o from"styled-components";import{TextGradient as s}f
   width: 100%;
   height: 100%;
   left: 0;
-`,l=({post:r,gridArea:t})=>e.createElement(a,{gridArea:t},e.createElement(n,{to:r.slug},e.createElement(E,{gridArea:t},e.createElement(y,{my:0},r.title),e.createElement(i,{color:"var(--color-text-dimmed)",m:0},r.description),e.createElement(i,{color:"var(--color-text-dimmed)",fontWeight:500,fontStyle:"italic"},d(r.date))))),y=o(s)`
+`,d=({post:r,gridArea:t})=>e.createElement(a,{gridArea:t},e.createElement(n,{to:r.slug},e.createElement(E,{gridArea:t},e.createElement(y,{my:0},r.title),e.createElement(i,{color:"var(--color-text-dimmed)",m:0},r.description),e.createElement(i,{color:"var(--color-text-dimmed)",fontWeight:500,fontStyle:"italic"},l(r.publishedDate))))),y=o(s)`
   font-size: 18px;
   line-height: 24px;
   font-family: var(--font-family);

package/dist/components/Blog/LatestPosts.js

@@ -1,4 +1,4 @@
-import t,{useState as i,useMemo as g}from"react";import p from"styled-components";import{Button as h}from"../Button/CustomButton";import{Box as y}from"../../ui/Box";import{MediaBox as C,GridSection as x}from"../PositionItems";import{H2Title as S}from"../TypographyElements/TypographyElements";import{PostsCategoryFilter as b}from"../Blog/PostsCategoryFilter";import{SecondaryPostCard as k}from"../Blog/SecondaryPostCard";import{useMediaQuery as w}from"../../hooks/useMediaQuery";import{useThemeHooks as E}from"@redocly/theme/core/hooks";const R=()=>{const{usePageSharedData:c}=E(),n=w("(max-width: 550px)"),[r,a]=i(!1),[o,m]=i(null),{posts:l,metadata:{categories:d}}=c("blog-posts"),f=e=>{m(e),a(!1)},s=g(()=>o?l.filter(e=>e.categories.findIndex(u=>u.id===o)!==-1):l,[o]);return t.createElement(C,null,t.createElement(S,{color:"var(--color-text-dark)"},"Latest posts"),!n&&t.createElement(b,{categories:d,selectedCategory:o,onCategoryClick:f}),t.createElement(x,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridRowGap:6,gridColumnGap:5,justifyItems:{base:"center"}},s.slice(0,r?void 0:4).map(e=>t.createElement(k,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author}))),s.length>4&&t.createElement(y,{display:"flex",mt:6,justifyContent:"center"},t.createElement(v,{variant:"outlined",onClick:()=>a(e=>!e),size:"large"},r?"Show less":"Show more")))},v=p(h)`
+import t,{useState as i,useMemo as g}from"react";import p from"styled-components";import{Button as h}from"../Button/CustomButton";import{Box as y}from"../../ui/Box";import{MediaBox as C,GridSection as x}from"../PositionItems";import{H2Title as b}from"../TypographyElements/TypographyElements";import{PostsCategoryFilter as S}from"../Blog/PostsCategoryFilter";import{SecondaryPostCard as k}from"../Blog/SecondaryPostCard";import{useMediaQuery as w}from"../../hooks/useMediaQuery";import{useThemeHooks as E}from"@redocly/theme/core/hooks";const L=()=>{const{usePageSharedData:c}=E(),n=w("(max-width: 550px)"),[r,a]=i(!1),[o,m]=i(null),{posts:l,metadata:{categories:d}}=c("blog-posts"),f=e=>{m(e),a(!1)},s=g(()=>o?l.filter(e=>e.categories.findIndex(u=>u.id===o)!==-1):l,[o]);return t.createElement(C,null,t.createElement(b,{color:"var(--color-text-dark)"},"Latest posts"),!n&&t.createElement(S,{categories:d,selectedCategory:o,onCategoryClick:f}),t.createElement(x,{gridTemplateColumns:{base:"1fr",small:"1fr 1fr"},gridRowGap:6,gridColumnGap:5,justifyItems:{base:"center"}},s.slice(0,r?void 0:4).map(e=>t.createElement(k,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,publishedDate:e.publishedDate,author:e.author}))),s.length>4&&t.createElement(y,{display:"flex",mt:6,justifyContent:"center"},t.createElement(v,{variant:"outlined",onClick:()=>a(e=>!e),size:"large"},r?"Show less":"Show more")))},v=p(h)`
   color: var(--color-accent-main);
   border: 1px solid var(--color-accent-main);
 
@@ -6,4 +6,4 @@ import t,{useState as i,useMemo as g}from"react";import p from"styled-components
     border: 1px solid var(--color-accent-main);
     background-color: #fcf3f0;
   }
-`;export{R as LatestPosts};
+`;export{L as LatestPosts};

package/dist/components/Blog/PostInfo.d.ts

@@ -4,7 +4,7 @@ interface PostInfoProps {
     authorName: string;
     authorBIO?: string;
     avatar: string;
-    date: Date;
+    publishedDate: Date;
     categories: {
         category: Category;
         subcategory?: Category;

package/dist/components/Blog/PostInfo.js

@@ -1,4 +1,4 @@
-import e from"react";import r from"styled-components";import{TextGradient as x}from"../TextGradient/TextGradient";import{TextNormal as l,TextSmall as f}from"../TypographyElements/TypographyElements";import{Box as d}from"../../ui/Box";import{formatDateString as h}from"../../utils/dates";import{breakpoints as n}from"@redocly/theme/core/utils";import{Tag as u}from"@redocly/theme/components/Tag/Tag";function y(t){const{date:o,author:m,title:c,image:p,categories:g}=t,s=(i,a)=>{typeof window<"u"&&(window.location.href=`/blog/category/${i}${a?`/${a}`:""}`)};return e.createElement(d,{mt:5},e.createElement(E,null,e.createElement(w,null,g.map(i=>e.createElement(b,{key:i.category.id,onClick:()=>s(i.category.id,i.subcategory?.id||null)},i.category.label,i.subcategory?.label&&` \u2022 ${i.subcategory?.label}`))),e.createElement($,{my:5},c)),e.createElement(v,{author:m,date:h(o)}),e.createElement(C,null,e.createElement(I,{src:p,alt:"post"})))}const b=r(u)`
+import e from"react";import r from"styled-components";import{TextGradient as x}from"../TextGradient/TextGradient";import{TextNormal as l,TextSmall as f}from"../TypographyElements/TypographyElements";import{Box as d}from"../../ui/Box";import{formatDateString as h}from"../../utils/dates";import{breakpoints as n}from"@redocly/theme/core/utils";import{Tag as u}from"@redocly/theme/components/Tag/Tag";function y(t){const{publishedDate:o,author:m,title:c,image:p,categories:s}=t,g=(i,a)=>{typeof window<"u"&&(window.location.href=`/blog/category/${i}${a?`/${a}`:""}`)};return e.createElement(d,{mt:5},e.createElement(E,null,e.createElement(w,null,s.map(i=>e.createElement(b,{key:i.category.id,onClick:()=>g(i.category.id,i.subcategory?.id||null)},i.category.label,i.subcategory?.label&&` \u2022 ${i.subcategory?.label}`))),e.createElement($,{my:5},c)),e.createElement(v,{author:m,publishedDate:h(o)}),e.createElement(C,null,e.createElement(I,{src:p,alt:"post"})))}const b=r(u)`
   display: flex;
   height: 32px;
   padding: 0 12px;
@@ -17,7 +17,7 @@ import e from"react";import r from"styled-components";import{TextGradient as x}f
   display: flex;
   flex-direction: column;
   gap: 16px;
-`,v=({author:t,date:o})=>e.createElement(d,{display:"flex"},e.createElement(T,{bg:t.image}),e.createElement(B,null,e.createElement(k,{hasAuthorBIO:t.authorBIO},e.createElement(l,{color:"var(--color-text-dark)",fontWeight:500},"By ",t.name),e.createElement(l,{style:{marginLeft:t.authorBIO&&"10px"}},o.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"}))),e.createElement(f,{color:"var(--color-text-dimmed)"},t.authorBIO))),k=r.div`
+`,v=({author:t,publishedDate:o})=>e.createElement(d,{display:"flex"},e.createElement(T,{bg:t.image}),e.createElement(B,null,e.createElement(k,{hasAuthorBIO:t.authorBIO},e.createElement(l,{color:"var(--color-text-dark)",fontWeight:500},"By ",t.name),e.createElement(l,{style:{marginLeft:t.authorBIO&&"10px"}},o.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"}))),e.createElement(f,{color:"var(--color-text-dimmed)"},t.authorBIO))),k=r.div`
   display: flex;
   flex-wrap: wrap;
   flex-direction: ${({hasAuthorBIO:t})=>t?"row":"column"};

package/dist/components/Blog/PrimaryPostCard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Post } from './types';
-interface PrimaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
+interface PrimaryPostCardProps extends Pick<Post, 'title' | 'author' | 'publishedDate' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/PrimaryPostCard.js

@@ -1,4 +1,4 @@
-import t from"react";import e from"styled-components";import{H4Title as p,Paragraph as d}from"../TypographyElements/TypographyElements";import{Box as c}from"../../ui/Box";import{Author as x}from"./Author";import{PostLink as h}from"./PostLink";import{formatDateString as s}from"../../utils/dates";import{breakpoints as f}from"@redocly/theme/core/utils";function S(o){const{title:r,to:i,img:a,author:n,date:m,description:l}=o;return t.createElement(u,null,t.createElement(h,{to:i},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%",p:"24px 32px 32px 32px"},t.createElement(g,{src:a}),t.createElement(b,null,t.createElement(p,null,r),t.createElement(d,{color:"var(--color-text-dimmed)"},l),t.createElement(w,{author:n,date:s(m)})))))}const g=e.img`
+import t from"react";import e from"styled-components";import{H4Title as p,Paragraph as d}from"../TypographyElements/TypographyElements";import{Box as c}from"../../ui/Box";import{Author as h}from"./Author";import{PostLink as x}from"./PostLink";import{formatDateString as s}from"../../utils/dates";import{breakpoints as f}from"@redocly/theme/core/utils";function S(o){const{title:r,to:i,img:a,author:n,publishedDate:m,description:l}=o;return t.createElement(u,null,t.createElement(x,{to:i},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%",p:"24px 32px 32px 32px"},t.createElement(g,{src:a}),t.createElement(b,null,t.createElement(p,null,r),t.createElement(d,{color:"var(--color-text-dimmed)"},l),t.createElement(w,{author:n,publishedDate:s(m)})))))}const g=e.img`
   width: 100%;
   height: 150px;
   margin-bottom: 26px;
@@ -25,6 +25,6 @@ import t from"react";import e from"styled-components";import{H4Title as p,Paragr
   display: flex;
   flex-direction: column;
   height: 100%;
-`,w=e(x)`
+`,w=e(h)`
   margin-top: auto;
 `;export{S as PrimaryPostCard};

package/dist/components/Blog/SecondaryPostCard.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Post } from './types';
-interface SecondaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
+interface SecondaryPostCardProps extends Pick<Post, 'title' | 'author' | 'publishedDate' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/SecondaryPostCard.js

@@ -1,4 +1,4 @@
-import t from"react";import e from"styled-components";import{Box as c}from"../../ui/Box";import{Author as d}from"./Author";import{PostLink as p}from"./PostLink";import{H4Title as x,Paragraph as h}from"../TypographyElements/TypographyElements";import{formatDateString as s}from"../../utils/dates";function A(o){const{title:r,to:a,img:i,author:n,date:l,description:m}=o;return t.createElement(f,null,t.createElement(p,{to:a},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%"},t.createElement("div",null,t.createElement(u,null),t.createElement(g,{src:i})),t.createElement(b,null,t.createElement(x,{my:1,color:"var(--color-text-accent)"},r),t.createElement(h,{color:"var(--color-text-dimmed)"},m),t.createElement(v,{author:n,date:s(l)})))))}const g=e.img`
+import t from"react";import e from"styled-components";import{Box as c}from"../../ui/Box";import{Author as d}from"./Author";import{PostLink as p}from"./PostLink";import{H4Title as h,Paragraph as s}from"../TypographyElements/TypographyElements";import{formatDateString as x}from"../../utils/dates";function S(o){const{title:r,to:i,img:a,author:n,publishedDate:l,description:m}=o;return t.createElement(b,null,t.createElement(p,{to:i},t.createElement(c,{display:"flex",flexDirection:"column",height:"100%"},t.createElement("div",null,t.createElement(u,null),t.createElement(g,{src:a})),t.createElement(f,null,t.createElement(h,{my:1,color:"var(--color-text-accent)"},r),t.createElement(s,{color:"var(--color-text-dimmed)"},m),t.createElement(v,{author:n,publishedDate:x(l)})))))}const g=e.img`
   width: 100%;
   height: 270px;
   object-fit: cover;
@@ -12,7 +12,7 @@ import t from"react";import e from"styled-components";import{Box as c}from"../..
   position: absolute;
   width: 100%;
   height: 270px;
-`,f=e.div`
+`,b=e.div`
   position: relative;
   max-width: 500px;
   background: white;
@@ -26,11 +26,11 @@ import t from"react";import e from"styled-components";import{Box as c}from"../..
       0 0 50px rgba(0 68 212 / 18%),
       0 8px 16px 0 rgb(0 68 212 / 18%);
   }
-`,b=e.div`
+`,f=e.div`
   padding: 18px 36px 36px 36px;
   display: flex;
   flex-direction: column;
   height: 100%;
 `,v=e(d)`
   margin-top: auto;
-`;export{A as SecondaryPostCard};
+`;export{S as SecondaryPostCard};

package/dist/components/Blog/types.d.ts

@@ -16,7 +16,7 @@ export type Post = {
     title: string;
     description: string;
     content: string;
-    date: Date;
+    publishedDate: Date;
 };
 export type Author = {
     id: string;

package/dist/templates/BlogPost.js

@@ -1,4 +1,4 @@
-import e from"react";import o from"styled-components";import{useThemeHooks as s}from"@redocly/theme/core/hooks";import d from"@redocly/marketing-pages/components/Blog/PostInfo.js";import{MediaBox as p}from"@redocly/marketing-pages/components/PositionItems/MediaBox.js";import{Markdown as u}from"@redocly/theme/components/Markdown/Markdown";import{Box as g}from"@redocly/marketing-pages/ui/Box.js";import{RecentPosts as f}from"@redocly/marketing-pages/components/Blog/RecentPosts.js";function h(a){const{usePageProps:r}=s(),m=r(),{date:i,author:t,categories:n,title:l,image:c}=m.metadata;return e.createElement(w,{style:{background:"white"}},e.createElement(x,null,e.createElement(d,{authorName:t?.name,authorBIO:t.authorBIO,date:i,categories:n,title:l,author:t,avatar:t?.image,image:c}),e.createElement(u,null,a.children)),e.createElement(p,null,e.createElement(g,{my:"80px"},e.createElement(f,null))))}const x=o.div`
+import e from"react";import o from"styled-components";import{useThemeHooks as s}from"@redocly/theme/core/hooks";import p from"@redocly/marketing-pages/components/Blog/PostInfo.js";import{MediaBox as d}from"@redocly/marketing-pages/components/PositionItems/MediaBox.js";import{Markdown as u}from"@redocly/theme/components/Markdown/Markdown";import{Box as h}from"@redocly/marketing-pages/ui/Box.js";import{RecentPosts as g}from"@redocly/marketing-pages/components/Blog/RecentPosts.js";function f(a){const{usePageProps:r}=s(),m=r(),{publishedDate:i,author:t,categories:n,title:l,image:c}=m.metadata;return e.createElement(w,{style:{background:"white"}},e.createElement(x,null,e.createElement(p,{authorName:t?.name,authorBIO:t.authorBIO,publishedDate:i,categories:n,title:l,author:t,avatar:t?.image,image:c}),e.createElement(u,null,a.children)),e.createElement(d,null,e.createElement(h,{my:"80px"},e.createElement(g,null))))}const x=o.div`
   margin-left: auto;
   margin-right: auto;
   max-width: calc(90vw);
@@ -9,4 +9,4 @@ import e from"react";import o from"styled-components";import{useThemeHooks as s}
 `,w=o.div`
   position: relative;
   overflow: hidden;
-`;export{h as default};
+`;export{f as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",