@redocly/marketing-pages 0.1.37 → 0.1.38

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

@@ -5,7 +5,10 @@ interface PostInfoProps {
     authorBIO?: string;
     avatar: string;
     date: Date;
-    categories: Category[];
+    categories: {
+        category: Category;
+        subcategory?: Category;
+    }[];
     title: string;
     image: string;
     author: any;

package/dist/components/Blog/PostInfo.js

@@ -1,18 +1,38 @@
-import e from"react";import r from"styled-components";import{TextGradient as d}from"../TextGradient/TextGradient";import{TextNormal as n,TextSmall as p}from"../TypographyElements/TypographyElements";import{Box as a}from"../../ui/Box";import{formatDateString as x}from"../../utils/dates";import{breakpoints as o}from"@redocly/theme/core/utils";function s(t){const{date:i,author:m,title:l,image:c}=t;return e.createElement(a,{mt:5},e.createElement(h,{my:5},l),e.createElement(f,{author:m,date:x(i)}),e.createElement(b,null,e.createElement(w,{src:c,alt:"post"})))}const f=({author:t,date:i})=>e.createElement(a,{display:"flex"},e.createElement(u,{bg:t.image}),e.createElement(y,null,e.createElement(g,{hasAuthorBIO:t.authorBIO},e.createElement(n,{color:"var(--color-text-dark)",fontWeight:500},"By ",t.name),e.createElement(n,{style:{marginLeft:t.authorBIO&&"10px"}},i.toLocaleString("en-US",{year:"numeric",month:"long",day:"2-digit"}))),e.createElement(p,{color:"var(--color-text-dimmed)"},t.authorBIO))),g=r.div`
+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)`
+  display: flex;
+  height: 32px;
+  padding: 0 12px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  border-radius: 20px;
+  border: 1px solid #dcdde5;
+  background: #fbfbfc;
+  cursor: pointer;
+`,w=r.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+`,E=r.div`
+  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`
   display: flex;
   flex-wrap: wrap;
   flex-direction: ${({hasAuthorBIO:t})=>t?"row":"column"};
-`,h=r(d)`
+`,$=r(x)`
   font-family: var(--font-family);
   font-size: 44px;
   line-height: 48px;
   font-weight: 600;
+  margin-top: 0;
 
-  @media screen and (min-width: ${o.medium}) {
+  @media screen and (min-width: ${n.medium}) {
     font-size: 64px;
     line-height: 78px;
   }
-`,u=r.div`
+`,T=r.div`
   width: 80px;
   height: 80px;
   border-radius: 50%;
@@ -22,7 +42,7 @@ import e from"react";import r from"styled-components";import{TextGradient as d}f
   background-size: cover;
   background-position: center;
   z-index: 1;
-`,y=r.div`
+`,B=r.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -33,15 +53,15 @@ import e from"react";import r from"styled-components";import{TextGradient as d}f
   padding: 0 10px 0 58px;
   background: white;
   border-radius: 8px;
-`,w=r.img`
+`,I=r.img`
   height: 100%;
   max-height: 210px;
   width: auto;
 
-  @media screen and (min-width: ${o.small}) {
+  @media screen and (min-width: ${n.small}) {
     max-height: 320px;
   }
-`,b=r.div`
+`,C=r.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -50,7 +70,7 @@ import e from"react";import r from"styled-components";import{TextGradient as d}f
   background-color: #deeeff;
   overflow: hidden;
 
-  @media screen and (min-width: ${o.small}) {
+  @media screen and (min-width: ${n.small}) {
     height: 370px;
   }
-`;export{s as default};
+`;export{y as default};

package/dist/components/Blog/PostsCategoryFilter.js

@@ -1,7 +1,7 @@
-import e from"react";import p,{css as l}from"styled-components";import{Button as c}from"../Button/CustomButton";import{Box as i}from"../../ui/Box";const b=({categories:r,selectedCategory:t,onCategoryClick:a})=>e.createElement(i,{display:"flex",flexWrap:"wrap",my:5},e.createElement(m,{size:"medium",key:"All",active:!t,onClick:()=>a(null)},"All"),r.map(({id:o,label:n})=>e.createElement(m,{size:"large",key:o,active:o===t,onClick:()=>a(o)},n))),m=p(c)`
-  ${({active:r})=>r?l`
+import o from"react";import i,{css as a}from"styled-components";import{Box as m}from"../../ui/Box";const g=({categories:r,selectedCategory:t,onCategoryClick:l})=>o.createElement(m,{display:"flex",flexWrap:"wrap",my:5},o.createElement(n,{size:"medium",key:"All",active:!t,onClick:()=>l(null)},"All"),r.map(({id:e,label:c})=>o.createElement(n,{size:"large",key:e,active:e===t,href:`/blog/category/${e}`},c))),n=i.a`
+  ${({active:r})=>r?a`
           background: #f88d3b;
-        `:l`
+        `:a`
           background: rgba(0, 68, 212, 0.2);
         `}
 
@@ -10,6 +10,8 @@ import e from"react";import p,{css as l}from"styled-components";import{Button as
   border-radius: 24px;
   color: var(--color-warm-grey-10);
   border-color: transparent;
+  text-decoration: none;
+  text-align: center;
   font-size: 18px;
   padding: 8px 18px;
   min-width: 120px;
@@ -18,4 +20,4 @@ import e from"react";import p,{css as l}from"styled-components";import{Button as
     border-color: var(--color-carrot-7);
     background: #f88d3b;
   }
-`;export{b as PostsCategoryFilter};
+`;export{g as PostsCategoryFilter};

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

@@ -8,7 +8,10 @@ export type Post = {
     };
     slug: string;
     author: Author;
-    categories: Category[];
+    categories: {
+        category: Category;
+        subcategory?: Category;
+    }[];
     image: string;
     title: string;
     description: string;

package/dist/templates/BlogPost.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function BlogPostPage(props: any): React.JSX.Element;
+export default function BlogPost(props: any): React.JSX.Element;

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(P,{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 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`
   margin-left: auto;
   margin-right: auto;
   max-width: calc(90vw);
@@ -6,7 +6,7 @@ import e from"react";import o from"styled-components";import{useThemeHooks as s}
   @media screen and (min-width: 900px) {
     max-width: 800px;
   }
-`,P=o.div`
+`,w=o.div`
   position: relative;
   overflow: hidden;
 `;export{h as default};

package/package.json

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