@redocly/marketing-pages 0.1.9 → 0.1.10
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.
- package/dist/components/Footer/FooterColumn.js +11 -11
- package/dist/components/Footer/FooterColumns.js +3 -3
- package/dist/components/Footer/FooterCopyright.js +1 -1
- package/dist/components/Menu/MenuItem.js +21 -21
- package/dist/components/Navbar/NavbarItem.js +1 -1
- package/dist/components/Navbar/NavbarMenu.js +1 -1
- package/dist/pages/about/about.page.js +9 -9
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import t from"react";import
|
|
1
|
+
import t from"react";import o,{css as v}from"styled-components";import{breakpoints as i}from"@redocly/theme/core/utils";import{useThemeHooks as E}from"@redocly/theme/core/hooks";import{LaunchIcon as k}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as n}from"@redocly/theme/components/Link/Link";import{Image as $}from"@redocly/theme/components/Image/Image";import{ResponsiveImg as a}from"../ImageComponents";import{Box as T}from"../../ui/Box";import{FooterCopyright as I}from"./FooterCopyright";function S({column:r,className:x,subscribeSection:l,copyrightText:h}){const{useTranslate:u,useTelemetry:y}=E(),{translate:m}=u(),b=y(),{items:d=[]}=r,c=d.every(e=>e.label===e.link&&(e.icon||e.srcSet)),p=m(r.labelTranslationKey,r.label),w=r.type==="link"?t.createElement(n,{to:r.link,external:r.external,target:r.target},p):p;return t.createElement(L,{"data-component-name":"Footer/FooterColumn",className:x},t.createElement(z,null,w),l&&t.createElement(C,null,t.createElement(n,{to:"https://github.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/github.svg"),alt:"GitHub icon"})),t.createElement(n,{to:"https://www.linkedin.com/company/redocly"},t.createElement(a,{src:require("../../../images/icons/linkedin.svg"),alt:"LinkedIn icon"})),t.createElement(n,{to:"https://x.com/Redocly"},t.createElement(a,{src:require("../../../images/icons/logo-x.svg"),alt:"X icon"})),t.createElement(n,{to:"https://www.youtube.com/@redocly"},t.createElement(a,{src:require("../../../images/icons/youtube.svg"),alt:"YouTube icon"}))),t.createElement(g,{$iconsOnly:c,$subscribeSection:l},d?.map((e,f)=>e.type==="error"?null:e.type==="separator"?t.createElement(R,{key:e.label+"_"+f},m(e.labelTranslationKey,e.label)):t.createElement(O,{key:f,to:e.link,external:e.external,target:e.target,"data-cy":e.label,$iconsOnly:c,onClick:()=>b.send("footer_item_clicked",{})},e.icon||e.srcSet?t.createElement(s,null,t.createElement($,{src:e.icon,srcSet:e.srcSet})):null,!c&&m(e.labelTranslationKey,e.label),e.external?t.createElement(k,{size:"10px"}):null)),l&&t.createElement(F,null,t.createElement(I,{copyrightText:h||""}))))}const F=o.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
font-size: 16px;
|
|
@@ -6,7 +6,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
6
6
|
line-height: 24px;
|
|
7
7
|
color: var(--typography-text-color);
|
|
8
8
|
font-family: Inter;
|
|
9
|
-
`,z=
|
|
9
|
+
`,z=o.p`
|
|
10
10
|
display: inline-block;
|
|
11
11
|
font-weight: var(--footer-title-font-weight);
|
|
12
12
|
margin-top: 0;
|
|
@@ -21,7 +21,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
21
21
|
@media screen and (min-width: ${i.small}) {
|
|
22
22
|
margin-bottom: var(--footer-title-margin-bottom);
|
|
23
23
|
}
|
|
24
|
-
`,C=
|
|
24
|
+
`,C=o(T)`
|
|
25
25
|
display: flex;
|
|
26
26
|
flex-direction: row;
|
|
27
27
|
justify-content: space-between;
|
|
@@ -35,7 +35,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
35
35
|
background-color: var(--color-warm-grey-2);
|
|
36
36
|
border-radius: 6px;
|
|
37
37
|
}
|
|
38
|
-
`,L=
|
|
38
|
+
`,L=o.div`
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
text-align: left;
|
|
@@ -63,7 +63,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
63
63
|
margin-bottom: 60px;
|
|
64
64
|
padding: 0;
|
|
65
65
|
}
|
|
66
|
-
`,s=
|
|
66
|
+
`,s=o.div`
|
|
67
67
|
display: inline-flex;
|
|
68
68
|
width: var(--footer-item-icon-width);
|
|
69
69
|
height: var(--footer-item-icon-height);
|
|
@@ -72,7 +72,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
72
72
|
border: 1px solid var(--footer-item-icon-border-color);
|
|
73
73
|
border-radius: var(--footer-item-icon-border-radius);
|
|
74
74
|
padding: var(--footer-item-icon-padding);
|
|
75
|
-
`,O=
|
|
75
|
+
`,O=o(n)`
|
|
76
76
|
color: var(--text-color-secondary);
|
|
77
77
|
text-decoration: none;
|
|
78
78
|
font-family: Inter;
|
|
@@ -86,15 +86,15 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
&:last-child ${s} {
|
|
89
|
-
margin-right: ${({$iconsOnly:
|
|
89
|
+
margin-right: ${({$iconsOnly:r})=>r?"0":"var(--footer-item-icon-margin-right)"};
|
|
90
90
|
}
|
|
91
|
-
`,g=
|
|
91
|
+
`,g=o.div`
|
|
92
92
|
display: flex;
|
|
93
93
|
flex-wrap: wrap;
|
|
94
94
|
justify-content: center;
|
|
95
|
-
flex-direction: ${
|
|
95
|
+
flex-direction: ${r=>r.$iconsOnly?"row":"column"};
|
|
96
96
|
|
|
97
|
-
${({$subscribeSection:
|
|
97
|
+
${({$subscribeSection:r})=>r&&v`
|
|
98
98
|
@media screen and (max-width: ${i.medium}) {
|
|
99
99
|
flex-direction: row;
|
|
100
100
|
gap: 24px;
|
|
@@ -105,7 +105,7 @@ import t from"react";import r,{css as v}from"styled-components";import{breakpoin
|
|
|
105
105
|
@media screen and (min-width: ${i.small}) {
|
|
106
106
|
justify-content: flex-start;
|
|
107
107
|
}
|
|
108
|
-
`,R=
|
|
108
|
+
`,R=o.div`
|
|
109
109
|
opacity: 0.75;
|
|
110
110
|
margin: 10px 0 5px 0;
|
|
111
111
|
font-size: 0.75em;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import n from"react";import r from"styled-components";import{FooterColumn as c}from"./FooterColumn";import{breakpoints as e}from"@redocly/theme/core/utils";function d({columns:t,className:l,copyrightText:s}){return t?.length?n.createElement(
|
|
1
|
+
import n from"react";import r from"styled-components";import{FooterColumn as c}from"./FooterColumn";import{breakpoints as e}from"@redocly/theme/core/utils";function d({columns:t,className:l,copyrightText:s}){return t?.length?n.createElement(o,{"data-component-name":"Footer/FooterColumns",className:l},n.createElement(a,null,t.map((i,m)=>n.createElement(c,{key:`${i.label}_${m}`,column:i,subscribeSection:t.length-1===m,copyrightText:s})))):null}const o=r.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
justify-content: center;
|
|
@@ -12,7 +12,7 @@ import n from"react";import r from"styled-components";import{FooterColumn as c}f
|
|
|
12
12
|
@media screen and (min-width: ${e.small}) {
|
|
13
13
|
margin: 0 auto;
|
|
14
14
|
}
|
|
15
|
-
`,
|
|
15
|
+
`,a=r.div`
|
|
16
16
|
display: grid;
|
|
17
17
|
grid-template-columns: repeat(2, 1fr);
|
|
18
18
|
justify-content: center;
|
|
@@ -31,4 +31,4 @@ import n from"react";import r from"styled-components";import{FooterColumn as c}f
|
|
|
31
31
|
@media screen and (min-width: ${e.large}) {
|
|
32
32
|
padding: 0 100px;
|
|
33
33
|
}
|
|
34
|
-
`;export{d as FooterColumns,
|
|
34
|
+
`;export{d as FooterColumns,o as FooterColumnsContainer,a as FooterRow};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"react";import o from"styled-components";import{useThemeHooks as i}from"@redocly/theme/core/hooks";import{breakpoints as m}from"@redocly/theme/core/utils";function s({copyrightText:t="",className:r}){const{useTranslate:n}=i(),{translate:a}=n();return t?e.createElement(l,{className:r,"data-component-name":"Footer/FooterCopyright","data-translation-key":"theme.footer.copyrightText"},e.createElement(c,null,a("theme.footer.copyrightText",t))):null}const l=o.section`
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: space-between;
|
|
4
4
|
align-items: center;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import t,{useRef as E}from"react";import
|
|
1
|
+
import t,{useRef as E}from"react";import r,{css as z}from"styled-components";import{useNestedMenu as W,useThemeHooks as _}from"@redocly/theme/core/hooks";import{LaunchIcon as $}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as F}from"@redocly/theme/components/Link/Link";import{ChevronDownIcon as s}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as u}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{HttpTag as G}from"@redocly/theme/components/Tags/HttpTag";import{MenuItemType as d}from"@redocly/theme/core/constants";import{getMenuItemType as O}from"@redocly/theme/core/utils";import{ArrowRightIcon as U}from"@redocly/theme/icons/ArrowRightIcon/ArrowRightIcon";import{Badge as q}from"@redocly/theme/components/Badge/Badge";import{ButtonWithArrow as J}from"../Button/ButtonWithArrow";function Q(n){const{item:e,depth:a,className:l,onClick:v}=n,{useTranslate:L,useTelemetry:N}=_(),{translate:m}=L(),i=O(e),b=E(null),p=E(null),{isExpanded:g,canUnmount:K,style:H,handleExpand:P}=W({...n,type:i,labelRef:p,nestedMenuRef:b}),S=N(),x=i===d.DrillDown,h=i===d.Group,c=h&&!x,V=i===d.Operation,y=e.label==="Reunite"&&e.link==="/reunite",k=()=>{S.send?.("sidebar_item_clicked",{label:e.label,type:e.type}),v?.(),h&&P()},j=c?g?t.createElement(s,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):t.createElement(u,{size:"var(--menu-item-label-chevron-size)",color:"--tree-content-color-default"}):null,A=e.deprecated?"http-deprecated":e.httpVerb,B=y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link",style:{flexDirection:"column"}},e.sublabel?t.createElement(C,{style:{margin:"0",color:"var(--text-color-primary)",fontFamily:"Inter",fontSize:"14px",fontWeight:"400",lineHeight:"22px"}},m(e.subLabelTranslationKey,e.sublabel)):null,t.createElement(ee,null,t.createElement("div",{style:{flexDirection:"row",gap:"8px",display:"flex",alignItems:"center"}},e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:f})=>t.createElement(D,{color:f,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null)),t.createElement(J,{mode:"light",link:e.link,buttonText:""}))),w=e.label&&!y&&t.createElement(I,{active:e.active,deprecated:e.deprecated,depth:a,withChevron:c,onClick:k,ref:p,role:e.link?"none":"link"},c&&j,e.icon?t.createElement(M,{src:e.icon}):null,t.createElement(T,null,t.createElement(R,null,t.createElement("span",null,m(e.labelTranslationKey,e.label)),e.badges?.map(({name:o,color:f})=>t.createElement(D,{color:f,key:o},o)),e.external?t.createElement($,{size:"var(--menu-item-external-icon-size)"}):null),e.sublabel?t.createElement(C,null,m(e.subLabelTranslationKey,e.sublabel)):null),x?t.createElement(U,{size:"16px"}):null,V?t.createElement(G,{color:A||""},e.httpVerb==="hook"?"event":e.httpVerb):null);return t.createElement(Y,{"data-component-name":"Menu/MenuItem",className:X({type:i,item:e,className:l})},e.link?t.createElement(te,{to:e.link,external:e.external,target:e.target,languageInsensitive:e.languageInsensitive},w,B):w,h?t.createElement(Z,{depth:a,ref:b,style:H},g||!K?n.children:null):null,e.separatorLine?t.createElement(ne,{depth:a,linePosition:e.linePosition}):null)}function X({type:n,item:e,className:a}){const l=[a,`menu-item-type-${n}`];return n===d.Separator&&l.push(`menu-item-type-${n}-${e.variant||"primary"}`),e.menuStyle==="drilldown-header"&&(l.push("menu-item-type-drilldown-header"),e.link&&l.push("menu-item-type-drilldown-header-link")),l.filter(v=>v).join(" ").trim()}const Y=r.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
background-color: var(--menu-item-bg-color);
|
|
@@ -21,7 +21,7 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
21
21
|
text-decoration: none;
|
|
22
22
|
color: var(--menu-item-text-color);
|
|
23
23
|
}
|
|
24
|
-
`,Z=
|
|
24
|
+
`,Z=r.div`
|
|
25
25
|
overflow: hidden;
|
|
26
26
|
order: 1;
|
|
27
27
|
position: relative;
|
|
@@ -36,15 +36,15 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
36
36
|
bottom: var(--spacing-unit);
|
|
37
37
|
top: 0;
|
|
38
38
|
z-index: var(--z-index-surface);
|
|
39
|
-
left: ${({depth:
|
|
39
|
+
left: ${({depth:n})=>`calc(
|
|
40
40
|
var(--menu-item-label-margin-horizontal) +
|
|
41
41
|
var(--menu-item-padding-horizontal) +
|
|
42
42
|
(var(--menu-item-label-chevron-size) / 2 - 1px) +
|
|
43
|
-
var(--menu-item-nested-offset) * ${
|
|
43
|
+
var(--menu-item-nested-offset) * ${n})
|
|
44
44
|
`};
|
|
45
45
|
border: 0.5px solid var(--border-color-primary);
|
|
46
46
|
}
|
|
47
|
-
`,I=
|
|
47
|
+
`,I=r.li`
|
|
48
48
|
display: flex;
|
|
49
49
|
position: relative;
|
|
50
50
|
cursor: pointer;
|
|
@@ -57,13 +57,13 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
57
57
|
padding: var(--menu-item-label-padding);
|
|
58
58
|
gap: var(--menu-item-label-gap);
|
|
59
59
|
|
|
60
|
-
padding-left: ${({withChevron:
|
|
60
|
+
padding-left: ${({withChevron:n,depth:e})=>`calc(
|
|
61
61
|
var(--menu-item-padding-horizontal) +
|
|
62
|
-
${
|
|
62
|
+
${n?"0px":"var(--menu-item-label-chevron-offset)"} +
|
|
63
63
|
${e?"var(--menu-item-nested-offset) * "+e:"0px"}
|
|
64
64
|
)`};
|
|
65
65
|
|
|
66
|
-
${({active:
|
|
66
|
+
${({active:n,deprecated:e})=>n&&z`
|
|
67
67
|
color: ${e?"var(--menu-content-color-disabled)":"var(--menu-item-color-active)"};
|
|
68
68
|
background-color: var(--menu-item-bg-color-active);
|
|
69
69
|
|
|
@@ -79,7 +79,7 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
79
79
|
}
|
|
80
80
|
`};
|
|
81
81
|
|
|
82
|
-
${({deprecated:
|
|
82
|
+
${({deprecated:n})=>n&&z`
|
|
83
83
|
color: var(--menu-content-color-disabled);
|
|
84
84
|
|
|
85
85
|
&:hover {
|
|
@@ -114,11 +114,11 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
114
114
|
&:empty {
|
|
115
115
|
padding: 0;
|
|
116
116
|
}
|
|
117
|
-
`,T=
|
|
117
|
+
`,T=r.div`
|
|
118
118
|
display: flex;
|
|
119
119
|
flex-direction: column;
|
|
120
120
|
flex-grow: 1;
|
|
121
|
-
`,ee=
|
|
121
|
+
`,ee=r(T)`
|
|
122
122
|
flex-direction: row;
|
|
123
123
|
justify-content: space-between;
|
|
124
124
|
width: 100%;
|
|
@@ -127,39 +127,39 @@ import t,{useRef as E}from"react";import n,{css as z}from"styled-components";imp
|
|
|
127
127
|
section {
|
|
128
128
|
background-color: var(--bg-color);
|
|
129
129
|
}
|
|
130
|
-
`,C=
|
|
130
|
+
`,C=r.div`
|
|
131
131
|
margin: var(--menu-item-sublabel-margin);
|
|
132
132
|
color: var(--menu-item-sublabel-text-color);
|
|
133
133
|
font-weight: var(--menu-item-sublabel-font-weight);
|
|
134
134
|
font-size: var(--menu-item-sublabel-font-size);
|
|
135
135
|
font-family: var(--menu-item-sublabel-font-family);
|
|
136
|
-
`,M=
|
|
136
|
+
`,M=r.img`
|
|
137
137
|
width: var(--menu-item-icon-size);
|
|
138
138
|
height: var(--menu-item-icon-size);
|
|
139
139
|
margin: var(--menu-item-icon-margin);
|
|
140
140
|
border-radius: var(--menu-item-icon-border-radius);
|
|
141
141
|
flex-shrink: 0;
|
|
142
142
|
overflow: hidden;
|
|
143
|
-
`,te=
|
|
143
|
+
`,te=r(F)`
|
|
144
144
|
order: 1;
|
|
145
|
-
`,
|
|
145
|
+
`,ne=r.div`
|
|
146
146
|
height: var(--menu-item-separator-line-height);
|
|
147
147
|
background-color: var(--menu-item-separator-line-bg-color);
|
|
148
|
-
margin: ${({depth:
|
|
148
|
+
margin: ${({depth:n})=>`
|
|
149
149
|
var(--menu-item-padding-vertical)
|
|
150
150
|
var(--sidebar-margin-horizontal)
|
|
151
151
|
var(--menu-item-padding-vertical)
|
|
152
152
|
calc(var(--sidebar-margin-horizontal) +
|
|
153
|
-
${
|
|
153
|
+
${n?"var(--menu-item-nested-offset) * "+n:"0px"})
|
|
154
154
|
`};
|
|
155
|
-
order: ${({linePosition:
|
|
156
|
-
`,R=
|
|
155
|
+
order: ${({linePosition:n})=>n==="top"?0:1};
|
|
156
|
+
`,R=r.span`
|
|
157
157
|
& > * {
|
|
158
158
|
margin-right: var(--spacing-xxs);
|
|
159
159
|
}
|
|
160
|
-
`,D=
|
|
160
|
+
`,D=r(q)`
|
|
161
161
|
margin-left: 0;
|
|
162
|
-
background-color: ${({color:
|
|
162
|
+
background-color: ${({color:n})=>n||"var(--color-info-base)"};
|
|
163
163
|
font-size: var(--font-size-sm);
|
|
164
164
|
line-height: var(--line-height-sm);
|
|
165
165
|
padding: 0 var(--spacing-xxs);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e from"react";import t,{css as O}from"styled-components";import{useLocation as q}from"react-router-dom";import{getPathnameForLocale as k,withPathPrefix as E}from"@redocly/theme/core/utils";import{useThemeHooks as
|
|
1
|
+
import e from"react";import t,{css as O}from"styled-components";import{useLocation as q}from"react-router-dom";import{getPathnameForLocale as k,withPathPrefix as E}from"@redocly/theme/core/utils";import{useThemeHooks as H}from"@redocly/theme/core/hooks";import{LaunchIcon as A}from"@redocly/theme/icons/LaunchIcon/LaunchIcon";import{Link as v}from"@redocly/theme/components/Link/Link";import{Dropdown as K}from"@redocly/theme/components/Dropdown/Dropdown";function Z({navItem:a,className:c}){const{pathname:h}=q(),{useTranslate:P,useI18nConfig:_,useTelemetry:j}=H(),{translate:u}=P(),{defaultLocale:x,currentLocale:f,locales:b}=_(),w=j(),[R,T]=e.useState(!1);if(e.useEffect(()=>{T(window.ontouchstart!==void 0)},[]),a.link){const i=a,n=h===E(k(i.link,x,f,b));return e.createElement(I,{active:n,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"link"})},e.createElement(ie,{to:i.link,external:i.external,target:i.target,active:n},i.icon?e.createElement(N,{url:i.icon}):null,e.createElement(C,null,u(i.labelTranslationKey,i.label)),i.external?e.createElement(A,{size:"10px"}):null))}else if(a.items){const i=a,n=i.items,B=n.flatMap(r=>r.link?h===E(k(r?.link,x,f,b)):!1).includes(!0),y=["Collaborative editor suite","Combo of Redoc, Revel, and Reef","External developer showcase","API reference and mock server","Internal service catalog","API monitoring"],D=n.reduce((r,o,l)=>(o.type.startsWith("separator")?r.push({[o.label]:[]}):o.label==="Reunite"?r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(G,{key:`${o.label}`,to:o.link},e.createElement(J,null,"Build your docs with"),e.createElement(Q,null,e.createElement(U,null,e.createElement(L,{src:o.icon}),e.createElement("p",null,o.label)),e.createElement("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"inherit",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"28",height:"28",rx:"14",fill:"inherit"}),e.createElement("path",{d:"M14.875 9.625L14.2494 10.2344L17.5656 13.5625H8.75V14.4375H17.5656L14.2494 17.7507L14.875 18.375L19.25 14L14.875 9.625Z",fill:"inherit"}))))):r[r.length-1][Object.keys(r[r.length-1])[0]].push(e.createElement(ae,{key:`${o.label}`,to:o.link},o.icon&&e.createElement(L,{src:o.icon}),e.createElement(X,null,o.label,y[l-1]&&e.createElement("span",null,y[l-1])))),r),[]),d=[],p=[];let m={};return D.map(r=>{Object.entries(r).map(([o,l])=>{o==="Products"?l.map((s,M)=>{M===0?m=s:d.push(s)}):l.map(s=>{p.push(s)})})}),e.createElement(oe,{trigger:e.createElement(I,{active:B,"data-component-name":"Navbar/NavbarItem",className:c,onClick:()=>w.send("navbar_menu_item_clicked",{type:"group"})},e.createElement(N,{url:i.icon}),e.createElement(C,null,u(i.labelTranslationKey,i.label)),e.createElement(z,{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"16",height:"16",fill:"none",style:{mixBlendMode:"multiply"}}),e.createElement("path",{d:"M8 10.9998L3 5.9998L3.7 5.2998L8 9.5998L12.3 5.2998L13 5.9998L8 10.9998Z",fill:"#1C1C1C"}))),triggerEvent:R?"click":"hover"},e.createElement(Y,null,e.createElement(re,null,e.createElement(W,null,m&&e.createElement(ee,{style:{display:"flex"}},m),e.createElement($,null,d&&e.createElement(te,null,d.map((r,o)=>e.createElement(g,{key:o,product:`${r.key.toLowerCase()}`,isLast:o===d.length-1},r))),p&&e.createElement(V,null,e.createElement(S,null,e.createElement("img",{src:require("./images/open-source-icon.svg")}),"Open source tools:"),e.createElement(F,null,p.map((r,o)=>e.createElement("span",{key:o},r)))))))))}else return null}const F=t.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
gap: 16px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import a from"react";import i from"styled-components";import{NavbarItem as p}from"@redocly/theme/components/Navbar/NavbarItem";import{breakpoints as u}from"@redocly/theme/core/utils";function v({menuItems:l,className:m}){return a.useEffect(()=>{const t=document.querySelectorAll('[data-component-name="Navbar/NavbarItem"]'),e=document.getElementById("navigation-menu"),n=document.getElementById("nav-items-block");t.forEach(
|
|
1
|
+
import a from"react";import i from"styled-components";import{NavbarItem as p}from"@redocly/theme/components/Navbar/NavbarItem";import{breakpoints as u}from"@redocly/theme/core/utils";function v({menuItems:l,className:m}){return a.useEffect(()=>{const t=document.querySelectorAll('[data-component-name="Navbar/NavbarItem"]'),e=document.getElementById("navigation-menu"),n=document.getElementById("nav-items-block");t.forEach(r=>{r.addEventListener("mouseover",()=>{if(n!==null&&e!==null){const o=r.getBoundingClientRect(),s=n?.getBoundingClientRect(),d=o.width,c=o.left-s.left;e.style.width=`${d}px`,e.style.transform=`translateX(${c}px)`,e.style.opacity="1"}})}),n?.addEventListener("mouseleave",()=>{e!==null&&(e.style.opacity="0")})},[]),a.createElement(y,{"data-component-name":"Navbar/NavbarMenu",className:m},a.createElement(b,{id:"nav-items-block"},a.createElement(f,{id:"navigation-menu"}),l.map((t,e)=>a.createElement(p,{key:`${t.label}_${e}`,"data-cy":t.label,navItem:t}))))}const f=i.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
left: 0;
|
|
4
4
|
width: 40px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e from"react";import{linearGradient as c}from"polished";import a from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{Box as t}from"../../ui/Box";import{DualView as E}from"../../components/DualView/DualView";import{Button as b}from"../../components/Button/CustomButton";import{CallToAction as R}from"../../components/CallToAction/CallToAction";import{Circle as s,CircleWrapper as y}from"../../components/Circle/Circle";import{Grid as u,MediaBox as o,Skewed as d}from"../../components/PositionItems";import{ResponsiveImg as g}from"../../components/ImageComponents";import{Tooltip as I}from"../../components/CustomTooltip/Tooltip";import{QuoteTip as m}from"../../components/QuoteTip/QuoteTip";import{VerticalLine as x}from"../../components/VerticalLine/VerticalLine";import{RecentPosts as k}from"../../components/Blog/RecentPosts";import{CareerCard as
|
|
1
|
+
import e from"react";import{linearGradient as c}from"polished";import a from"styled-components";import{breakpoints as n}from"@redocly/theme/core/utils";import{Box as t}from"../../ui/Box";import{DualView as E}from"../../components/DualView/DualView";import{Button as b}from"../../components/Button/CustomButton";import{CallToAction as R}from"../../components/CallToAction/CallToAction";import{Circle as s,CircleWrapper as y}from"../../components/Circle/Circle";import{Grid as u,MediaBox as o,Skewed as d}from"../../components/PositionItems";import{ResponsiveImg as g}from"../../components/ImageComponents";import{Tooltip as I}from"../../components/CustomTooltip/Tooltip";import{QuoteTip as m}from"../../components/QuoteTip/QuoteTip";import{VerticalLine as x}from"../../components/VerticalLine/VerticalLine";import{RecentPosts as k}from"../../components/Blog/RecentPosts";import{CareerCard as D}from"./components/CareerCard";import{Avatar as v,FoundersQuoteWrapper as z}from"../../components/FoundersQuoteWrapper";import{RedockerCard as C}from"./components/RedockerCard";import{TripleComponent as T}from"./components/TripleComponent";import{WorldMap as W}from"./components/WorldMap";import{RedocWidget as O}from"./components/RedocWidget";import w from"../../images/redockers/adam-headshot.png";import A from"../../images/redockers/roman-headshot.png";import{H1Title as P,H2Title as p,H4Title as l,Paragraph as i}from"../../components/TypographyElements";function pe(){return e.createElement(e.Fragment,null,e.createElement(d,{angle:0,bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),offsetBottom:"10px"},e.createElement(o,null,e.createElement(t,{maxWidth:"900px",mt:{_:"50px",small:"100px"},mb:"40px",mx:"auto"},e.createElement(N,null,"Redocly bridges the divide between documentation and innovation")))),e.createElement(W,null,e.createElement(o,null,e.createElement(t,{maxWidth:"500px"},e.createElement(p,{color:"var(--secondary-color)"},"The almighty API Economy is leaving more and more companies behind. We are here to change that.")))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetTop:"calc(-40px - 10vw)"},e.createElement(o,{width:"730px"},e.createElement(m,{to:"bottom",style:{boxShadow:"0 3px 16px 0px rgb(0 68 212 / 20%)"},padding:{_:"20px",small:"40px 60px"}},e.createElement(i,{color:"var(--color-text-dimmed)",mt:{base:0},mb:{base:0}},"API docs have become a make-or-break asset in today\u2019s connected economy. Redocly helps companies make the most of their APIs by keeping documentation sleek, up to date, and ready for internal and external users. With minimal hand-holding and maximum ROI."))),e.createElement(o,null,e.createElement(t,{maxWidth:"1000px",mt:"100px",mb:{_:"60px",small:"130px"},mx:"auto"},e.createElement(p,{textAlign:{base:"center"},mt:{base:"50px"},mb:{base:"50px"},color:"var(--color-text-dark)"},"Our North-Star design principles"),e.createElement(j,null,e.createElement(f,null,e.createElement(g,{src:require("./images/icons/developers-first.svg"),alt:"developer first"}),e.createElement(l,null,"Developers first"),e.createElement(t,{maxWidth:{_:"200px",small:"initial"},m:"auto"},e.createElement(h,null,"Docs-like-code fully integrated with your delivery pipeline."))),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/everyone-all-in.svg"),alt:"all in"}),e.createElement(l,null,"Everyone all-in"),e.createElement(h,null,"Removing friction between API creators, documentarians and users.")),e.createElement(f,null,e.createElement(g,{src:require("./images/icons/on-board.svg"),alt:"brand"}),e.createElement(l,null,"On brand, on your terms"),e.createElement(t,{maxWidth:{_:"250px",small:"initial"},m:"auto"},e.createElement(h,null,"Full customization power for every part of your API consumer\u2019s journey."))))))),e.createElement(t,{pt:"32px",bg:"#F8FAFF",textAlign:"center"},e.createElement(y,{zIndex:1},e.createElement(s,{size:"600px",top:"-300px",left:"-250px"}),e.createElement(s,{size:"800px",top:"-400px",left:"-400px"})),e.createElement(o,{mt:{_:"10px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)",textAlign:{base:"center"}},"The Origin Story"),e.createElement(z,null,e.createElement(I,{id:"global"},"Our co-founders",e.createElement("br",null),"Roman & Adam"),e.createElement(t,{className:"avatars","data-tip":!0,"data-for":"global"},e.createElement(v,{src:A}),e.createElement(v,{src:w})),e.createElement(m,{to:"left",style:{boxShadow:"rgb(0 68 212 / 20%) 0px 0px 15px -5px"},padding:{_:"12px 12px",small:"16px 32px"}},e.createElement(i,{mt:{base:0},mb:{base:0},color:"#0044D4"},e.createElement(_,null,"\u201CIf you want something done right, DIY\u201D")))),e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),style:{width:"min-content",color:"white",margin:"0 auto 40px"},padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2015")),e.createElement(E,{imageSrc:require("./images/story-2015-a.png"),reversed:!0},e.createElement(t,{maxWidth:"420px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Rebilly, a Texas-bred payments fintech, adopts OpenAPI but is severely disappointed in Swagger\u2019s UI and performance. So they build their own documentation tool from scratch.")),e.createElement(x,null)),e.createElement("div",{style:{background:"#f8faff"}},e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),padding:"12px 32px",style:{width:"min-content",color:"white",margin:"0 auto 40px"}},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2016")),e.createElement(t,{position:"relative",mb:"40px"},e.createElement(x,null),e.createElement(B,null,e.createElement(O,null),e.createElement(t,{maxWidth:"415px",mr:"auto",ml:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Redoc (",e.createElement("strong",null,"Re"),"billy ",e.createElement("strong",null,"Doc"),"umentation) sees the light and developers jump onboard en masse. 17,000+ GitHub stars and 10,000s of corporate users later, it\u2019s the favorite open-source API documentation tool out there.")))),e.createElement(d,{angle:0,bg:"#F8FAFF"},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2018")),e.createElement(E,{imageSrc:require("./images/story-2018.png"),reversed:!0},e.createElement(t,{maxWidth:"415px",ml:"auto",mr:{_:"auto",medium:"40px"}},e.createElement(i,{textAlign:{base:"left"},color:"var(--color-text-dimmed)"},"Following user demand and interest by leading investors, Redocly is launched as a premium SaaS: faster, feature-packed and catering to the enterprise of today... and tomorrow.")),e.createElement(x,null))))))),e.createElement(d,{angle:0,bg:"#F0F5FF",offsetBottom:"150px",style:{overflowX:"clip"}},e.createElement(o,null,e.createElement(m,{to:"bottom",bg:c({colorStops:["rgb(0, 104, 251)","rgb(126, 65, 255)"],toDirection:"to right bottom"}),width:"min-content",color:"var(--color-text-light)",margin:"0 auto 40px",padding:"12px 32px"},e.createElement(l,{mb:0,mt:0,color:"var(--secondary-color)"},"2020+")),e.createElement(T,null),e.createElement(t,{maxWidth:"600px",margin:"0 auto",style:{textAlign:"center"},padding:"0 0 40px"},e.createElement(i,{textAlign:{base:"center"},color:"var(--color-text-dimmed)"},"Redocly\u2019s full product is used daily by over 10,000 corporate customers that value better, future-proofed API docs and developer experiences. Our story continues with you \u{1F447}"),e.createElement(t,{display:"flex",justifyContent:"center"},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))),e.createElement(y,{left:"100%",zIndex:-1},e.createElement(s,{size:"600px",top:"-300px",right:"-340px"}),e.createElement(s,{size:"800px",top:"-400px",right:"-480px"})),e.createElement(o,{style:{textAlign:"center"},mt:{_:"30px",small:"60px"}},e.createElement(p,{color:"var(--color-text-dark)"},"Redockers, assemble!"),e.createElement(q,null,$.map(([r,F,S])=>e.createElement(C,{key:r,image:S,name:r,position:F}))))),e.createElement(o,{mt:{_:5,small:6}},e.createElement(D,null),e.createElement(t,{my:{_:6,small:7}},e.createElement(k,null))),e.createElement(R,{title:"Speed all the way to API maturity",description:"Launch API docs in seconds, for free. Try the full product suite for 14 days."},e.createElement(b,{to:"https://auth.cloud.redocly.com/registration",size:"large",className:"landing-button"},"Start 30-day free trial")))}const f=a(t)`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
text-align: center;
|
|
@@ -17,13 +17,13 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
|
|
|
17
17
|
height: 130px;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
|
|
20
|
+
`,_=a.i`
|
|
21
21
|
font-weight: bold;
|
|
22
22
|
font-style: normal;
|
|
23
|
-
|
|
23
|
+
`,$=[["Adam Altman","CO-FOUNDER & CEO",w],["Roman Hotsiy","CO-FOUNDER & CTO",A]],N=a(P)`
|
|
24
24
|
text-align: center;
|
|
25
25
|
color: var(--secondary-color);
|
|
26
|
-
`,
|
|
26
|
+
`,ue=a.p`
|
|
27
27
|
font-size: var(--font-size-base);
|
|
28
28
|
line-height: var(--line-height-sm);
|
|
29
29
|
font-family: var(--font-family);
|
|
@@ -37,7 +37,7 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
|
|
|
37
37
|
font-size: var(--font-size-p-lg);
|
|
38
38
|
line-height: var(--line-height-lg);
|
|
39
39
|
}
|
|
40
|
-
`,
|
|
40
|
+
`,j=a(u)`
|
|
41
41
|
grid-gap: 4rem;
|
|
42
42
|
grid-row-gap: 5rem;
|
|
43
43
|
grid-template-columns: 1f;
|
|
@@ -56,16 +56,16 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
|
|
|
56
56
|
font-size: var(--font-size-small-lg);
|
|
57
57
|
line-height: var(--line-height-small-lg);
|
|
58
58
|
}
|
|
59
|
-
`,
|
|
59
|
+
`,q=a(u)`
|
|
60
60
|
grid-template-columns: 1fr;
|
|
61
61
|
justify-items: center;
|
|
62
62
|
max-width: 1000px;
|
|
63
63
|
margin: 0 auto 40px auto;
|
|
64
64
|
|
|
65
65
|
@media screen and (min-width: ${n.medium}) {
|
|
66
|
-
grid-template-columns: repeat(
|
|
66
|
+
grid-template-columns: repeat(2, 1fr);
|
|
67
67
|
}
|
|
68
|
-
`,
|
|
68
|
+
`,B=a(u)`
|
|
69
69
|
grid-gap: 4rem;
|
|
70
70
|
justify-items: center;
|
|
71
71
|
align-items: center;
|
|
@@ -74,4 +74,4 @@ import e from"react";import{linearGradient as c}from"polished";import a from"sty
|
|
|
74
74
|
grid-template-columns: 1fr 1fr;
|
|
75
75
|
grid-gap: 6rem;
|
|
76
76
|
}
|
|
77
|
-
`;export{f as FeaturesCard,
|
|
77
|
+
`;export{f as FeaturesCard,pe as default};
|