@redocly/marketing-pages 0.1.4 → 0.1.6

package/dist/components/Blog/FeaturedClassics.js

@@ -1,4 +1,4 @@
-import t,{useMemo as a}from"react";import{linearGradient as m}from"polished";import s from"styled-components";import{PrimaryPostCard as l}from"./PrimaryPostCard";import{GridSection as d,MediaBox as c,Skewed as p}from"../PositionItems";import{TextGradient as f}from"../TextGradient/TextGradient";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as u}from"@redocly/theme/core/hooks";const G=()=>{const{usePageSharedData:o}=u(),{posts:r}=o("blog-posts"),i=["Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","What's an API?"],n=a(()=>r.filter(({title:e})=>i.includes(e)),[r]);return t.createElement(p,{angle:0,bg:m({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(c,{mb:6},t.createElement(h,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(l,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,excerpt:e.excerpt,date:e.date,author:e.author})))))},h=s(f)`
+import t,{useMemo as a}from"react";import{linearGradient as m}from"polished";import s from"styled-components";import{PrimaryPostCard as l}from"./PrimaryPostCard";import{GridSection as d,MediaBox as p,Skewed as c}from"../PositionItems";import{TextGradient as f}from"../TextGradient/TextGradient";import{breakpoints as g}from"@redocly/theme/core/utils";import{useThemeHooks as u}from"@redocly/theme/core/hooks";const G=()=>{const{usePageSharedData:o}=u(),{posts:r}=o("blog-posts"),i=["Using Redocly tools for better OpenAPI development","Build rich developer experiences with Markdown in OpenAPI","What's an API?"],n=a(()=>r.filter(({title:e})=>i.includes(e)),[r]);return t.createElement(c,{angle:0,bg:m({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetTop:"-300px",offsetBottom:"-200px"},t.createElement(p,{mb:6},t.createElement(h,null,"Featured classics"),t.createElement(d,{gridTemplateColumns:{base:"1fr",medium:"repeat(3, 1fr)"},justifyItems:{base:"center"},gridGap:{base:"5rem"}},n.map(e=>t.createElement(l,{key:e.slug,title:e.title,to:`${e.slug}`,img:e.image,description:e.description,date:e.date,author:e.author})))))},h=s(f)`
   font-size: 28px;
   line-height: 30px;
   font-family: var(--font-family);

package/dist/components/Blog/FirstThreePosts.js

@@ -1,4 +1,4 @@
-import r from"react";import o from"styled-components";import{TextGradient as s}from"../TextGradient/TextGradient";import{Box as c}from"../../ui/Box";import{MediaBox as m,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:e}=b(),{posts:t}=e("blog-posts");return r.createElement(m,{my:6},r.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"}},r.createElement(h,{post:t[0]}),r.createElement(l,{post:t[1],gridArea:"second"}),r.createElement(l,{post:t[2],gridArea:"third"})))}const h=({post:e})=>r.createElement(a,{gridArea:"first"},r.createElement(n,{to:e.slug},r.createElement(u,{background:e.image},r.createElement(w,null),r.createElement(c,{position:"relative"},r.createElement(f,{color:"var(--secondary-color)"},e.title),r.createElement(i,{color:"var(--secondary-color)"},e.description?e.description:e.excerpt),r.createElement(v,{author:e.author,date:d(e.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 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`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -6,7 +6,7 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  background-image: url(${({background:e})=>e});
+  background-image: url(${({background:r})=>r});
   position: relative;
   overflow: hidden;
   border-radius: 8px;
@@ -14,21 +14,15 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
 
   transition: box-shadow 0.3s;
   &:hover {
-    box-shadow:
-      0 0 50px rgba(0 68 212 / 18%),
-      0 8px 16px 0 rgb(0 68 212 / 18%);
+    box-shadow: 0 0 50px rgba(0 68 212 / 18%), 0 8px 16px 0 rgb(0 68 212 / 18%);
   }
 `,w=o.div`
   position: absolute;
-  background: linear-gradient(
-    to right bottom,
-    rgba(0, 104, 251, 0.8) 15.14%,
-    rgba(126, 65, 255, 0.8) 87.3%
-  );
+  background: linear-gradient(to right bottom, rgba(0, 104, 251, 0.8) 15.14%, rgba(126, 65, 255, 0.8) 87.3%);
   width: 100%;
   height: 100%;
   left: 0;
-`,l=({post:e,gridArea:t})=>r.createElement(a,{gridArea:t},r.createElement(n,{to:e.slug},r.createElement(E,{gridArea:t},r.createElement(y,{my:0},e.title),r.createElement(i,{color:"var(--color-text-dimmed)",m:0},e.description?e.description:e.excerpt),r.createElement(i,{color:"var(--color-text-dimmed)",fontWeight:500,fontStyle:"italic"},d(e.date))))),y=o(s)`
+`,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)`
   font-size: 18px;
   line-height: 24px;
   font-family: var(--font-family);
@@ -48,9 +42,7 @@ import r from"react";import o from"styled-components";import{TextGradient as s}f
   transition: box-shadow 0.2s;
 
   &:hover {
-    box-shadow:
-      0 0 36px rgba(0 68 212 / 18%),
-      0 8px 16px 0 rgb(0 68 212 / 18%);
+    box-shadow: 0 0 36px rgba(0 68 212 / 18%), 0 8px 16px 0 rgb(0 68 212 / 18%);
   }
 `,v=o(x)`
   position: relative;

package/dist/components/Blog/LatestPosts.js

@@ -1,4 +1,4 @@
-import t,{useState as s,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]=s(!1),[o,m]=s(null),{posts:l,metadata:{categories:d}}=c("blog-posts"),f=e=>{m(e),a(!1)},i=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"}},i.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,excerpt:e.excerpt,date:e.date,author:e.author}))),i.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 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)`
   color: var(--color-accent-main);
   border: 1px solid var(--color-accent-main);
 

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' | 'excerpt' | 'author' | 'date' | 'description'> {
+interface PrimaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/PrimaryPostCard.js

@@ -1,13 +1,13 @@
-import t from"react";import e from"styled-components";import{H4Title as c,Paragraph as d}from"../TypographyElements/TypographyElements";import{Box as x}from"../../ui/Box";import{Author as h}from"./Author";import{PostLink as s}from"./PostLink";import{formatDateString as f}from"../../utils/dates";import{breakpoints as g}from"@redocly/theme/core/utils";function j(r){const{title:i,to:a,img:n,excerpt:m,author:l,date:p,description:o}=r;return t.createElement(b,null,t.createElement(s,{to:a},t.createElement(x,{display:"flex",flexDirection:"column",height:"100%",p:"24px 32px 32px 32px"},t.createElement(u,{src:n}),t.createElement(w,null,t.createElement(c,null,i),t.createElement(d,{color:"var(--color-text-dimmed)"},o||m),t.createElement(E,{author:l,date:f(p)})))))}const u=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 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`
   width: 100%;
   height: 150px;
   margin-bottom: 26px;
   object-fit: contain;
 
-  @media screen and (min-width: ${g.large}) {
+  @media screen and (min-width: ${f.large}) {
     height: 210px;
   }
-`,b=e.div`
+`,u=e.div`
   position: relative;
   max-width: 600px;
   background: white;
@@ -21,10 +21,10 @@ import t from"react";import e from"styled-components";import{H4Title as c,Paragr
       0 0 50px rgba(0 68 212 / 18%),
       0 8px 16px 0 rgb(0 68 212 / 18%);
   }
-`,w=e.div`
+`,b=e.div`
   display: flex;
   flex-direction: column;
   height: 100%;
-`,E=e(h)`
+`,w=e(x)`
   margin-top: auto;
-`;export{j as PrimaryPostCard};
+`;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' | 'excerpt' | 'author' | 'date' | 'description'> {
+interface SecondaryPostCardProps extends Pick<Post, 'title' | 'author' | 'date' | 'description'> {
     to: string;
     img: string;
 }

package/dist/components/Blog/SecondaryPostCard.js

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

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

@@ -7,7 +7,6 @@ export type Post = {
         heading: string;
     };
     slug: string;
-    excerpt: string;
     author: Author;
     categories: Category[];
     image: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -40,7 +40,10 @@
     "react-tooltip": "^4.2.21",
     "reactjs-popup": "^2.0.6",
     "ulid": "^2.3.0",
-    "vitest": "^3.1.3"
+    "vitest": "^3.1.3",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^3.0.1",
+    "json-schema-to-ts": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",
@@ -57,9 +60,6 @@
     "@types/styled-system": "^5.1.20",
     "copyfiles": "^2.4.1",
     "esbuild": "^0.25.4",
-    "html2canvas": "^1.4.1",
-    "json-schema-to-ts": "^3.1.0",
-    "jspdf": "^3.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": ">=5.3.11",