@redocly/marketing-pages 0.1.35 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,7 @@
1
1
  import * as React from 'react';
2
- export default function Page(): React.JSX.Element;
2
+ interface PageProps {
3
+ RedoclyOpenAPIDocs: any;
4
+ safeSlugify: (str: string) => string;
5
+ }
6
+ export default function Page({ RedoclyOpenAPIDocs, safeSlugify }: PageProps): React.JSX.Element;
7
+ export {};
@@ -1,3 +1,3 @@
1
- import{useCommunicationManager as o}from"../hooks/useCommunicationManager";import r from"styled-components";import*as e from"react";import{RedoclyOpenAPIDocs as a,safeSlugify as s}from"@redocly/openapi-docs";import{useThemeManager as f}from"../hooks/useThemeManager";function d(){const[t,i]=e.useState(null);return o({definition:t,safeSlugify:s}),f(),e.useEffect(()=>{window.updateDefinition=n=>{i(n)},window.parent.onReady(window)},[t]),t?e.createElement(l,null,e.createElement(a,{store:{options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0,scrollYOffset:0,hideInfoMetadata:!0,feedback:{hide:!0}},definition:t}})):e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",fontFamily:"system-ui, -apple-system, sans-serif",color:"#666"}},"No API definition available")}const l=r.div`
1
+ import{useCommunicationManager as a}from"../hooks/useCommunicationManager";import s from"styled-components";import*as e from"react";import{useThemeManager as d}from"../hooks/useThemeManager";function f({RedoclyOpenAPIDocs:i,safeSlugify:n}){const[t,r]=e.useState(null);return a({definition:t,safeSlugify:n}),d(),e.useEffect(()=>{window.updateDefinition=o=>{r(o)},window.parent.onReady(window)},[t]),t?e.createElement(l,null,e.createElement(i,{store:{options:{routingBasePath:"/preview",disableRouter:!0,hideSidebar:!0,scrollYOffset:0,hideInfoMetadata:!0,feedback:{hide:!0}},definition:t}})):e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh",fontFamily:"system-ui, -apple-system, sans-serif",color:"#666"}},"No API definition available")}const l=s.div`
2
2
  --sidebar-width: 0px;
3
- `;export{d as default};
3
+ `;export{f as default};
@@ -1,26 +1,25 @@
1
- import e from"react";import t from"styled-components";import{Card as r}from"../../../components/Cards/Card";import{breakpoints as n}from"@redocly/theme/core/utils";const p=()=>e.createElement(o,null,e.createElement(i,null,e.createElement(a,null,"See a log of all ",e.createElement("a",null," project deployments ")," with links to corresponding Git branches or PRs. Instant rollbacks available too."))),i=t.div`
1
+ import e from"react";import t from"styled-components";import{Card as o}from"../../../components/Cards/Card";import{breakpoints as n}from"@redocly/theme/core/utils";const c=()=>e.createElement(r,null,e.createElement(i,null,e.createElement(a,null,"See a log of all ",e.createElement("a",null," project deployments ")," with links to corresponding Git branches or PRs. Instant rollbacks available too."))),i=t.div`
2
2
  overflow: hidden;
3
3
  width: 100%;
4
4
  height: 100%;
5
5
  padding: 32px;
6
- min-height: 780px;
7
- background-image: url(${require("../images/deployments-example-small.svg")});
6
+ min-height: 430px;
7
+ background-image: url(${require("../images/deployments-example.svg")});
8
8
  object-fit: cover;
9
9
  background-size: contain;
10
10
  background-repeat: no-repeat;
11
11
  background-position: right bottom;
12
12
 
13
13
  @media screen and (min-width: ${n.small}) {
14
- background-image: url(${require("../images/deployments-example.svg")});
15
14
  background-position: center right;
16
15
  min-height: 510px;
17
16
  }
18
- `,o=t.div`
17
+ `,r=t.div`
19
18
  background-image: url(${require("../images/deployments-bg.svg")});
20
19
  background-repeat: no-repeat;
21
20
  width: 100%;
22
21
  height: 100%;
23
- `,a=t(r)`
22
+ `,a=t(o)`
24
23
  max-width: 272px;
25
24
  border-radius: 12px;
26
25
 
@@ -41,4 +40,4 @@ import e from"react";import t from"styled-components";import{Card as r}from"../.
41
40
  @media screen and (min-width: ${n.large}) {
42
41
  max-width: 475px;
43
42
  }
44
- `;export{p as DeploymentsCard};
43
+ `;export{c as DeploymentsCard};