@redocly/marketing-pages 0.1.6 → 0.1.8

package/README.md

@@ -22,4 +22,16 @@ npm link @redocly/marketing-pages
 
 3. Run `npm run dev` in this repo.
 
-4. Run `npm start` in the marketing-site-portal repo.
+4. Run `npm start` in the marketing-site-portal repo.
+
+## Release 
+
+The release process is fully automated using [Changesets](https://github.com/changesets/changesets). Here's how it works:
+
+### Automated Release Flow
+
+1. **Changes merged to main** - Any changes merged to the main branch trigger the release workflow
+2. **Auto-changeset creation** - If no changeset exists, the system automatically creates one for a patch version bump
+3. **Version Packages PR** - A pull request is created with the title "chore: release new version 🚀"
+4. **Review & Merge** - Review a Version Packages PR and merge when ready to release
+5. **Automatic publishing** - The package is automatically published to npm after merging

package/dist/index.page.js

@@ -1 +1 @@
-import t from"react";import{Home as e}from"./pages/home/Home";import{BrowserRouter as o}from"react-router-dom";const l={seo:{title:"The Best API Documentation Tool"}};function u(){return t.createElement(o,null,t.createElement(e,null))}export{u as default,l as frontmatter};
+import t from"react";import{Home as e}from"./pages/home/Home";const n={seo:{title:"The Best API Documentation Tool"}};function m(){return t.createElement(e,null)}export{m as default,n as frontmatter};

package/dist/pages/careers/careers.page.js

@@ -1 +1 @@
-import{linearGradient as f}from"polished";import e,{useRef as x}from"react";import{Link as y}from"@redocly/theme";import{Box as t}from"../../ui/Box";import{Button as a}from"../../components/Button/CustomButton";import{CallToAction as h}from"../../components/CallToAction/CallToAction";import{Centered as i,MediaBox as o,Skewed as s}from"../../components/PositionItems";import{Circle as u,CircleWrapper as g}from"../../components/Circle/Circle";import{Position as b}from"./components/Position";import{StickyMeme as w}from"./components/StickyMeme";import{BgWrapper as W,TopSection as _,PageText as C,Text as d,Title as p,TextGradientElement as T,PositionsSection as S,BottomSection as k,SubText as n,CareersContainer as A,DocumentationSection as v,ButtonWrapper as D,CenteredSection as P}from"./components/styled";import{PageTitle as j}from"../redoc/redoc.page";import{H4Title as l}from"../../components/TypographyElements";const K={seo:{title:"Careers"},slug:"/careers"};function Q({positions:E}){const m=x(),c=()=>{if(m.current){const{offsetTop:r}=m.current;window.scrollTo({top:r-20,behavior:"smooth"})}};return e.createElement(W,null,e.createElement(s,{angle:0,bg:f({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"-70%",style:{paddingBottom:"64px"}},e.createElement(o,null,e.createElement(_,null,e.createElement(t,null,e.createElement(A,null,e.createElement(t,null,e.createElement(j,null,"Careers at Redocly"),e.createElement(C,null,"Come build the future of the API economy ",e.createElement("br",null)," from anywhere in the big big world."),e.createElement(D,{display:"flex",justifyContent:{_:"center",small:"flex-start"}},e.createElement(a,{size:"medium",className:"landing-button",onClick:c},"See Open Positions")))),e.createElement(v,null,e.createElement(t,null,e.createElement(T,null,"Documentation is kind of our jam")))),e.createElement(w,{handleScroll:c}))),e.createElement(g,{style:{zIndex:-1},top:"-540px"},e.createElement(u,{size:"770px",top:"130px",left:"-455px"}),e.createElement(u,{size:"920px",left:"-550px"}))),e.createElement(o,{style:{paddingTop:"64px"}},e.createElement(P,{maxWidth:"930px"},e.createElement(d,null,"We are a tight-knit team of API enthusiasts trying to crack the world's best developer experience, and put it a single interactive product that teams adore. Docs are just the start."),e.createElement(d,null,"Join us. And yes, we\u2019ll also draw you a portrait.")),e.createElement(t,{pb:"15%",ref:m},e.createElement(i,null,e.createElement(p,null,"Open positions")),e.createElement(S,null,E.map(r=>e.createElement(b,{id:r.id,title:r.title,key:r.id,subtitle:r.subtitle,description:r.description}))),e.createElement(i,{maxWidth:"540px"},e.createElement(l,{color:"var(--color-text-indigo)",mb:{base:0}},e.createElement("span",null,"Email us at "),e.createElement(y,{to:"mailto:team@redocly.com",style:{color:"#0044D4"}},"team@redocly.com"),e.createElement("span",null," if you think you could provide value to Redocly in another role"))))),e.createElement(s,{angle:{_:0,medium:0},bg:"#F0F5FF",offsetTop:{_:"-1%",medium:"-10%",large:"-5%"},style:{paddingTop:"64px"}},e.createElement(o,null,e.createElement(i,null,e.createElement(p,null,"Why work at Redocly")),e.createElement(k,null,e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/market.svg"),alt:"Incredible market",width:80})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Incredible market"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"APIs are the new economy. It needs better, smarter, faster docs.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/startup.svg"),alt:"Startup environment",width:88})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Startup environment"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"We\u2019re small but tough (and funded). Join us early on when the future\u2019s brightest.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/world.svg"),alt:"World-class customers",width:80})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:0},"World-class customers"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Thousands of unicorns, enterprises and G-orgs trust us every day.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/work.svg"),alt:"Work from anywhere",width:105})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Work from anywhere"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Remote-first team working across projects and time zones.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/autonomy.svg"),alt:"Autonomy & growth",width:70})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Autonomy & growth"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Scratch your head. Pull-request the ace up your sleeve. Get it done. Repeat.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/salary.svg"),alt:"Texan-sized salary",width:100})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Texan-sized salary"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Wherever you choose to live. (Won\u2019t beat Austin\u2019s live music scene. Sorry)"))))))),e.createElement(h,{title:"Superpower your API lifecycle with Redocly"},e.createElement(a,{to:"https://auth.cloud.redocly.com/registration",style:{height:"50px"},size:"large",className:"landing-button"},"Start 30-day free trial"),e.createElement(a,{to:"/enterprise/",variant:"outlined",style:{height:"50px"},size:"large"},"Enterprise")))}export{Q as default,K as frontmatter};
+import{linearGradient as f}from"polished";import e,{useRef as x}from"react";import{Link as y}from"@redocly/theme";import{Box as t}from"../../ui/Box";import{Button as a}from"../../components/Button/CustomButton";import{CallToAction as h}from"../../components/CallToAction/CallToAction";import{Centered as i,MediaBox as o,Skewed as s}from"../../components/PositionItems";import{Circle as u,CircleWrapper as g}from"../../components/Circle/Circle";import{Position as b}from"./components/Position";import{StickyMeme as w}from"./components/StickyMeme";import{BgWrapper as W,TopSection as _,PageText as C,Text as d,Title as p,TextGradientElement as T,PositionsSection as S,BottomSection as k,SubText as n,CareersContainer as A,DocumentationSection as v,ButtonWrapper as D,CenteredSection as P}from"./components/styled";import{PageTitle as j}from"../redoc/redoc.page";import{H4Title as l}from"../../components/TypographyElements";const K={seo:{title:"Careers"},slug:"/careers"};function Q({positions:E}){const m=x(),c=()=>{if(m.current){const{offsetTop:r}=m.current;window.scrollTo({top:r-20,behavior:"smooth"})}};return e.createElement(W,null,e.createElement(s,{angle:0,bg:f({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"-70%",style:{paddingBottom:"64px"}},e.createElement(o,null,e.createElement(_,null,e.createElement(t,null,e.createElement(A,null,e.createElement(t,null,e.createElement(j,null,"Careers at Redocly"),e.createElement(C,null,"Come build the future of the API economy ",e.createElement("br",null)," from anywhere in the big big world."),e.createElement(D,{display:"flex",justifyContent:{_:"center",small:"flex-start"}},e.createElement(a,{size:"medium",className:"landing-button",onClick:c},"See Open Positions")))),e.createElement(v,null,e.createElement(t,null,e.createElement(T,null,"Documentation is kind of our jam")))),e.createElement(w,{handleScroll:c}))),e.createElement(g,{style:{zIndex:-1},top:"-540px"},e.createElement(u,{size:"770px",top:"130px",left:"-455px"}),e.createElement(u,{size:"920px",left:"-550px"}))),e.createElement(o,{style:{paddingTop:"64px"}},e.createElement(P,{maxWidth:"930px"},e.createElement(d,null,"We are a tight-knit team of API enthusiasts trying to crack the world's best developer experience, and put it a single interactive product that teams adore. Docs are just the start."),e.createElement(d,null,"Join us. And yes, we\u2019ll also draw you a portrait.")),e.createElement(t,{pb:"15%",ref:m},e.createElement(i,null,e.createElement(p,null,"Open positions")),e.createElement(S,null,E.map(r=>e.createElement(b,{id:r.id,title:r.title,key:r.id,subtitle:r.subtitle,description:r.description}))),e.createElement(i,{maxWidth:"540px"},e.createElement(l,{color:"var(--color-text-indigo)",mb:{base:0}},e.createElement("span",null,"Email us at "),e.createElement(y,{to:"mailto:careers@redocly.com",style:{color:"#0044D4"}},"careers@redocly.com"),e.createElement("span",null," if you think you could provide value to Redocly in another role"))))),e.createElement(s,{angle:{_:0,medium:0},bg:"#F0F5FF",offsetTop:{_:"-1%",medium:"-10%",large:"-5%"},style:{paddingTop:"64px"}},e.createElement(o,null,e.createElement(i,null,e.createElement(p,null,"Why work at Redocly")),e.createElement(k,null,e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/market.svg"),alt:"Incredible market",width:80})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Incredible market"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"APIs are the new economy. It needs better, smarter, faster docs.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/startup.svg"),alt:"Startup environment",width:88})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Startup environment"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"We\u2019re small but tough (and funded). Join us early on when the future\u2019s brightest.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/world.svg"),alt:"World-class customers",width:80})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:0},"World-class customers"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Thousands of unicorns, enterprises and G-orgs trust us every day.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/work.svg"),alt:"Work from anywhere",width:105})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Work from anywhere"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Remote-first team working across projects and time zones.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/autonomy.svg"),alt:"Autonomy & growth",width:70})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Autonomy & growth"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Scratch your head. Pull-request the ace up your sleeve. Get it done. Repeat.")))),e.createElement(t,{flexDirection:{_:"column",medium:"row"},display:"flex"},e.createElement(t,{minWidth:105,justifyContent:{_:"center",medium:"flex-end"},display:"flex"},e.createElement("img",{src:require("./images/salary.svg"),alt:"Texan-sized salary",width:100})),e.createElement(t,{ml:{medium:"20px"},textAlign:{_:"center",medium:"left"}},e.createElement(l,{mb:{base:"-0.5rem"},mt:{base:0}},"Texan-sized salary"),e.createElement(t,{maxWidth:"310px",m:"auto"},e.createElement(n,null,"Wherever you choose to live. (Won\u2019t beat Austin\u2019s live music scene. Sorry)"))))))),e.createElement(h,{title:"Superpower your API lifecycle with Redocly"},e.createElement(a,{to:"https://auth.cloud.redocly.com/registration",style:{height:"50px"},size:"large",className:"landing-button"},"Start 30-day free trial"),e.createElement(a,{to:"/enterprise/",variant:"outlined",style:{height:"50px"},size:"large"},"Enterprise")))}export{Q as default,K as frontmatter};

package/dist/pages/learning-center/components/CardsBlock.d.ts

@@ -1,2 +1,17 @@
 import * as React from 'react';
-export declare const CardsBlock: () => React.JSX.Element;
+export type CardProps = {
+    id: number;
+    key: string;
+    title: string;
+    description: string;
+    thumbnail: string;
+    moreItems: string;
+    landingPage: string;
+    items: {
+        title: string;
+        link: string;
+    }[];
+};
+export declare const CardsBlock: ({ cards }: {
+    cards: CardProps[];
+}) => React.JSX.Element;

package/dist/pages/learning-center/components/CardsBlock.js

@@ -1,6 +1,6 @@
-import*as e from"react";import r from"styled-components";import{Link as s}from"@redocly/theme";import{Card as m}from"@redocly/theme/markdoc/components/Cards/Card";import{Cards as d}from"@redocly/theme/markdoc/components/Cards/Cards";import p from"../images/open-api-thumbnail.svg";import c from"../images/markdoc-thumbnail.svg";import g from"../images/yaml-thumbnail.svg";import h from"../images/arazzo-thumbnail.svg";const C=()=>{const n=[{id:1,key:"open-api",title:"OpenAPI",description:"Resources for learning more about OpenAPI and how to use it.",thumbnail:p,moreItems:"40 more topics",landingPage:"/learn/openapi/learning-openapi",items:[{title:"What is OpenAPI?",link:"/learn/openapi/learning-openapi"},{title:"OpenAPI best practices",link:"/learn/openapi/openapi-decisions"},{title:"$ref guide",link:"/learn/openapi/ref-guide"},{title:"Discriminator",link:"/learn/openapi/discriminator"}]},{id:2,key:"arazzo",title:"Arazzo",description:"Learn how to use Arazzo to describe practical API workflows.",thumbnail:h,moreItems:"4 more topics",landingPage:"/learn/arazzo/what-is-arazzo",items:[{title:"What is Arazzo?",link:"/learn/arazzo/what-is-arazzo"},{title:"Getting Started with Arazzo",link:"/learn/arazzo/why-arazzo-matters"},{title:"Arazzo walkthrough",link:"/learn/arazzo/arazzo-walkthrough"},{title:"Best Practices for Arazzo Integration",link:"/learn/arazzo/arazzo-basics"}]},{id:3,key:"markdoc",title:"Markdoc",description:"Next-generation markup resources and detailed tag library.",thumbnail:c,moreItems:"11 more topics",landingPage:"/learn/markdoc",items:[{title:"What is Markdoc?",link:"/learn/markdoc"},{title:"Getting started with Markdoc",link:"/learn/markdoc/write-with-markdoc"},{title:"Markdoc benefits",link:"/learn/markdoc/evaluating-markdoc"},{title:"Table tag",link:"/learn/markdoc/tags/table"}]},{id:4,key:"yaml",title:"YAML",description:"Learn how to use YAML in your API documentation and configuration.",thumbnail:g,moreItems:"4 more topics",landingPage:"/learn/yaml",items:[{title:"What is YAML?",link:"/learn/yaml"},{title:"The basics of YAML",link:"/learn/yaml/scalars"},{title:"YAML or JSON",link:"/learn/yaml/yaml-or-json"},{title:"Troubleshooting YAML",link:"/learn/yaml/troubleshooting"}]}],a=document.getElementsByTagName("h3");for(let t=0;t<a.length;t++)a[t].getElementsByTagName("path")[0]?.setAttribute("d","M8.53906 2.625L7.91344 3.23444L11.2297 6.5625H2.41406V7.4375H11.2297L7.91344 10.7507L8.53906 11.375L12.9141 7L8.53906 2.625Z");return e.createElement(v,{columns:3,children:n.map((t,l)=>e.createElement(x,{key:l,title:`Learn ${t.title}`,image:t.thumbnail,to:t.landingPage,children:e.createElement(k,null,e.createElement(f,null,t.description),e.createElement(w,{onClick:i=>i.stopPropagation()},t.items.map((i,o)=>e.createElement("div",{key:o,style:{width:"100%"}},e.createElement(y,{key:o,to:i.link},e.createElement("div",null,e.createElement("img",{src:require("../images/ellipse.svg")}),e.createElement("p",null,i.title)),e.createElement("svg",{width:"22",height:"23",viewBox:"0 0 23 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{x:"0.664062",width:"22",height:"22",rx:"11",fill:"inherit"}),e.createElement("path",{d:"M12.5391 6.625L11.9134 7.23444L15.2297 10.5625H6.41406V11.4375H15.2297L11.9134 14.7507L12.5391 15.375L16.9141 11L12.5391 6.625Z",fill:"inherit"}))),e.createElement(u,null))),t.moreItems&&e.createElement(b,null,"and ",t.moreItems)))}))})},x=r(m)`
+import*as e from"react";import r from"styled-components";import{Link as d}from"@redocly/theme";import{Card as p}from"@redocly/theme/markdoc/components/Cards/Card";import{Cards as c}from"@redocly/theme/markdoc/components/Cards/Cards";const E=({cards:l})=>{const o=document.getElementsByTagName("h3");for(let t=0;t<o.length;t++)o[t].getElementsByTagName("path")[0]?.setAttribute("d","M8.53906 2.625L7.91344 3.23444L11.2297 6.5625H2.41406V7.4375H11.2297L7.91344 10.7507L8.53906 11.375L12.9141 7L8.53906 2.625Z");return e.createElement(y,{columns:3,children:l.map((t,a)=>e.createElement(s,{key:a,title:`Learn ${t.title}`,image:t.thumbnail,to:t.landingPage,children:e.createElement(x,null,e.createElement(m,null,t.description),e.createElement(v,{onClick:i=>i.stopPropagation()},t.items.map((i,n)=>e.createElement("div",{key:n,style:{width:"100%"}},e.createElement(h,{key:n,to:i.link},e.createElement("div",null,e.createElement("img",{src:require("../images/ellipse.svg")}),e.createElement("p",null,i.title)),e.createElement("svg",{width:"22",height:"23",viewBox:"0 0 23 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{x:"0.664062",width:"22",height:"22",rx:"11",fill:"inherit"}),e.createElement("path",{d:"M12.5391 6.625L11.9134 7.23444L15.2297 10.5625H6.41406V11.4375H15.2297L11.9134 14.7507L12.5391 15.375L16.9141 11L12.5391 6.625Z",fill:"inherit"}))),e.createElement(g,null))),t.moreItems&&e.createElement(f,null,"and ",t.moreItems)))}))})},s=r(p)`
   max-width: 405px;
-`,f=r.p`
+`,m=r.p`
   color: var(--text-color-primary);
   font-family: Inter;
   font-size: 16px;
@@ -14,15 +14,15 @@ import*as e from"react";import r from"styled-components";import{Link as s}from"@
   padding: 0 16px;
 
   margin: 0;
-`,k=r.div`
+`,x=r.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,u=r.div`
+`,g=r.div`
   margin: 2px 8px;
   height: 1px;
   background: var(--border-color-secondary);
-`,y=r(s)`
+`,h=r(d)`
   border-radius: 6px;
   background: transparent;
   display: flex;
@@ -73,7 +73,7 @@ import*as e from"react";import r from"styled-components";import{Link as s}from"@
       transition: transform 0.3s ease-in-out;
     }
   }
-`,b=r.div`
+`,f=r.div`
   display: flex;
   padding: 8px;
   align-items: center;
@@ -86,11 +86,11 @@ import*as e from"react";import r from"styled-components";import{Link as s}from"@
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;
-`,w=r.div`
+`,v=r.div`
   display: flex;
   flex-direction: column;
   padding: 0 8px 16px 8px;
-`,v=r(d)`
+`,y=r(c)`
   --cards-gap: 24px;
   --card-content-gap: 8px;
   --card-padding: 16px 0 0 0;
@@ -129,4 +129,4 @@ import*as e from"react";import r from"styled-components";import{Link as s}from"@
       height: unset;
     }
   }
-`;export{C as CardsBlock};
+`;export{E as CardsBlock};

package/dist/pages/learning-center/learn.page.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
+import { CardProps } from './components/CardsBlock';
 export declare const frontmatter: {
     seo: {
         title: string;
     };
     slug: string;
 };
-export default function (): React.JSX.Element;
+export default function ({ cards }: {
+    cards: CardProps[];
+}): React.JSX.Element;

package/dist/pages/learning-center/learn.page.js

@@ -1,8 +1,8 @@
-import e from"react";import o from"styled-components";import{Box as a}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as l,CardsBlock as m,BottomLearnBlock as p}from"./components";const h={seo:{title:"Learn"},slug:"/learn"};function b(){const[i,r]=e.useState(localStorage.getItem("colorSchema")||"light");return e.useEffect(()=>{const n=new MutationObserver(()=>{document.documentElement.classList.contains("dark")?r("dark"):r("light")});return n.observe(document.documentElement,{attributes:!0}),()=>{n.disconnect()}},[]),e.createElement(d,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(c,{src:i==="light"?require("./images/hero-img.svg"):require("./images/hero-img-dark.svg")}),e.createElement(l,null),e.createElement(m,null),e.createElement(p,null))}const c=o.img`
+import e from"react";import n from"styled-components";import{Box as l}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as m,CardsBlock as p,BottomLearnBlock as c}from"./components";const b={seo:{title:"Learn"},slug:"/learn"};function w({cards:a}){const[i,r]=e.useState(localStorage.getItem("colorSchema")||"light");return e.useEffect(()=>{const o=new MutationObserver(()=>{document.documentElement.classList.contains("dark")?r("dark"):r("light")});return o.observe(document.documentElement,{attributes:!0}),()=>{o.disconnect()}},[]),e.createElement(s,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(d,{src:i==="light"?require("./images/hero-img.svg"):require("./images/hero-img-dark.svg")}),e.createElement(m,null),e.createElement(p,{cards:a}),e.createElement(c,null))}const d=n.img`
   position: absolute;
   max-width: 1384px;
   width: -webkit-fill-available;
-`,d=o(a)`
+`,s=n(l)`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -23,4 +23,4 @@ import e from"react";import o from"styled-components";import{Box as a}from"../..
     gap: 64px;
     padding: 0 128px 64px 128px;
   }
-`;export{b as default,h as frontmatter};
+`;export{w as default,b as frontmatter};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
@@ -11,7 +11,8 @@
     "test:vitest:watch": "vitest",
     "copy-images": "copyfiles -u 1 \"src/**/*.{png,svg,jpg,jpeg,gif,webp}\" dist",
     "dev": "tsc --watch",
-    "test": "npm run test:vitest"
+    "test": "npm run test:vitest",
+    "changeset:publish": "changeset publish"
   },
   "exports": {
     "./*": "./dist/*"
@@ -51,6 +52,7 @@
     "styled-components": ">=5.3.11"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.29.5",
     "@redocly/config": "^0.24.0",
     "@redocly/theme": "^0.53.0",
     "@shikijs/types": "3.4.0",