@redocly/marketing-pages 0.1.5 → 0.1.6
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/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import t from"react";import
|
|
1
|
+
import t from"react";import r,{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:o,className:x,subscribeSection:l,copyrightText:u}){const{useTranslate:h,useTelemetry:y}=E(),{translate:m}=h(),b=y(),{items:d=[]}=o,c=d.every(e=>e.label===e.link&&(e.icon||e.srcSet)),p=m(o.labelTranslationKey,o.label),w=o.type==="link"?t.createElement(n,{to:o.link,external:o.external,target:o.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:u||""}))))}const F=r.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
font-size: 16px;
|
|
@@ -6,7 +6,7 @@ import t from"react";import o,{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=r.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 o,{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=r(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 o,{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=r.div`
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
text-align: left;
|
|
@@ -63,7 +63,7 @@ import t from"react";import o,{css as v}from"styled-components";import{breakpoin
|
|
|
63
63
|
margin-bottom: 60px;
|
|
64
64
|
padding: 0;
|
|
65
65
|
}
|
|
66
|
-
`,s=
|
|
66
|
+
`,s=r.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 o,{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=r(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 o,{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:o})=>o?"0":"var(--footer-item-icon-margin-right)"};
|
|
90
90
|
}
|
|
91
|
-
`,g=
|
|
91
|
+
`,g=r.div`
|
|
92
92
|
display: flex;
|
|
93
93
|
flex-wrap: wrap;
|
|
94
94
|
justify-content: center;
|
|
95
|
-
flex-direction: ${
|
|
95
|
+
flex-direction: ${o=>o.$iconsOnly?"row":"column"};
|
|
96
96
|
|
|
97
|
-
${({$subscribeSection:
|
|
97
|
+
${({$subscribeSection:o})=>o&&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 o,{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=r.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(i,{"data-component-name":"Footer/FooterColumns",className:l},n.createElement(m,null,t.map((o,a)=>n.createElement(c,{key:`${o.label}_${a}`,column:o,subscribeSection:t.length-1===a,copyrightText:s})))):null}const i=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
|
+
`,m=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,i as FooterColumnsContainer,m as FooterRow};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t 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:e="",className:r}){const{useTranslate:n}=i(),{translate:a}=n();return e?t.createElement(l,{className:r,"data-component-name":"Footer/FooterCopyright","data-translation-key":"theme.footer.copyrightText"},t.createElement(c,null,a("theme.footer.copyrightText",e))):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 n,{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(r){const{item:e,depth:a,className:l,onClick:v}=r,{useTranslate:L,useTelemetry:N}=_(),{translate:m}=L(),i=O(e),f=E(null),p=E(null),{isExpanded:g,canUnmount:K,style:H,handleExpand:P}=W({...r,type:i,labelRef:p,nestedMenuRef:f}),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:b})=>t.createElement(D,{color:b,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:b})=>t.createElement(D,{color:b,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:f,style:H},g||!K?r.children:null):null,e.separatorLine?t.createElement(re,{depth:a,linePosition:e.linePosition}):null)}function X({type:r,item:e,className:a}){const l=[a,`menu-item-type-${r}`];return r===d.Separator&&l.push(`menu-item-type-${r}-${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=n.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 r,{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=n.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 r,{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:r})=>`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) * ${r})
|
|
44
44
|
`};
|
|
45
45
|
border: 0.5px solid var(--border-color-primary);
|
|
46
46
|
}
|
|
47
|
-
`,I=
|
|
47
|
+
`,I=n.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 r,{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:r,depth:e})=>`calc(
|
|
61
61
|
var(--menu-item-padding-horizontal) +
|
|
62
|
-
${
|
|
62
|
+
${r?"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:r,deprecated:e})=>r&&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 r,{css as z}from"styled-components";imp
|
|
|
79
79
|
}
|
|
80
80
|
`};
|
|
81
81
|
|
|
82
|
-
${({deprecated:
|
|
82
|
+
${({deprecated:r})=>r&&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 r,{css as z}from"styled-components";imp
|
|
|
114
114
|
&:empty {
|
|
115
115
|
padding: 0;
|
|
116
116
|
}
|
|
117
|
-
`,T=
|
|
117
|
+
`,T=n.div`
|
|
118
118
|
display: flex;
|
|
119
119
|
flex-direction: column;
|
|
120
120
|
flex-grow: 1;
|
|
121
|
-
`,ee=
|
|
121
|
+
`,ee=n(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 r,{css as z}from"styled-components";imp
|
|
|
127
127
|
section {
|
|
128
128
|
background-color: var(--bg-color);
|
|
129
129
|
}
|
|
130
|
-
`,C=
|
|
130
|
+
`,C=n.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=n.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=n(F)`
|
|
144
144
|
order: 1;
|
|
145
|
-
`,
|
|
145
|
+
`,re=n.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:r})=>`
|
|
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
|
+
${r?"var(--menu-item-nested-offset) * "+r:"0px"})
|
|
154
154
|
`};
|
|
155
|
-
order: ${({linePosition:
|
|
156
|
-
`,R=
|
|
155
|
+
order: ${({linePosition:r})=>r==="top"?0:1};
|
|
156
|
+
`,R=n.span`
|
|
157
157
|
& > * {
|
|
158
158
|
margin-right: var(--spacing-xxs);
|
|
159
159
|
}
|
|
160
|
-
`,D=
|
|
160
|
+
`,D=n(q)`
|
|
161
161
|
margin-left: 0;
|
|
162
|
-
background-color: ${({color:
|
|
162
|
+
background-color: ${({color:r})=>r||"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 M}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}=M(),{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,H)=>{H===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(o=>{o.addEventListener("mouseover",()=>{if(n!==null&&e!==null){const r=o.getBoundingClientRect(),s=n?.getBoundingClientRect(),d=r.width,c=r.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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redocly/marketing-pages",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"keywords": [],
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -40,7 +40,10 @@
|
|
|
40
40
|
"react-tooltip": "^4.2.21",
|
|
41
41
|
"reactjs-popup": "^2.0.6",
|
|
42
42
|
"ulid": "^2.3.0",
|
|
43
|
-
"vitest": "^3.1.3"
|
|
43
|
+
"vitest": "^3.1.3",
|
|
44
|
+
"html2canvas": "^1.4.1",
|
|
45
|
+
"jspdf": "^3.0.1",
|
|
46
|
+
"json-schema-to-ts": "^3.1.0"
|
|
44
47
|
},
|
|
45
48
|
"peerDependencies": {
|
|
46
49
|
"react": "^18.3.1",
|
|
@@ -57,9 +60,6 @@
|
|
|
57
60
|
"@types/styled-system": "^5.1.20",
|
|
58
61
|
"copyfiles": "^2.4.1",
|
|
59
62
|
"esbuild": "^0.25.4",
|
|
60
|
-
"html2canvas": "^1.4.1",
|
|
61
|
-
"json-schema-to-ts": "^3.1.0",
|
|
62
|
-
"jspdf": "^3.0.1",
|
|
63
63
|
"react": "^18.3.1",
|
|
64
64
|
"react-dom": "^18.3.1",
|
|
65
65
|
"styled-components": ">=5.3.11",
|