@redocly/marketing-pages 0.1.10 → 0.1.12

package/README.md

@@ -14,7 +14,7 @@ npm link
 ```
 Ensure you use same node version in both repos.
 
-2. Go to the marketing-site-portal repo and run:
+2. Go to the [website repo](https://github.com/redocly/website) and run:
 
 ```bash
 npm link @redocly/marketing-pages
@@ -22,7 +22,7 @@ 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 website repo.
 
 ## Release 
 

package/dist/components/LayoutButtons/ProductButtons.js

@@ -1,4 +1,4 @@
-import o from"react";import n from"styled-components";import{useLocation as d}from"react-router-dom";import{Button as s}from"../Button/CustomButton";import{GetStartedButton as m}from"./GetStartedButton";import{breakpoints as p}from"@redocly/theme/core/utils";const k=()=>{const{pathname:i}=d(),r=[{text:"Reunite",id:"reunite"},{text:"Redoc",id:"redoc"},{text:"Revel",id:"revel"},{text:"Reef",id:"reef"}],l=e=>{const t=document.getElementById(e);if(t){const c=window.scrollY;window.scrollTo(0,0),t.scrollIntoView({block:"start"});const a=window.scrollY-64;window.scroll(0,c),window.scrollTo({top:a,behavior:"smooth"})}};return o.createElement(u,null,o.createElement(f,{pathname:i},r.map((e,t)=>o.createElement(x,{key:t,variant:"dark",onClick:()=>l(e.id),isLast:r.length-1===t},e.text))),o.createElement(m,null))},u=n.div`
+import o from"react";import n from"styled-components";import{Button as d}from"../Button/CustomButton";import{GetStartedButton as a}from"./GetStartedButton";import{breakpoints as s}from"@redocly/theme/core/utils";const h=()=>{const r=[{text:"Reunite",id:"reunite"},{text:"Redoc",id:"redoc"},{text:"Revel",id:"revel"},{text:"Reef",id:"reef"}],i=e=>{const t=document.getElementById(e);if(t){const l=window.scrollY;window.scrollTo(0,0),t.scrollIntoView({block:"start"});const c=window.scrollY-64;window.scroll(0,l),window.scrollTo({top:c,behavior:"smooth"})}};return o.createElement(m,null,o.createElement(p,null,r.map((e,t)=>o.createElement(u,{key:t,variant:"dark",onClick:()=>i(e.id),isLast:r.length-1===t},e.text))),o.createElement(a,null))},m=n.div`
   position: fixed;
   display: none;
   flex-direction: column;
@@ -9,11 +9,11 @@ import o from"react";import n from"styled-components";import{useLocation as d}fr
   align-items: center;
   justify-content: center;
 
-  @media screen and (min-width: ${p.medium}) {
+  @media screen and (min-width: ${s.medium}) {
     flex-direction: row;
     display: flex;
   }
-`,f=n.div`
+`,p=n.div`
   display: flex;
   height: fit-content;
   width: fit-content;
@@ -21,6 +21,6 @@ import o from"react";import n from"styled-components";import{useLocation as d}fr
   padding: 8px;
   gap: 12px;
   background-color: var(--color-greyscale-opacity-90);
-`,x=n(s)`
+`,u=n(d)`
   margin: 0 !important;
-`;export{k as ProductButtons};
+`;export{h as ProductButtons};

package/dist/pages/customers/components/CustomersBlock.js

@@ -25,6 +25,7 @@ import*as o from"react";import s from"styled-components";import{breakpoints as a
   justify-content: center;
   align-items: center;
   gap: 32px;
+  margin: 0 auto;
 
   @media screen and (min-width: ${a.small}) {
     padding: 32px 40px;

package/dist/pages/home/components/FamilyOfProducts.js

@@ -1,4 +1,4 @@
-import t from"react";import n,{css as u}from"styled-components";import{linearGradient as R}from"polished";import{breakpoints as r}from"@redocly/theme/core/utils";import{SectionLabel as E}from"../../../components/TypographyElements";import{ButtonWithArrow as C}from"../../../components/Button/ButtonWithArrow";import{BackgroundGradientText as h}from"../../../components/TextGradient";import{Products as s}from"../../../utils/products";import{ResponsiveImg as c}from"../../../components/ImageComponents";import L from"../images/reunite-card-1.png";import $ from"../images/reunite-card-2.png";import I from"../images/reunite-card-3.png";import T from"../images/redoc-card-1.png";import N from"../images/redoc-card-2-1.svg";import P from"../images/redoc-card-2-2.svg";import z from"../images/redoc-card-3.svg";import A from"../images/redoc-card-4.png";import F from"../images/revel-card.svg";import D from"../images/reef-card.png";var d;(function(e){e.top="top",e.bottom="bottom"})(d||(d={}));function O(e){let a=e.offsetTop;for(;e.offsetParent;)e=e.offsetParent,a+=e.offsetTop;return a}function S(e,a,i){if(e-i>0)return"translateY(0)";const p=window.innerHeight-a;return p>=0?"translateY(0)":e-i<p?"translateY(-"+p+")":"translateY("+(e-i)+"px)"}const ye=()=>{const e=[{label:"/ collaboration",productName:s.REUNITE,title:"Streamline API collaboration",description:"Bring your stakeholders together in one dynamic, intuitive platform for full cycle activities including design, edit, and review.",buttonText:"Rally around Reunite",listPosition:d.bottom,listName:"Stakeholder favorites \u2764\uFE0F",backgroundColor:R({colorStops:["#1677FF 0%","#A45CFF 80%"],toDirection:"to top left"}),link:"/reunite",images:[{label:"Visual reviews (side-by-side)",img:L},{label:"Editor with Webview",img:$},{label:"Remote content for single-sourcing",img:I}],id:"reunite"},{label:"/ API REFERENCE",productName:s.REDOC,title:"Launch beautiful API docs in minutes",description:"Create production-ready reference docs automagically from OpenAPI definitions. Responsive, fast, SEO-ready, and they check every developer usability box.",buttonText:"Explore Redoc",backgroundColor:"#247FFF",link:"/redoc",images:[{label:"Auto-generated code samples",img:T},{label:"Polymorphism and discriminator support",icon1:N,secondLabel:"Mock servers",icon2:P},{label:"All API standards welcome",img:z},{label:"Nested schemas with deep links",img:A}],id:"redoc"},{label:"/ Developer hub",productName:s.REVEL,title:"Curate experiences that <span>GET</span> developers",description:"Increase API consumer conversion with personalized onboarding experiences and interactive content. <br> Course-correct on the go with rich usage analytics.",buttonText:"Discover Revel",listPosition:d.top,listName:"Developer favorites \u2665",listOfFavorites:["Landing pages","Custom guides","Integrated search"],backgroundColor:"#735CFF",link:"/revel",images:[{label:"Revel",img:F}],id:"revel"},{label:"/ INTERNAL PLATFORM",productName:s.REEF,title:"Break API silos, grow your internal ecosystem",description:"Discover, manage, and optimize all your internal APIs with Reef. Don\u2019t let valuable innovation slip through the cracks.",buttonText:"Dive into Reef",listPosition:d.top,listName:"Developer favorites \u2665",listOfFavorites:["API discovery","Scorecards","API governance"],backgroundColor:"#A45CFF",link:"/reef",images:[{label:"Reef",img:D}],id:"reef"}],a=t.useRef();return t.useEffect(()=>{let i=[],p=[];if(!a.current)return;const o=a.current.querySelectorAll(".card");function l(){let x=O(a.current);i=Array.from(o).map(f=>{const g=x;return x+=f.clientHeight,g})}b(),l();function b(){p=Array.from(o).map(m=>m.clientHeight)}const v=()=>{const m=window.scrollY;o.forEach((x,f)=>{const g=x.querySelector(".card-content");g&&(g.style.transform=S(i[f],p[f],m))})},w=()=>{l(),b()};return window.addEventListener("scroll",v,{passive:!0}),window.addEventListener("resize",w,{passive:!0}),()=>{window.removeEventListener("scroll",v),window.removeEventListener("resize",w)}},[]),t.createElement(Y,null,t.createElement(y,null,t.createElement(E,{color:"var(--color-warm-grey-6)"},"/ THEN WE KEPT BUILDING"),t.createElement(_,null,"Meet our ",t.createElement(h,{withoutGradient:!0},"REALM")," of products"," ")),t.createElement(W,null,t.createElement(M,{ref:a},e.map((i,p)=>t.createElement(G,{key:p,id:i.id,className:"card"},t.createElement(V,{backgroundColor:i.backgroundColor},t.createElement(q,{className:"card-content"},t.createElement(K,null,t.createElement(Z,null,i.productName),t.createElement(E,{color:"rgba(255,255,255,0.5)"},i.label)),t.createElement(J,{dangerouslySetInnerHTML:{__html:i.title}}),t.createElement(ie,{dangerouslySetInnerHTML:{__html:i.description}}),i.listPosition===d.top&&t.createElement(k,null,i.listName),i.listOfFavorites&&t.createElement(Q,null,i.listOfFavorites.map(o=>t.createElement(X,{key:o},t.createElement(ee,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.5 20.8307L21 13.3307L21 12.27L13.5 4.77002L12.4394 5.83068L18.659 12.0503L3 12.0503L3 13.5503L18.659 13.5503L12.4393 19.77L13.5 20.8307Z",fill:"white"})),t.createElement(te,null,o)))),t.createElement(C,{link:i.link,buttonText:i.buttonText,mode:"light"}),i.listPosition===d.bottom&&t.createElement(k,null,i.listName),(i.productName===s.REEF||i.productName===s.REVEL)&&t.createElement(c,{alt:i.images[0].label,src:i.images[0].img,style:{marginTop:"48px"}}),i.productName===s.REUNITE&&t.createElement("div",{style:{marginTop:"32px"}},t.createElement(U,null,i.images.map((o,l)=>t.createElement(B,{key:l},t.createElement("h6",null,o.label),t.createElement(c,{key:l,src:o.img,alt:o.label}))))),i.productName===s.REDOC&&t.createElement(H,null,i.images.map((o,l)=>t.createElement(j,{key:l,isColumn:o.icon1,imgToLeft:l===0||l===3},t.createElement("div",null,o.label&&t.createElement("span",null,o.label),o.icon1&&t.createElement(c,{src:o.icon1,alt:o.label})),o.secondLabel&&t.createElement("div",null,t.createElement("span",null,o.secondLabel),o.icon2&&t.createElement(c,{src:o.icon2,alt:o.label})),o.img&&t.createElement(c,{src:o.img,alt:o.label})))))))))))},H=n.div`
+import t from"react";import n,{css as u}from"styled-components";import{linearGradient as R}from"polished";import{breakpoints as r}from"@redocly/theme/core/utils";import{SectionLabel as E}from"../../../components/TypographyElements";import{ButtonWithArrow as C}from"../../../components/Button/ButtonWithArrow";import{BackgroundGradientText as h}from"../../../components/TextGradient";import{Products as s}from"../../../utils/products";import{ResponsiveImg as c}from"../../../components/ImageComponents";import L from"../images/reunite-card-1.png";import $ from"../images/reunite-card-2.png";import I from"../images/reunite-card-3.png";import T from"../images/redoc-card-1.png";import N from"../images/redoc-card-2-1.svg";import P from"../images/redoc-card-2-2.svg";import z from"../images/redoc-card-3.svg";import A from"../images/redoc-card-4.png";import F from"../images/revel-card.svg";import D from"../images/reef-card.png";var d;(function(e){e.top="top",e.bottom="bottom"})(d||(d={}));function O(e){let a=e.offsetTop;for(;e.offsetParent;)e=e.offsetParent,a+=e.offsetTop;return a}function S(e,a,i){if(e-i>0)return"translateY(0)";const p=window.innerHeight-a;return p>=0?"translateY(0)":e-i<p?"translateY(-"+p+")":"translateY("+(e-i)+"px)"}const ye=()=>{const e=[{label:"/ collaboration",productName:s.REUNITE,title:"Streamline API collaboration",description:"Bring your stakeholders together in one dynamic, intuitive platform for full cycle activities including design, edit, and review.",buttonText:"Rally around Reunite",listPosition:d.bottom,listName:"Stakeholder favorites \u2764\uFE0F",backgroundColor:R({colorStops:["#1677FF 0%","#A45CFF 80%"],toDirection:"to top left"}),link:"/reunite",images:[{label:"Visual reviews (side-by-side)",img:L},{label:"Editor with Webview",img:$},{label:"Remote content for single-sourcing",img:I}],id:"reunite"},{label:"/ API REFERENCE",productName:s.REDOC,title:"Launch beautiful API docs in minutes",description:"Create production-ready reference docs automagically from OpenAPI definitions. Responsive, fast, SEO-ready, and they check every developer usability box.",buttonText:"Explore Redoc",backgroundColor:"#247FFF",link:"/redoc",images:[{label:"Auto-generated code samples",img:T},{label:"Polymorphism and discriminator support",icon1:N,secondLabel:"Mock servers",icon2:P},{label:"All API standards welcome",img:z},{label:"Nested schemas with deep links",img:A}],id:"redoc"},{label:"/ Developer hub",productName:s.REVEL,title:"Curate experiences that <span>GET</span> developers",description:"Increase API consumer conversion with personalized onboarding experiences and interactive content. <br> Course-correct on the go with rich usage analytics.",buttonText:"Discover Revel",listPosition:d.top,listName:"Developer favorites \u2665",listOfFavorites:["Landing pages","Custom guides","Integrated search"],backgroundColor:"#735CFF",link:"/revel",images:[{label:"Revel",img:F}],id:"revel"},{label:"/ INTERNAL PLATFORM",productName:s.REEF,title:"Break API silos, grow your internal ecosystem",description:"Discover, manage, and optimize all your internal APIs with Reef. Don\u2019t let valuable innovation slip through the cracks.",buttonText:"Dive into Reef",listPosition:d.top,listName:"Developer favorites \u2665",listOfFavorites:["API discovery","Scorecards","API governance"],backgroundColor:"#A45CFF",link:"/reef",images:[{label:"Reef",img:D}],id:"reef"}],a=t.useRef();return t.useEffect(()=>{let i=[],p=[];if(!a.current)return;const o=a.current.querySelectorAll(".card");function l(){let x=O(a.current);i=Array.from(o).map(f=>{const g=x;return x+=f.clientHeight,g})}b(),l();function b(){p=Array.from(o).map(m=>m.clientHeight)}const v=()=>{const m=window.scrollY;o.forEach((x,f)=>{const g=x.querySelector(".card-content");g&&(g.style.transform=S(i[f],p[f],m))})},w=()=>{l(),b()};return window.addEventListener("scroll",v,{passive:!0}),window.addEventListener("resize",w,{passive:!0}),()=>{window.removeEventListener("scroll",v),window.removeEventListener("resize",w)}},[]),t.createElement(Y,null,t.createElement(y,null,t.createElement(E,{color:"var(--color-warm-grey-6)"},"/ THEN WE KEPT BUILDING"),t.createElement(_,null,"Meet our ",t.createElement(h,{withoutGradient:!0},"REALM")," of products"," ")),t.createElement(W,null,t.createElement(M,{ref:a},e.map((i,p)=>t.createElement(G,{key:p,id:i.id,className:"card"},t.createElement(V,{backgroundColor:i.backgroundColor},t.createElement(q,{className:"card-content"},t.createElement(K,null,t.createElement(Z,null,i.productName),t.createElement(E,{color:"rgba(255,255,255,0.5)"},i.label)),t.createElement(J,{dangerouslySetInnerHTML:{__html:i.title}}),t.createElement(ie,{dangerouslySetInnerHTML:{__html:i.description}}),i.listPosition===d.top&&t.createElement(k,null,i.listName),i.listOfFavorites&&t.createElement(Q,null,i.listOfFavorites.map(o=>t.createElement(X,{key:o},t.createElement(ee,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.5 20.8307L21 13.3307L21 12.27L13.5 4.77002L12.4394 5.83068L18.659 12.0503L3 12.0503L3 13.5503L18.659 13.5503L12.4393 19.77L13.5 20.8307Z",fill:"white"})),t.createElement(te,null,o)))),t.createElement(C,{link:i.link,buttonText:i.buttonText,mode:"light"}),i.listPosition===d.bottom&&t.createElement(k,null,i.listName),(i.productName===s.REEF||i.productName===s.REVEL)&&t.createElement(c,{alt:i.images[0].label,src:i.images[0].img,style:{marginTop:"48px"}}),i.productName===s.REUNITE&&t.createElement("div",{style:{marginTop:"32px"}},t.createElement(U,null,i.images.map((o,l)=>t.createElement(B,{key:l},t.createElement("h6",null,o.label),t.createElement(c,{key:l,src:o.img,alt:o.label}))))),i.productName===s.REDOC&&t.createElement(H,null,i.images.map((o,l)=>t.createElement(j,{key:l,isColumn:o.icon1,imgToLeft:l===0||l===3},t.createElement("div",null,o.label&&t.createElement("span",null,o.label),o.icon1&&t.createElement(c,{src:o.icon1,alt:o.label})),o.secondLabel&&t.createElement("div",null,t.createElement("span",null,o.secondLabel),o.icon2&&t.createElement(c,{src:o.icon2,alt:o.label})),o.img&&t.createElement(c,{src:o.img,alt:o.label})))))))))))},H=n.div`
   display: grid;
   grid-template-columns: 1fr;
   gap: 24px;

package/dist/pages/premium-support/Table.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
+export declare const PlansComparisonTable: () => React.JSX.Element;
 export declare const Table: () => React.JSX.Element;

package/dist/pages/premium-support/Table.js

@@ -1,10 +1,10 @@
-import{Paragraph as i}from"../../components/TypographyElements/TypographyElements";import e from"react";import o from"styled-components";import{breakpoints as m}from"@redocly/theme/core/utils";const u=[{severityLevel:"1 Critical",definition:"An event and/or problem that has a significant, severe impact to the Product. The event and/or problem may render the Product non-functional. Isolated instances as determined solely by you that affect a limited set of users, groups or single users are not classified as Critical. You must file a critical incident as described above, followed by a phone call to your primary relationship manager with a fallback to your backup relationship manager or our general support line.",errorResponseTime:"< 1 hour",resolutionTime:["Resolution Time: 2 hours for temporary work-around; 4 hours for resolution.","We\u2019ll use best efforts to promptly initiate the following procedures: (1) assign specialists and provide escalated procedures to correct the error on an expedited basis, and (2) provide ongoing communication on the status of an error on an hourly basis as needed. Severity 1 issues may require remote access to the servers running our suite of products, which will be provided via your approved remote access method."]},{severityLevel:"2 High",definition:"An event and/or problem that limits the operations of our Product.",errorResponseTime:"< 2 hours",resolutionTime:["Resolution Time: 5 hours for temporary work-around; 8 hours for resolution.","We\u2019ll use best efforts to promptly initiate the following procedures: (1) assign specialists and provide escalated procedures to correct the error on an expedited basis, and (2) provide ongoing communication on the status of an error on an hourly basis.","Severity 2 issues may require remote access to the servers running our suite of products, which will be provided via your approved remote access method."]},{severityLevel:"3 Medium",definition:"An event and/or problem that disrupts the operations of our Product. Use of our Product can continue after a work-around is in place.",errorResponseTime:"< 6 hours",resolutionTime:["Resolution Time: 12 hours for temporary work-around; 24 hours for resolution.","We\u2019ll use commercially reasonable efforts to assign a specialist to correct the error, and communicate status updates as necessary."]},{severityLevel:"4 Low",definition:"An event and/or problem that has limited business impact, is not critical in nature, or does not have any significant impact to you.",errorResponseTime:"< 1 Business Day",resolutionTime:["We\u2019ll use commercially reasonable efforts to include an error correction in the following maintenance release, and communicate status updates as necessary."]}],n=o.div`
+import{Paragraph as o}from"../../components/TypographyElements/TypographyElements";import e from"react";import r from"styled-components";import{breakpoints as m}from"@redocly/theme/core/utils";const g=[{severityLevel:"1 Critical",definition:"An event and/or problem that has a significant, severe impact to the Product. The event and/or problem may render the Product non-functional. Isolated instances as determined solely by you that affect a limited set of users, groups or single users are not classified as Critical. You must file a critical incident as described above, followed by a phone call to your primary relationship manager with a fallback to your backup relationship manager or our general support line.",errorResponseTime:"< 1 hour",resolutionTime:["Resolution Time: 2 hours for temporary work-around; 4 hours for resolution.","We\u2019ll use best efforts to promptly initiate the following procedures: (1) assign specialists and provide escalated procedures to correct the error on an expedited basis, and (2) provide ongoing communication on the status of an error on an hourly basis as needed. Severity 1 issues may require remote access to the servers running our suite of products, which will be provided via your approved remote access method."]},{severityLevel:"2 High",definition:"An event and/or problem that limits the operations of our Product.",errorResponseTime:"< 2 hours",resolutionTime:["Resolution Time: 5 hours for temporary work-around; 8 hours for resolution.","We\u2019ll use best efforts to promptly initiate the following procedures: (1) assign specialists and provide escalated procedures to correct the error on an expedited basis, and (2) provide ongoing communication on the status of an error on an hourly basis.","Severity 2 issues may require remote access to the servers running our suite of products, which will be provided via your approved remote access method."]},{severityLevel:"3 Medium",definition:"An event and/or problem that disrupts the operations of our Product. Use of our Product can continue after a work-around is in place.",errorResponseTime:"< 6 hours",resolutionTime:["Resolution Time: 12 hours for temporary work-around; 24 hours for resolution.","We\u2019ll use commercially reasonable efforts to assign a specialist to correct the error, and communicate status updates as necessary."]},{severityLevel:"4 Low",definition:"An event and/or problem that has limited business impact, is not critical in nature, or does not have any significant impact to you.",errorResponseTime:"< 1 Business Day",resolutionTime:["We\u2019ll use commercially reasonable efforts to include an error correction in the following maintenance release, and communicate status updates as necessary."]}],a=r.div`
   display: grid;
   grid-template-columns: minmax(100px, 15%) minmax(200px, auto) minmax(100px, 15%) minmax(
       200px,
       auto
     );
-`,a=o.div.attrs({role:"columnheader"})`
+`,s=r.div.attrs({role:"columnheader"})`
   font-size: var(--font-size-small-sm);
   line-height: var(--line-height-small-sm);
   font-family: var(--font-family);
@@ -45,29 +45,104 @@ import{Paragraph as i}from"../../components/TypographyElements/TypographyElement
     background-color: rgb(126, 65, 255);
     margin-right: 0;
   }
-`,r=o.div.attrs({role:"cell"})`
+`,l=r.div.attrs({role:"cell"})`
   padding: 0 10px;
   border-right: 1px dashed #dce7fe;
 
   &:last-child {
     border-right: none;
   }
-`,p=o.div.attrs({role:"rowgroup"})``,s=o.div.attrs({role:"rowgroup"})``,h=o.div.attrs({role:"table"})`
+`,f=r.div.attrs({role:"rowgroup"})``,u=r.div.attrs({role:"rowgroup"})``,v=r.div.attrs({role:"table"})`
   margin: 100px auto;
   overflow-y: auto;
   box-shadow: 0 2px 64px rgba(0, 0, 0, 0.05);
 
-  ${s} {
-    ${n}:nth-child(odd) {
-      ${r} {
+  ${u} {
+    ${a}:nth-child(odd) {
+      ${l} {
         background-color: #f0f5ff;
       }
     }
 
-    ${n}:nth-child(even) {
-      ${r} {
+    ${a}:nth-child(even) {
+      ${l} {
         background-color: white;
       }
     }
   }
-`,b=()=>e.createElement(h,null,e.createElement(p,null,e.createElement(n,null,e.createElement(a,null,"Severity Level"),e.createElement(a,null,"Definition"),e.createElement(a,null,"Error Response Time"),e.createElement(a,null,"Resolution Process/Time"))),e.createElement(s,null,u.map((t,l)=>e.createElement(n,{key:l},e.createElement(r,null,e.createElement(i,{color:"var(--color-text-dimmed)"},t.severityLevel)),e.createElement(r,null,e.createElement(i,{color:"var(--color-text-dimmed)"},t.definition)),e.createElement(r,null,e.createElement(i,{color:"var(--color-text-dimmed)"},t.errorResponseTime)),e.createElement(r,null,t.resolutionTime.map((c,d)=>e.createElement(i,{key:d,color:"var(--color-text-dimmed)"},c)))))));export{b as Table};
+`,b=[{feature:"Critical issue coverage",support24_7:"\u2713",bronze:"\u2713",silver:"\u2713",gold:"\u2713"},{feature:"Strategic sessions",support24_7:"\u2013",bronze:"Quarterly",silver:"Monthly",gold:"Weekly"},{feature:"Dedicated Slack channel",support24_7:"\u2013",bronze:"\u2713",silver:"\u2713",gold:"\u2713"},{feature:"Guidance on implementation",support24_7:"\u2013",bronze:"\u2713",silver:"\u2713",gold:"\u2713"},{feature:"API design recommendations",support24_7:"\u2013",bronze:"\u2713",silver:"\u2713",gold:"\u2713"},{feature:"Cross-project consistency",support24_7:"\u2013",bronze:"\u2013",silver:"\u2713",gold:"\u2713"},{feature:"Workflow optimization",support24_7:"\u2013",bronze:"\u2013",silver:"\u2713",gold:"\u2713"},{feature:"Adoption planning",support24_7:"\u2013",bronze:"\u2013",silver:"\u2713",gold:"\u2713"},{feature:"Early roadmap visibility",support24_7:"\u2013",bronze:"\u2013",silver:"\u2713",gold:"\u2713"},{feature:"Org-wide rollout support",support24_7:"\u2013",bronze:"\u2013",silver:"\u2013",gold:"\u2713"},{feature:"Executive strategy alignment",support24_7:"\u2013",bronze:"\u2013",silver:"\u2013",gold:"\u2713"},{feature:"Goal planning and reporting",support24_7:"\u2013",bronze:"\u2013",silver:"\u2013",gold:"\u2713"}],x=r.div.attrs({role:"table"})`
+  margin: 60px auto;
+  overflow-x: auto;
+  box-shadow: 0 2px 64px rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  background: white;
+`,c=r.div`
+  display: grid;
+  grid-template-columns: minmax(200px, 1fr) minmax(120px, 150px) minmax(120px, 150px) minmax(120px, 150px) minmax(120px, 150px);
+
+  @media screen and (max-width: ${m.medium}) {
+    grid-template-columns: minmax(150px, 1fr) repeat(4, minmax(100px, 120px));
+  }
+`,i=r.div.attrs({role:"columnheader"})`
+  font-family: var(--font-family);
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1.4;
+  color: white;
+  height: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  padding: 8px;
+
+  &:nth-child(1) {
+    background-color: #4a5568;
+    border-top-left-radius: 8px;
+  }
+  &:nth-child(2) {
+    background-color: rgb(0, 104, 251);
+  }
+  &:nth-child(3) {
+    background-color: rgb(42, 91, 252);
+  }
+  &:nth-child(4) {
+    background-color: rgb(84, 78, 253);
+  }
+  &:nth-child(5) {
+    background-color: rgb(126, 65, 255);
+    border-top-right-radius: 8px;
+  }
+`,n=r.div.attrs({role:"cell"})`
+  padding: 12px 8px;
+  border-right: 1px solid #e2e8f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  font-size: 13px;
+  line-height: 1.4;
+
+  &:first-child {
+    justify-content: flex-start;
+    text-align: left;
+    font-weight: 500;
+    padding-left: 20px;
+  }
+
+  &:last-child {
+    border-right: none;
+  }
+`,y=r.div.attrs({role:"rowgroup"})``,E=r.div.attrs({role:"rowgroup"})`
+  ${c}:nth-child(odd) {
+    ${n} {
+      background-color: #f8faff;
+    }
+  }
+
+  ${c}:nth-child(even) {
+    ${n} {
+      background-color: white;
+    }
+  }
+`,P=()=>e.createElement(x,null,e.createElement(y,null,e.createElement(c,null,e.createElement(i,null,"Feature"),e.createElement(i,null,"24/7 support"),e.createElement(i,null,"Bronze"),e.createElement(i,null,"Silver"),e.createElement(i,null,"Gold"))),e.createElement(E,null,b.map((t,d)=>e.createElement(c,{key:d},e.createElement(n,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.feature)),e.createElement(n,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.support24_7)),e.createElement(n,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.bronze)),e.createElement(n,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.silver)),e.createElement(n,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.gold)))))),_=()=>e.createElement(v,null,e.createElement(f,null,e.createElement(a,null,e.createElement(s,null,"Severity Level"),e.createElement(s,null,"Definition"),e.createElement(s,null,"Error Response Time"),e.createElement(s,null,"Resolution Process/Time"))),e.createElement(u,null,g.map((t,d)=>e.createElement(a,{key:d},e.createElement(l,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.severityLevel)),e.createElement(l,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.definition)),e.createElement(l,null,e.createElement(o,{color:"var(--color-text-dimmed)"},t.errorResponseTime)),e.createElement(l,null,t.resolutionTime.map((p,h)=>e.createElement(o,{key:h,color:"var(--color-text-dimmed)"},p)))))));export{P as PlansComparisonTable,_ as Table};

package/dist/pages/premium-support/premium-support.page.js

@@ -1,5 +1,19 @@
-import e from"react";import a from"styled-components";import{Box as i}from"../../ui/Box";import{Button as r}from"../../components/Button/CustomButton";import{CallToAction as s}from"../../components/CallToAction/CallToAction";import{List as l,ListItem as t}from"../../components/List/List";import{MediaBox as n,Skewed as c}from"../../components/PositionItems";import{Table as m}from"./Table";import{H1Title as p,Paragraph as o}from"../../components/TypographyElements/TypographyElements";const x={seo:{title:"Premium support"},slug:"/premium-support"};function P(){return e.createElement(u,null,e.createElement(n,null,e.createElement(i,{maxWidth:"800px",m:"auto"},e.createElement(p,{color:"var(--color-text-accent)",mt:{base:"6rem"}},"Premium support"),e.createElement(o,{color:"var(--color-text-dimmed)"},"24/7 support is available on the Enterprise plan. It includes everything in our regular support, plus our fastest response times 24/7/365 for problem resolution (less than an hour for critical issues). Optionally, get exclusive add-ons:"),e.createElement(l,null,e.createElement(t,null,"Additional support channels: Slack, telephone, Zoom conference."),e.createElement(t,null,"Professional services including training, review/feedback, OpenAPI consulting, custom component development, and more."),e.createElement(t,null,"Primary and backup relationship manager.")),e.createElement(o,{color:"var(--color-text-dimmed)"},"We provide normal (non-problem resolution) support between 8 AM to 5 PM Central Time, Monday through Friday. This includes issues like user-acceptance testing, upgrade support, and any professional services like training, feedback/review, OpenAPI consulting, and custom component development."),e.createElement(o,{color:"var(--color-text-dimmed)"},"We provide problem resolution (includes error and defects) 24/7/365. A support ticket should be opened by sending an email to team@redocly.com. A critical issue should be followed up by a phone call to your primary relationship manager (with a fallback to your backup relationship manager or our general support line)."),e.createElement(o,{color:"var(--color-text-dimmed)"},"Send your email according to the following format:"),e.createElement(l,null,e.createElement(t,null,"Subject of the email: \u201C[YOUR COMPANY NAME] Support issue description, Severity level (Critical, High, Medium, or Low, as described below).\u201D (Subject line should be brief, with no need to capitalize description or use any bold or font changes.)"),e.createElement(t,null,"Body of the email: Provide a brief explanation of the support issue. Include screenshots with as much detail on the issue and how to reproduce it, as appropriate and if practicable.")),e.createElement(o,{color:"var(--color-text-dimmed)"},"Classify support requests by the following priority and response levels:"))),e.createElement(c,{angle:0,bg:"#f0f5ff",zIndex:10,offsetTop:"-1050px",offsetBottom:0},e.createElement(n,null,e.createElement(m,null))),e.createElement(s,{title:"Superpower your API lifecycle with Redocly"},e.createElement(r,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial"),e.createElement(r,{to:"/enterprise/",variant:"outlined",size:"large"},"Enterprise")))}const u=a.div`
+import e from"react";import i from"styled-components";import{Button as s}from"../../components/Button/CustomButton";import{CallToAction as d}from"../../components/CallToAction/CallToAction";import{List as r,ListItem as t}from"../../components/List/List";import{MediaBox as n,Skewed as m}from"../../components/PositionItems";import{Table as u,PlansComparisonTable as p}from"./Table";import{H1Title as g,H2Title as l,Paragraph as o}from"../../components/TypographyElements/TypographyElements";const k={seo:{title:"Premium support"},slug:"/premium-support"};function T(){return e.createElement(E,null,e.createElement(n,null,e.createElement(c,null,e.createElement(g,{color:"var(--color-text-accent)",style:{marginTop:"6rem"}},"Premium support"),e.createElement(o,{color:"var(--color-text-dimmed)"},"Redocly's premium support plans go beyond 24/7 coverage. We partner with you to accelerate implementation, improve design, and ensure success at every stage of your API journey."))),e.createElement(m,{angle:{_:0},bg:"#f0f5ff",bgZIndex:10,offsetTop:{_:-100},offsetBottom:{_:0}},e.createElement(n,null,e.createElement(f,{style:{paddingTop:"80px",paddingBottom:"40px"}},e.createElement(l,{color:"var(--color-text-accent)",style:{textAlign:"center",marginBottom:"2rem"}},"Compare plans"),e.createElement(p,null)))),e.createElement(n,null,e.createElement(c,{style:{paddingTop:"4rem",paddingBottom:"4rem"}},e.createElement(a,null,e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"1rem"}},"24/7 support"),e.createElement(r,null,e.createElement(t,null,"Critical issue coverage, 24 hours a day, 7 days a week"),e.createElement(t,null,"Guaranteed response times"),e.createElement(t,null,"Access to our standard support team via email and ticketing"))),e.createElement(a,null,e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"1rem"}},"Bronze"),e.createElement(o,{color:"var(--color-text-dimmed)",style:{marginBottom:"1rem"}},"For teams that want proactive guidance beyond incident support."),e.createElement(r,null,e.createElement(t,null,"Everything in 24/7 support"),e.createElement(t,null,"Quarterly strategy sessions with an IC-level Redocly expert"),e.createElement(t,null,"Recommendations to guide:",e.createElement(r,{style:{marginLeft:"1rem",marginTop:"0.5rem"}},e.createElement(t,null,"Implementation best practices"),e.createElement(t,null,"API documentation design choices"))),e.createElement(t,null,"A dedicated contact who knows your setup and goals"))),e.createElement(a,null,e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"1rem"}},"Silver"),e.createElement(o,{color:"var(--color-text-dimmed)",style:{marginBottom:"1rem"}},"For organizations running multiple projects where mistakes are costly."),e.createElement(r,null,e.createElement(t,null,"Everything in Bronze"),e.createElement(t,null,"Monthly strategy sessions with a manager-level Redocly advisor"),e.createElement(t,null,"Additional guidance on:",e.createElement(r,{style:{marginLeft:"1rem",marginTop:"0.5rem"}},e.createElement(t,null,"Information architecture and cross-project consistency"),e.createElement(t,null,"Workflow optimization across teams"),e.createElement(t,null,"Adoption planning for internal and external stakeholders"))),e.createElement(t,null,"Early visibility into roadmap discussions"))),e.createElement(a,null,e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"1rem"}},"Gold"),e.createElement(o,{color:"var(--color-text-dimmed)",style:{marginBottom:"1rem"}},"For large-scale API programs with complex governance and multiple departments."),e.createElement(r,null,e.createElement(t,null,"Everything in Silver"),e.createElement(t,null,"Weekly sessions with a Redocly executive advisor"),e.createElement(t,null,"Deep partnership on:",e.createElement(r,{style:{marginLeft:"1rem",marginTop:"0.5rem"}},e.createElement(t,null,"Change management and org-wide rollouts"),e.createElement(t,null,"Strategic alignment of API programs with business goals"),e.createElement(t,null,"Executive-level reporting and goal planning"),e.createElement(t,null,"Joint success planning and quarterly impact reviews"))))),e.createElement(a,null,e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"1rem"}},"Diamond"),e.createElement(o,{color:"var(--color-text-dimmed)",style:{marginBottom:"1rem"}},"For enterprises seeking a bespoke relationship with Redocly."),e.createElement(r,null,e.createElement(t,null,"Everything in Gold"),e.createElement(t,null,"Tailored executive sponsorship"),e.createElement(t,null,"Co-design of features"),e.createElement(t,null,"Custom SLAs"),e.createElement(t,null,"Flexible cadence and engagement model"))))),e.createElement(m,{angle:{_:0},bg:"#f8faff",bgZIndex:10,offsetTop:{_:-100},offsetBottom:{_:0}},e.createElement(n,null,e.createElement(c,{style:{paddingTop:"4rem",paddingBottom:"4rem"}},e.createElement(l,{color:"var(--color-text-accent)",style:{marginBottom:"2rem",textAlign:"center"}},"How premium support works"),e.createElement(o,{color:"var(--color-text-dimmed)"},"We provide normal (non-problem resolution) support between 8 AM to 5 PM Central Time, Monday through Friday. This includes issues like user-acceptance testing, upgrade support, and any professional services like training, feedback/review, OpenAPI consulting, and custom component development."),e.createElement(o,{color:"var(--color-text-dimmed)"},"We provide problem resolution (includes error and defects) 24/7/365. A support ticket should be opened by sending an email to team@redocly.com. A critical issue should be followed up by a phone call to your primary relationship manager (with a fallback to your backup relationship manager or our general support line)."),e.createElement(o,{color:"var(--color-text-dimmed)"},"Send your email according to the following format:"),e.createElement(r,null,e.createElement(t,null,'Subject of the email: "[YOUR COMPANY NAME] Support issue description, Severity level (Critical, High, Medium, or Low, as described below)." (Subject line should be brief, with no need to capitalize description or use any bold or font changes.)'),e.createElement(t,null,"Body of the email: Provide a brief explanation of the support issue. Include screenshots with as much detail on the issue and how to reproduce it, as appropriate and if practicable.")),e.createElement(o,{color:"var(--color-text-dimmed)"},"Classify support requests by the following priority and response levels:")))),e.createElement(m,{angle:{_:0},bg:"#f0f5ff",bgZIndex:10,offsetTop:{_:-100},offsetBottom:{_:0}},e.createElement(n,null,e.createElement(u,null))),e.createElement(d,{title:"Superpower your API lifecycle with Redocly"},e.createElement(s,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial"),e.createElement(s,{to:"/enterprise/",variant:"outlined",size:"large"},"Enterprise")))}const E=i.div`
   background-color: #f8faff;
   position: relative;
   overflow: hidden;
-`;export{P as default,x as frontmatter};
+`,c=i.div`
+  max-width: 800px;
+  margin: 0 auto;
+`,f=i.div`
+  max-width: 1200px;
+  margin: 0 auto;
+`,a=i.div`
+  margin-bottom: 3rem;
+  padding-bottom: 2rem;
+  border-bottom: 1px solid #e2e8f0;
+
+  &:last-child {
+    border-bottom: none;
+  }
+`;export{T as default,k as frontmatter};

package/dist/pages/respect/components/ChooseRespect.js

@@ -1,4 +1,4 @@
-import i from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import l from"../images/bg-grid-lines-1.svg";import o from"../images/bg-grid-lines-2.svg";import m from"../images/bg-grid-lines-3.svg";import d from"../images/bg-grid-lines-4.svg";import s from"../images/bg-grid-lines-5.svg";const E=()=>{const r=[{title:"Proactive API Quality Assurance",description:"Detect breaking changes before they impact users, reducing downtime and repair time.",image:l,area:"el1",maxWidth:"390px"},{title:"Automated API Checks",description:"Run OpenAPI Arazzo workflows on a schedule.",image:o,area:"el2",maxWidth:"390px"},{title:"Real-Time Alerts",description:"Get notified via Slack or email when issues arise.",image:m,area:"el3",maxWidth:"290px"},{title:"Graphical Reporting",description:"Track API health over time with clear visual insights.",image:d,area:"el4",maxWidth:"290px"},{title:"Flexible & Scalable",description:"Monitor APIs at any stage of development and scale with your needs.",image:s,area:"el5",maxWidth:"320px"}];return i.createElement(p,null,i.createElement(c,null,i.createElement("span",{style:{color:"var(--text-color-description)"}},"Why")," choose Respect monitoring?"),i.createElement(g,null,r.map((a,n)=>i.createElement(h,{key:n,style:{gridArea:a.area},image:a.image},i.createElement(x,null,a.title),i.createElement(f,null,a.description),i.createElement(u,{src:a.image})))))},p=t.div`
+import i from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import l from"../images/bg-grid-lines-1.svg";import o from"../images/bg-grid-lines-2.svg";import m from"../images/bg-grid-lines-3.svg";import d from"../images/bg-grid-lines-4.svg";import s from"../images/bg-grid-lines-5.svg";const E=()=>{const r=[{title:"Proactive API Quality Assurance",description:"Detect breaking changes before they impact users, reducing downtime and repair time.",image:l,area:"el1",maxWidth:"390px"},{title:"Automated API Checks",description:"Run OpenAPI Arazzo workflows on a schedule.",image:o,area:"el2",maxWidth:"390px"},{title:"Real-Time Alerts",description:"Get notified via Slack or email when issues arise.",image:m,area:"el3",maxWidth:"290px"},{title:"Graphical Reporting",description:"Track API health over time with clear visual insights.",image:d,area:"el4",maxWidth:"290px"},{title:"Flexible & Scalable",description:"Monitor APIs at any stage of development and scale with your needs.",image:s,area:"el5",maxWidth:"320px"}];return i.createElement(p,null,i.createElement(c,null,i.createElement("span",{style:{color:"var(--text-color-description)"}},"Why")," choose Respect Monitoring?"),i.createElement(g,null,r.map((a,n)=>i.createElement(h,{key:n,style:{gridArea:a.area},image:a.image},i.createElement(x,null,a.title),i.createElement(f,null,a.description),i.createElement(u,{src:a.image})))))},p=t.div`
   display: flex;
   flex-direction: column;
   margin-bottom: 24px;

package/dist/pages/respect-cli/components/BottomSection.js

@@ -1,4 +1,4 @@
-import i from"react";import r from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import{Button as n}from"../../../components/Button/CustomButton";import{RoundedBackgroundCard as t}from"../../../components/Cards/RoundedBackgroundCard";const u=()=>i.createElement(p,null,i.createElement(o,{gap:"0",border:"1px solid rgba(22, 119, 255, 0.16)",backgroundColor:"rgba(255, 255, 255, 0.40)"},i.createElement(l,null,i.createElement(c,null,"Start Respecting",i.createElement("br",null),"Your API Today")),i.createElement(a,null,i.createElement(d,null,"Run Respect, check your specs,",i.createElement("br",null),"and keep your APIs respectable."),i.createElement(m,{variant:"dark",to:"https://auth.cloud.redocly.com/registration"},"Get started")))),o=r(t)`
+import n from"react";import t from"styled-components";import{breakpoints as e}from"@redocly/theme/core/utils";import{Button as i}from"../../../components/Button/CustomButton";import{RoundedBackgroundCard as d}from"../../../components/Cards/RoundedBackgroundCard";const h=()=>n.createElement(l,null,n.createElement(r,{gap:"0",border:"1px solid rgba(22, 119, 255, 0.16)",backgroundColor:"rgba(255, 255, 255, 0.40)"},n.createElement(p,null,n.createElement(s,null,"Start Respecting",n.createElement("br",null),"Your API Today")),n.createElement(o,null,n.createElement(a,null,"Run Respect, check your specs,",n.createElement("br",null),"and keep your APIs respectable."),n.createElement(m,{variant:"dark",to:"https://auth.cloud.redocly.com/registration"},"Get started")))),r=t(d)`
   display: grid;
   grid-template-columns: 1fr;
   padding: 0;
@@ -8,7 +8,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
     grid-template-columns: 1fr 1fr;
     border-radius: 32px;
   }
-`,d=r.p`
+`,a=t.p`
   font-family: Red Hat Display;
   font-weight: 700;
   font-size: 24px;
@@ -17,7 +17,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   margin: 0;
 
   color: var(--color-warm-grey-6);
-`,a=r.div`
+`,o=t.div`
   padding: 32px 24px;
   display: flex;
   flex-direction: column;
@@ -33,7 +33,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.medium}) {
     padding: 64px 48px;
   }
-`,l=r.div`
+`,p=t.div`
   width: 100%;
   padding: 32px 24px;
 
@@ -44,7 +44,7 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.medium}) {
     padding: 64px;
   }
-`,p=r.div`
+`,l=t.div`
   padding: 0 0 24px 0;
   position: relative;
 
@@ -59,57 +59,24 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
   @media screen and (min-width: ${e.large}) {
     padding: 64px 0;
   }
-`,m=r(n)`
+`,m=t(i)`
   border-radius: 6px;
-  padding: 5px 16px;
+  padding: 5px 16px !important;
   font-family: var(--font-family);
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
   margin: 0;
 
-  @media screen and (min-width: ${e.small}) {
-    padding: 12px 24px;
-    font-size: 20px;
-    line-height: 28px;
-    border-radius: 12px;
-  }
-`,w=r(n)`
-  border-radius: 6px;
-  padding: 5px 16px;
-  font-family: var(--font-family);
-  font-size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-  border: 1px solid var(--color-warm-grey-10);
-  color: var(--color-warm-grey-8);
-  background-color: transparent;
-  margin: 0;
-
-  &:hover {
-    background-color: transparent;
-    border: 1px solid var(--color-warm-grey-10);
-    color: var(--color-warm-grey-8);
-  }
+  height: unset;
 
   @media screen and (min-width: ${e.small}) {
+    padding: 12px 24px;
     font-size: 20px;
     line-height: 28px;
     border-radius: 12px;
   }
-`,y=r.div`
-  display: flex;
-  gap: 16px;
-  flex-direction: row;
-
-  @media screen and (min-width: ${e.small}) {
-    flex-direction: column;
-  }
-
-  @media screen and (min-width: ${e.medium}) {
-    flex-direction: row;
-  }
-`,c=r.p`
+`,s=t.p`
   font-family: Red Hat Display;
   font-weight: 700;
   line-height: 40px;
@@ -125,16 +92,4 @@ import i from"react";import r from"styled-components";import{breakpoints as e}fr
     line-height: 50px;
     font-size: 42px;
   }
-`,b=r.p`
-  font-family: Inter;
-  font-weight: 500;
-  font-size: 20px;
-  line-height: 28px;
-  color: var(--text-color-secondary);
-
-  margin: 0;
-
-  @media screen and (min-width: ${e.small}) {
-    font-weight: 400;
-  }
-`;export{u as BottomSection};
+`;export{h as BottomSection};

package/dist/pages/respect-cli/components/HowItWorksSection.js

@@ -1,4 +1,4 @@
-import i from"react";import t from"styled-components";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import d from"../images/install-card-img.svg";import p from"../images/access-card-img.svg";import l from"../images/improve-card-img.svg";import{breakpoints as e}from"@redocly/theme/core/utils";const z=()=>{const n=[{id:1,title:"Quickly install and run with a single command",description:"With a single command you can run Arazzo workflows, which send real API requests to a server, and interpret the real API responses.",img:d},{id:2,title:"Access comprehensive insights to improve your API",description:"Gain insights with detailed reports on schema gaps, status codes, and content types, helping you align your OpenAPI description with best practices for seamless integration.",img:p},{id:3,title:"Improve & Validate",description:"Take action: correct your OpenAPI descriptions or fix your actual underlying API depending on the issue. Then, run Respect regularly to prevent regressions.",img:l}];return i.createElement(f,null,i.createElement(m,null,"/ How it works"),i.createElement(x,null,n.map((r,a)=>i.createElement(h,{key:a,id:`card-${r.id}`,gap:"40px",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},i.createElement(c,null,i.createElement(g,null,r.title),i.createElement(s,null,r.description)),i.createElement("img",{style:{width:"100%",height:"100%",marginTop:"-110px",marginLeft:"60px"},src:r.img})))))},m=t.p`
+import i from"react";import t from"styled-components";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import d from"../images/install-card-img.svg";import p from"../images/access-card-img.svg";import m from"../images/improve-card-img.svg";import{breakpoints as e}from"@redocly/theme/core/utils";const z=()=>{const n=[{id:1,title:"Quickly install and run with a single command",description:"With a single command you can run Arazzo workflows, which send real API requests to a server, and interpret the real API responses.",img:d},{id:2,title:"Access comprehensive insights to improve your API",description:"Gain insights with detailed reports on schema gaps, status codes, and content types, helping you align your OpenAPI description with best practices for seamless integration.",img:p},{id:3,title:"Improve & Validate",description:"Take action: correct your OpenAPI descriptions or fix your actual underlying API depending on the issue. Then, run Respect regularly to prevent regressions.",img:m}];return i.createElement(f,null,i.createElement(l,null,"/ How it works"),i.createElement(x,null,n.map((r,a)=>i.createElement(h,{key:a,id:`card-${r.id}`,gap:"40px",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},i.createElement(c,null,i.createElement(g,null,r.title),i.createElement(s,null,r.description)),i.createElement("img",{style:{width:"100%",height:"100%",marginTop:"-110px",marginLeft:"60px"},src:r.img})))))},l=t.p`
   padding-left: 0;
   margin: 0;
 
@@ -10,7 +10,7 @@ import i from"react";import t from"styled-components";import{RoundedBackgroundCa
   line-height: 24px;
   text-transform: uppercase;
 
-  @media screen and (min-width: ${e.small}) {
+  @media screen and (min-width: ${e.medium}) {
     padding-left: 64px;
   }
 `,s=t.p`
@@ -43,7 +43,7 @@ import i from"react";import t from"styled-components";import{RoundedBackgroundCa
   gap: 20px;
 
   max-width: 667px;
-  min-width: 400px;
+  /* min-width: 400px; */
 `,h=t(o)`
   padding: 24px;
   overflow: hidden;

package/dist/pages/respect-cli/components/MonitoringAsServiceSection.js

@@ -1,4 +1,24 @@
-import e from"react";import t from"styled-components";import{Button as r}from"../../../components/Button/CustomButton";import{ResponsiveImg as a}from"../../../components/ImageComponents";import{breakpoints as i}from"@redocly/theme/core/utils";const h=()=>e.createElement(l,null,e.createElement("div",{style:{zIndex:1}},e.createElement(m,null,"/ Monitoring as a service"),e.createElement(o,null,"Track critical workflows with real-time insights"),e.createElement(n,{style:{maxWidth:"564px",margin:"0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards."),e.createElement(n,{style:{maxWidth:"616px",margin:"24px 0 28px 0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards. For a premium service with more advanced API monitoring and governance tools"),e.createElement(r,{style:{margin:"0"},variant:"dark",to:"/respect"},"Discover premium")),e.createElement(a,{src:require("../images/monitoring-as-service-img.svg")})),n=t.p`
+import e from"react";import t from"styled-components";import{Button as r}from"../../../components/Button/CustomButton";import{ResponsiveImg as a}from"../../../components/ImageComponents";import{breakpoints as i}from"@redocly/theme/core/utils";const f=()=>e.createElement(l,null,e.createElement("div",{style:{zIndex:1}},e.createElement(p,null,"/ Monitoring as a service"),e.createElement(d,null,"Track critical workflows with real-time insights"),e.createElement(n,{style:{maxWidth:"564px",margin:"0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards."),e.createElement(n,{style:{maxWidth:"616px",margin:"24px 0 28px 0"}},"Redocly can monitor your critical API workflows and provide you with alerts and graphical dashboards. For a premium service with more advanced API monitoring and governance tools"),e.createElement(o,{variant:"dark",to:"/respect"},"Discover premium")),e.createElement(m,{src:require("../images/monitoring-as-service-img.svg")})),o=t(r)`
+  margin: 0;
+  padding: 5px 16px !important;
+
+  font-size: 14px;
+  line-height: 22px;
+  height: unset;
+  border-radius: 6px;
+
+  @media screen and (min-width: ${i.small}) {
+    padding: 12px 24px !important;
+
+    font-size: 20px;
+    line-height: 28px;
+    border-radius: 12px;
+  }
+`,m=t(a)`
+  width: 100%;
+  max-width: 525px;
+  height: auto;
+`,n=t.p`
   color: var(--text-color-secondary);
 
   font-family: Inter;
@@ -10,7 +30,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
     font-size: 20px;
     line-height: 28px;
   }
-`,o=t.p`
+`,d=t.p`
   color: var(--text-color-primary);
   font-family: 'Red Hat Display';
   font-size: 32px;
@@ -27,7 +47,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   @media screen and (min-width: ${i.large}) {
     margin: 40px 0 20px 0;
   }
-`,m=t.p`
+`,p=t.p`
   margin: 0;
 
   color: #6e6f7a;
@@ -48,6 +68,7 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   justify-content: space-between;
   align-items: center;
   padding: 40px 0;
+  gap: 40px;
 
   @media screen and (min-width: ${i.small}) {
     padding: 40px;
@@ -61,4 +82,4 @@ import e from"react";import t from"styled-components";import{Button as r}from"..
   @media screen and (min-width: ${i.large}) {
     padding: 64px;
   }
-`;export{h as MonitoringAsServiceSection};
+`;export{f as MonitoringAsServiceSection};

package/dist/pages/respect-cli/components/QuickInstallationSection.js

@@ -1,14 +1,14 @@
-import e from"react";import t from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{RoundedBackgroundCard as i}from"../../../components/Cards/RoundedBackgroundCard";import{CopyButton as o}from"@redocly/theme/components/Buttons/CopyButton";import{ButtonWithArrow as r}from"../../../components/Button/ButtonWithArrow";const y=()=>e.createElement(p,null,e.createElement(a,{gap:"0",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},e.createElement(l,null,e.createElement(c,null,"Quick installation and setup guide for ",e.createElement("a",null,"Respect")),e.createElement(r,{link:"/docs/respect",buttonText:"See full documentation",mode:"dark"})),e.createElement(d,null,e.createElement(m,null,e.createElement(s,null,"npx ",e.createElement("span",{style:{color:"#2467f2"}},"@redocly/cli")," respect important.",e.createElement("span",{style:{color:"#6ba543"}},"arazzo"),".yaml"),e.createElement(o,{data:"npx @redocly/cli respect important important.arazzo.yaml"}))))),a=t(i)`
+import e from"react";import n from"styled-components";import{breakpoints as t}from"@redocly/theme/core/utils";import{RoundedBackgroundCard as o}from"../../../components/Cards/RoundedBackgroundCard";import{CopyButton as r}from"@redocly/theme/components/Buttons/CopyButton";import{ButtonWithArrow as a}from"../../../components/Button/ButtonWithArrow";import{useMediaQuery as d}from"../../../hooks/useMediaQuery";const E=()=>{const i=d(`(max-width: ${t.small})`);return e.createElement(m,null,e.createElement(l,{gap:"0",border:"1px solid #1677FF29",backgroundColor:"#FFFFFFCC"},e.createElement(c,null,e.createElement(s,null,"Quick installation and setup guide for ",e.createElement("a",null,"Respect")),e.createElement(a,{link:"/docs/respect",buttonText:"See full documentation",mode:"dark"})),e.createElement(p,null,e.createElement(x,null,e.createElement(g,null,"npx ",e.createElement("span",{style:{color:"#2467f2"}},"@redocly/cli")," respect important.",e.createElement("span",{style:{color:"#6ba543"}},"arazzo"),".yaml"),!i&&e.createElement(r,{data:"npx @redocly/cli respect important important.arazzo.yaml"})))))},l=n(o)`
   display: grid;
   grid-template-columns: 1fr;
   padding: 0;
   border-radius: 24px;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     grid-template-columns: 0.6fr 1fr;
     border-radius: 32px;
   }
-`,d=t.div`
+`,p=n.div`
   padding: 32px 24px;
   display: flex;
   flex-direction: column;
@@ -17,16 +17,16 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   gap: 32px;
   border-top: 1px solid #1677ff29;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 64px 32px;
     border-left: 1px solid #1677ff29;
     border-top: none;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     padding: 64px 48px;
   }
-`,l=t.div`
+`,c=n.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -48,21 +48,21 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
     }
   }
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 40px;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     padding: 40px 64px;
   }
-`,p=t.div`
+`,m=n.div`
   position: relative;
   padding: 24px 0;
 
-  @media screen and (min-width: ${n.small}) {
+  @media screen and (min-width: ${t.small}) {
     padding: 64px 0 96px 0;
   }
-`,c=t.p`
+`,s=n.p`
   font-family: Red Hat Display;
   font-weight: 700;
   line-height: 32px;
@@ -77,11 +77,11 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
     -webkit-text-fill-color: transparent;
   }
 
-  @media screen and (min-width: ${n.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     line-height: 48px;
     font-size: 32px;
   }
-`,m=t.div`
+`,x=n.div`
   display: flex;
   height: 104px;
   padding: 36.5px 24px 35.5px 24px;
@@ -95,7 +95,7 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   box-shadow: 0px 3.476px 13.905px 0px rgba(255, 255, 255, 0.4);
 
   max-width: 520px;
-`,s=t.p`
+`,g=n.p`
   color: var(--text-color-secondary);
 
   font-family: 'SF Mono';
@@ -104,4 +104,4 @@ import e from"react";import t from"styled-components";import{breakpoints as n}fr
   line-height: 22.33px;
 
   margin: 0;
-`;export{y as QuickInstallationSection};
+`;export{E as QuickInstallationSection};