@redocly/marketing-pages 0.1.10 → 0.1.11

package/dist/components/Menu/ProductsMenu.js

@@ -1,154 +0,0 @@
-import o from"styled-components";import t from"react";import{MenuItem as c}from"@redocly/theme/components/Menu/MenuItem";import{FooterBlock as g,StyledLogInButton as u,StyledSignUpButton as x}from"./MainMenu";function b({depth:r=0,items:a,className:l,isMobile:n}){const i=a.find(({active:e})=>e),d=["Build your API with","Combo of Redoc, Revel, and Reef","External developer showcase","API reference and mock server","Internal service catalog","API monitoring"];for(let e=0;e<d.length;e++)a[e+1].sublabel=d[e];const s=f(a),m=h(a);return t.createElement(M,{className:l,"data-component-name":"Menu/ProductsMenu"},t.createElement("div",null,s.map((e,p)=>e.label==="Reunite"&&e.type!=="separator"?t.createElement($,{item:e,key:`${e.link||e.label}-${p}`,activeItem:i,isMobile:n,depth:r}):t.createElement(t.Fragment,null,e.type!=="separator"&&t.createElement(t.Fragment,null,t.createElement(c,{item:e,key:`${e.link||e.label}-${p}`,activeItem:i,isMobile:n,depth:r}),t.createElement(I,null)))),m&&t.createElement(w,null,t.createElement(E,null,t.createElement("img",{src:require("../Navbar/images/open-source-icon.svg")}),t.createElement(k,null,"Open source tools")),t.createElement("div",{style:{backgroundColor:"var(--border-color-primary)",height:"1px"}}),t.createElement(y,null,m.map((e,p)=>t.createElement(v,{item:e,key:`${e.link||e.label}-${p}`,activeItem:i,isMobile:n,depth:r,isLast:p===m.length-2}))))),t.createElement(g,null,t.createElement(x,{to:"https://auth.cloud.redocly.com/registration",className:"landing-button"},"Start 30-day free trial"),t.createElement(u,{to:"https://auth.cloud.redocly.com/login",className:"landing-button"},"Log In")))}const f=r=>{const a=r.map((i,d)=>i.type==="separator"?d:null).filter(i=>i!==null);if(a.length<2)return[];const l=a[0],n=a[a.length-1];return r.slice(l+1,n)},h=r=>{const a=r.map((n,i)=>n.type==="separator"?i:null).filter(n=>n!==null);if(a.length<2)return[];const l=a[a.length-1];return r.slice(l+1,r.length)},v=o(c)`
-  margin: 0 !important;
-  border-bottom: 1px solid var(--border-color-primary);
-  border-radius: 0 !important;
-
-  a {
-    margin: 8px 0 !important;
-    padding: 0 !important;
-    border-radius: 0 !important;
-    border-left: ${({isLast:r})=>r&&"1px solid var(--border-color-primary)"};
-    li div span span {
-      padding-left: ${({isLast:r})=>r&&"16px"};
-    }
-  }
-
-  &:last-child {
-    border-bottom: none;
-
-    a {
-      margin: 8px 0 0 0 !important;
-    }
-  }
-`,y=o.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-`,k=o.p`
-  color: var(--text-color-secondary);
-
-  font-family: Inter;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 20px;
-
-  margin: 0;
-`,E=o.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  margin-bottom: 8px;
-`,w=o.div`
-  display: flex;
-  padding: 8px 16px;
-  flex-direction: column;
-
-  border-radius: 4px;
-  background: var(--bg-color-active);
-
-  margin: 8px 12px 8px 12px;
-`,I=o.div`
-  height: 1px;
-  background-color: var(--border-color-secondary);
-  margin: 0 12px;
-`,$=o(c)`
-  padding: 16px 16px 18px 16px !important;
-  border-bottom: 0 !important;
-  background-image: url(${require("../Navbar/images/eclipse.svg")});
-  background-size: cover;
-  margin-top: 8px !important;
-  -webkit-text-fill-color: initial;
-
-  a {
-    padding: 0 !important;
-    :active {
-      background-color: transparent !important;
-    }
-  }
-
-  img {
-    width: 20px;
-    height: 20px;
-    border-radius: 0;
-  }
-
-  li {
-    background-color: transparent !important;
-    div a {
-      width: auto !important;
-    }
-  }
-`,M=o.ul`
-  padding: var(--menu-padding);
-  margin: var(--menu-margin);
-  list-style: var(--menu-list-style);
-  color: var(--menu-content-color);
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  img {
-    width: 24px;
-    height: 24px;
-    border-radius: 0;
-  }
-
-  .menu-item-type-separator {
-    padding: 8px 12px 0;
-    color: var(--text-color-description);
-    font-family: Inter;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 20px;
-
-    li {
-      background-color: transparent;
-      margin: 0;
-      padding: 0;
-    }
-  }
-
-  .menu-item-type-default {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 2px;
-    align-self: stretch;
-    border-radius: 4px;
-    margin: 8px 12px;
-    padding: 0;
-
-    a {
-      width: 100%;
-      padding: 4px 16px;
-      border-radius: 4px;
-
-      :active {
-        background-color: var(--menu-item-bg-color-active);
-      }
-
-      li {
-        margin: 0;
-        padding: 0;
-        align-items: flex-start;
-        background-color: transparent !important;
-
-        div {
-          span {
-            overflow: hidden;
-            color: var(--text-color-primary);
-            text-overflow: ellipsis;
-            font-family: 'Red Hat Display';
-            font-size: 16px;
-            font-weight: 600;
-            line-height: 20px;
-          }
-          div {
-            margin: 0;
-          }
-        }
-      }
-    }
-  }
-`;export{b as ProductsMenu};

package/dist/components/Navbar/Navbar.d.ts

@@ -1,5 +0,0 @@
-export type NavbarProps = {
-    className?: string;
-};
-export declare function Navbar({ className }: NavbarProps): JSX.Element | null;
-export declare const NavbarRow: any;

package/dist/components/Navbar/Navbar.js

@@ -1,168 +0,0 @@
-import e from"react";import t,{css as I}from"styled-components";import{useLocation as z}from"react-router-dom";import{breakpoints as o}from"@redocly/theme/core/utils";import{useThemeHooks as B,useThemeConfig as T,useMobileMenu as D}from"@redocly/theme/core/hooks";import{NavbarLogo as O}from"@redocly/theme/components/Navbar/NavbarLogo";import{NavbarMenu as R}from"./NavbarMenu";import{MenuMobile as W}from"@redocly/theme/components/Menu/MenuMobile";import{ColorModeSwitcher as Y}from"@redocly/theme/components/ColorModeSwitcher/ColorModeSwitcher";import{LanguagePicker as P}from"@redocly/theme/components/LanguagePicker/LanguagePicker";import{ProductPicker as _}from"@redocly/theme/components/Product/ProductPicker";import{Button as s}from"@redocly/theme/components/Button/Button";import{MenuIcon as j}from"@redocly/theme/icons/MenuIcon/MenuIcon";import{CloseIcon as q}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{Search as F}from"@redocly/theme/components/Search/Search";import{useLocalStorage as H}from"../../hooks/useLocalStorage";import{TextSmall as A}from"../TypographyElements/TypographyElements";import{Box as g}from"../../ui/Box";function G({className:a}){const{isOpen:r,openMobileMenu:m,closeMobileMenu:d}=D(!1),i=T(),{useI18n:w}=B(),{changeLanguage:y}=w(),f=i.logo,{navbar:k}=i,$=["/","/reunite","/contact-us","/reef"],S=["/","/reunite","/contact-us","/reef","/revel","/pro","/enterprise","/enterprise-plus","/pricing","/realm","/redoc"],{pathname:n}=z(),h=n?.startsWith("/redocly-cli"),l=n?.includes("/docs")||n?.startsWith("/learn/");e.useEffect(()=>{!l&&!n?.startsWith("/learn")?document.documentElement.classList.replace("dark","light"):document.documentElement.classList.replace("light",localStorage.getItem("colorSchema")||"light")},[l,n?.startsWith("/learn")]);const v=i.navbar?.items,[C,M]=e.useState(!0),[c,L]=e.useState(0),p=N=>{const u=window.pageYOffset,V=N>u||u<=20;M(V),L(u)};return e.useEffect(()=>{p(window.pageYOffset+1)},[]),e.useEffect(()=>(window.addEventListener("scroll",()=>p(c)),()=>{window.removeEventListener("scroll",()=>p(c))}),[c]),k?.hide?null:e.createElement(oe,{"data-component-name":"Navbar/Navbar",className:a,isVisible:C,isTop:c===0,isColorful:$.includes(n),isDefault:S.includes(n),isDocs:l,showVSCodeExtensionBanner:h,isMobile:r,isRespect:n==="/respect"},h&&e.createElement(J,null),r&&e.createElement(W,null),e.createElement(b,null,e.createElement(Q,null,f&&e.createElement(O,{config:f}),e.createElement(_,null),v&&e.createElement(R,{menuItems:v})),e.createElement(K,null,e.createElement(P,{onChangeLanguage:y,onlyIcon:!0,alignment:"end"}),e.createElement(ne,{isVisible:l||n?.startsWith("/learn"),isMobileOpen:r},e.createElement(Y,null)),e.createElement(X,{variant:"text","data-cy":"mobile-menu-button",onClick:r?d:m,icon:r?e.createElement(q,null):e.createElement(j,null)}),l&&e.createElement(E,null,e.createElement(U,null,e.createElement(F,null))),e.createElement(E,null,e.createElement(te,{to:"https://auth.cloud.redocly.com/login",className:"landing-button"},"Log In"),e.createElement(x,{to:"https://auth.cloud.redocly.com/registration",className:"landing-button"},"Start 30-day free trial")))))}const J=()=>{const[a,r]=H("vsCodeExtensionBanner",!0);return a===!1?e.createElement(e.Fragment,null):e.createElement(ae,null,e.createElement(g,{alignItems:"center"},e.createElement(A,{color:"var(--secondary-color)"},"Open source strikes again! Check out our VS Code extension"),e.createElement(ie,null,"New")),e.createElement(g,{marginLeft:"auto",display:"flex",alignItems:"center"},e.createElement(Z,{to:"https://marketplace.visualstudio.com/items?itemName=Redocly.openapi-vs-code",target:"_blank",variant:"outlined",size:"large"},"Install"),e.createElement(ee,{to:"https://github.com/Redocly/redocly-vs-code",variant:"text",target:"_blank",size:"medium"},"Learn more"),e.createElement(re,{onClick:()=>r(!1),variant:"text",target:"_blank"})))},K=t.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-`,Q=t.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  gap: 40px;
-`,U=t.div`
-  margin: 0;
-  padding: 0 10px;
-  [data-component-name='Search/SearchTrigger'] {
-    div {
-      padding: 4px 12px;
-      width: 100%;
-      justify-content: start;
-      cursor: pointer;
-      color: var(--search-trigger-color);
-      user-select: none;
-      background-color: var(--search-trigger-bg-color);
-    }
-  }
-`,X=t(s)`
-  margin-left: 0px !important;
-
-  @media screen and (min-width: ${o.medium}) {
-    display: none;
-  }
-`,Z=t(s)`
-  :hover {
-    background: rgba(255, 255, 255, 0.05);
-  }
-`,ee=t(s)`
-  color: var(--secondary-color);
-
-  :hover {
-    color: var(--secondary-color);
-    background: rgba(255, 255, 255, 0.05);
-  }
-`,ae=t(g)`
-  background-color: #a28dff;
-  align-items: center;
-  color: white;
-  padding: 10px 20px;
-  display: none;
-  width: 100%;
-  max-height: 60px;
-
-  @media screen and (min-width: ${o.large}) {
-    display: flex;
-  }
-`,re=t(s)`
-  background-image: url(${require("../../../images/icons/close.svg")});
-  background-size: contain;
-  background-repeat: no-repeat;
-  height: 20px;
-  width: 20px;
-  position: relative;
-  padding: 5px;
-  min-width: auto;
-`,x=t(s)`
-  padding: 4px 12px;
-  border-radius: 6px;
-  border: 1px solid var(--color-warm-grey-10);
-  height: 32px;
-  font-family: var(--navbar-font-family);
-  font-size: 14px !important;
-  font-weight: 500;
-  line-height: 24px;
-  color: var(--bg-color) !important;
-  background-color: var(--text-color-primary);
-
-  &:hover {
-    background-color: var(--text-color-primary);
-  }
-`,te=t(x)`
-  color: var(--color-warm-grey-8) !important;
-  background-color: transparent;
-  border: none;
-
-  &:hover {
-    background-color: transparent;
-  }
-`,E=t.div`
-  display: none;
-  gap: 12px;
-
-  @media screen and (min-width: ${o.medium}) {
-    display: flex;
-  }
-`,ne=t.div`
-  display: ${({isMobileOpen:a,isVisible:r})=>r&&a?"block":"none"};
-  margin-left: auto;
-  margin-right: 10px;
-
-  @media screen and (min-width: ${o.large}) {
-    display: ${({isVisible:a})=>a?"block":"none"};
-    margin: 0;
-  }
-`,b=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-
-  gap: var(--navbar-menu-items-gap);
-  max-width: var(--navbar-container-max-width);
-
-  @media screen and (min-width: ${o.large}) {
-    margin: 0 auto;
-  }
-`,oe=t.nav`
-  transition:
-    border-color 0.3s ease-in-out,
-    background 0.3s ease-in-out,
-    transform 0.3s ease-in-out;
-
-  ${({isDocs:a})=>!a&&I`
-      transform: ${r=>r.isVisible?"translateY(0)":"translateY(calc(var(--navbar-height) * -1))"};
-    `};
-  border-bottom: 1px solid transparent;
-  width: 100vw;
-  --text-color: var(--navbar-text-color);
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  height: var(--navbar-height);
-  backdrop-filter: ${({isTop:a,isDefault:r})=>r&&(a?"none":"blur(6px)")};
-
-  font-size: var(--navbar-font-size);
-  position: sticky;
-  top: 0;
-  z-index: var(--z-index-raised);
-  padding: 16px;
-  background: ${({isTop:a,isColorful:r,isDefault:m,isMobile:d,isRespect:i})=>i?"var(--color-warm-grey-1)":!m||d?"var(--navbar-default-color)":a?"transparent":r?"var(--navbar-bg-color-colorful)":"var(--navbar-bg-color)"};
-  font-family: var(--navbar-font-family);
-
-  @media print {
-    background: transparent;
-    display: none;
-    > :not(a, img) {
-      display: none !important;
-    }
-    img {
-      padding: 0;
-      margin: 0;
-    }
-  }
-
-  @media screen and (min-width: ${o.medium}) {
-    padding: ${({showVSCodeExtensionBanner:a})=>a?"0":"var(--navbar-padding)"};
-    border-bottom: ${({isTop:a,isDocs:r})=>(!a||r)&&"1px solid var(--color-warm-grey-3)"};
-    flex-direction: ${({showVSCodeExtensionBanner:a})=>a&&"column"};
-    height: ${({showVSCodeExtensionBanner:a})=>a&&"auto"};
-
-    ${b} {
-      padding: ${({showVSCodeExtensionBanner:a})=>a&&"0 40px"};
-    }
-  }
-`,ie=t.div`
-  display: inline-block;
-  background: linear-gradient(to bottom, #fb3d3d, #6a11cb);
-  padding: 6px 14px;
-  margin-left: 5px;
-  border-radius: 23px;
-`;export{G as Navbar,b as NavbarRow};

package/dist/components/Navbar/NavbarItem.d.ts

@@ -1,9 +0,0 @@
-import type { ResolvedNavItem } from '@redocly/config';
-type NavbarItemProps = {
-    navItem: ResolvedNavItem;
-    className?: string;
-};
-export declare function NavbarItem({ navItem, className }: NavbarItemProps): JSX.Element | null;
-export declare const DropdownList: any;
-export declare const DropdownListItem: any;
-export {};

package/dist/components/Navbar/NavbarItem.js

@@ -1,266 +0,0 @@
-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`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-
-  a {
-    color: var(--text-color-primary);
-    font-family: Inter;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-
-    :hover {
-      text-decoration: underline;
-    }
-  }
-`,S=t.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  color: var(--text-color-description);
-  font-family: Inter;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 20px;
-
-  margin: 0;
-`,V=t.div`
-  display: flex;
-  /* width: 500px; */
-  padding: 8px 12px;
-  align-items: center;
-  gap: 16px;
-  border-radius: 4px;
-  background: var(--bg-open-source-tools);
-
-  margin-top: 8px;
-`,W=t.div`
-  display: flex;
-  gap: 8px;
-`,G=t(v)`
-  display: flex;
-  border-radius: 4px;
-  flex-direction: column;
-
-  justify-content: space-between;
-  width: inherit;
-
-  &:hover {
-    svg {
-      transform: rotate(-45deg);
-      transition: transform 0.3s ease-in-out;
-      path {
-        fill: var(--color-greyscale-90);
-      }
-    }
-  }
-`,J=t.p`
-  color: var(--text-color-primary);
-  font-family: Inter;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 22px;
-
-  margin: 0;
-`,Q=t.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-
-  & > svg {
-    rect {
-      fill: var(--color-ontonal);
-    }
-    path {
-      fill: var(--color-arrow);
-    }
-  }
-
-  a {
-    section {
-      background-color: var(--bg-color);
-    }
-    &:hover {
-      section {
-        background-color: var(--bg-color);
-
-        svg {
-          transform: rotate(-45deg);
-          transition: transform 0.3s ease-in-out;
-          path {
-            fill: var(--color-greyscale-90);
-          }
-        }
-      }
-    }
-  }
-`,U=t.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-
-  p {
-    color: var(--text-color-primary);
-    font-family: 'Red Hat Display';
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 24px;
-
-    margin: 0;
-  }
-`,X=t.div`
-  display: flex;
-  flex-direction: column;
-
-  color: var(--text-color-primary);
-
-  span {
-    color: var(--text-color-secondary);
-  }
-`,L=t.img`
-  height: 24px;
-  width: 24px;
-`,Y=t.div`
-  background-color: transparent;
-  padding: 18px 0 0 0;
-  position: relative;
-  width: 200px;
-`,$=t.ul`
-  list-style-type: none;
-  padding: 0;
-  z-index: 1;
-`,g=t.li`
-  display: block;
-  width: 100%;
-  border: none;
-  background: none;
-  padding: 8px 12px;
-  border-radius: var(--dropdown-list-item-border-radius);
-  appearance: none;
-  text-align: left;
-  color: var(--text-color-primary);
-  font-size: 14px;
-  font-weight: 500;
-
-  & > * {
-    padding: var(--dropdown-list-item-padding-vertical) var(--dropdown-list-item-padding-horizontal);
-    border-radius: var(--dropdown-list-item-border-radius);
-    &:focus-visible {
-      outline: 1px solid var(--dropdown-list-item-border-color-focused);
-    }
-  }
-
-  :hover {
-    background: ${({product:a,isLast:c})=>c?"var(--hover-last-navbar-color)":`var(--${a}-color-hover)`};
-  }
-`,ee=t(g)`
-  display: flex;
-  width: 212px;
-  background-image: url(${require("./images/eclipse.svg")});
-  padding: 20px 20px 22px 20px;
-
-  :hover {
-    background-image: url(${require("./images/eclipse.svg")});
-  }
-`,te=t.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 4px;
-`,re=t.div`
-  && {
-    position: absolute;
-    top: 100%;
-    bottom: auto;
-    left: -150px;
-    right: auto;
-    margin: 0;
-    min-width: var(--dropdown-list-min-width);
-    max-width: var(--dropdown-list-max-width);
-    max-height: var(--dropdown-list-max-height);
-    padding: 8px;
-    background-color: var(--dropdown-list-bg-color);
-    border-radius: var(--dropdown-list-border-radius);
-    box-shadow: var(--dropdown-list-box-shadow);
-    border: 1px solid var(--dropdown-list-border-color);
-    list-style-type: none;
-    cursor: default;
-    white-space: nowrap;
-    overflow-x: hidden;
-    overflow-y: auto;
-    z-index: 2;
-  }
-
-  a {
-    text-decoration: none;
-    color: var(--dropdown-content-color-default);
-  }
-`,ae=t(v)`
-  display: flex;
-  position: relative;
-  line-height: 22px;
-  flex-direction: row;
-  gap: 8px;
-
-  span {
-    font-size: 12px !important;
-    color: var(--color-warm-grey-7) !important;
-    line-height: 20px;
-    font-weight: 400;
-  }
-`,z=t.svg`
-  margin-left: 5px;
-  transition: transform 0.6 ease-in-out;
-`,oe=t(K)`
-  height: 32px;
-
-  li {
-    padding: 5px 10px 5px 12px;
-  }
-
-  &:hover {
-    /* text-decoration: var(--navbar-item-text-decoration-hover);
-    background: var(--navbar-item-bg-color-hover); */
-
-    ${z} {
-      transform: rotate(180deg);
-    }
-  }
-`,ie=t(v)`
-  display: flex;
-  align-items: center;
-  color: ${({active:a})=>a?"var(--navbar-item-text-color-active)":"var(--navbar-text-color)"};
-  text-decoration: ${({active:a})=>a?"var(--navbar-item-text-decoration-active)":"none"};
-`,I=t.li`
-  display: flex;
-  padding: 5px 12px;
-  font-family: var(--navbar-font-family);
-  text-align: center;
-  align-items: center;
-  line-height: var(--navbar-item-line-height);
-  font-weight: var(--navbar-item-font-weight);
-  font-size: var(--navbar-font-size);
-  z-index: 1;
-
-  border-radius: var(--navbar-item-border-radius);
-  border-bottom: ${({active:a})=>a?"var(--navbar-item-bottom-border-active)":"var(--navbar-item-bottom-border)"};
-
-  background-color: ${({active:a})=>a&&"var(--navbar-item-bg-color-active)"};
-  color: ${({active:a})=>a?"var(--navbar-item-text-color-active)":"var(--navbar-text-color)"};
-`,C=t.span`
-  cursor: pointer;
-  vertical-align: middle;
-`,N=t.i`
-  ${({url:a})=>a&&O`
-      background-image: url('${a}');
-      width: var(--navbar-item-icon-width);
-      height: var(--navbar-item-icon-height);
-      display: inline-block;
-      background-size: contain;
-      margin-right: var(--navbar-item-icon-margin-right);
-      vertical-align: middle;
-      background-position: center;
-      background-repeat: no-repeat;
-    `}
-`;export{$ as DropdownList,g as DropdownListItem,Z as NavbarItem};

package/dist/components/Navbar/NavbarMenu.d.ts

@@ -1,5 +0,0 @@
-import type { ResolvedConfigLinks } from '@redocly/config';
-export declare function NavbarMenu({ menuItems, className, }: {
-    menuItems: ResolvedConfigLinks;
-    className?: string;
-}): JSX.Element | null;

package/dist/components/Navbar/NavbarMenu.js

@@ -1,29 +0,0 @@
-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`
-  position: absolute;
-  left: 0;
-  width: 40px;
-  height: 32px;
-  transition-duration: 250ms;
-  transition-property: width, transform;
-  transition-timing-function: ease;
-  background-color: var(--navbar-item-bg-color-hover);
-  border-radius: var(--navbar-item-border-radius);
-  opacity: 0;
-`,b=i.div`
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  gap: 2px;
-`,y=i.ul`
-  list-style: none;
-  padding: 0;
-  display: none;
-  flex-wrap: nowrap;
-  align-items: center;
-
-  @media screen and (min-width: ${u.medium}) {
-    display: flex;
-  }
-`;export{v as NavbarMenu};

package/dist/components/Navbar/images/eclipse.svg

@@ -1,16 +0,0 @@
-<svg width="212" height="168" viewBox="0 0 212 168" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_f_6303_26734)">
-<ellipse cx="151.877" cy="269.427" rx="151.877" ry="269.427" transform="matrix(-0.323485 -0.946233 0.978651 -0.205531 -32.2031 302.361)" fill="url(#paint0_linear_6303_26734)" fill-opacity="0.4"/>
-</g>
-<defs>
-<filter id="filter0_f_6303_26734" x="-285.918" y="-250.779" width="936.52" height="708.105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_6303_26734"/>
-</filter>
-<linearGradient id="paint0_linear_6303_26734" x1="151.877" y1="0" x2="151.877" y2="538.854" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00C2FF" stop-opacity="0"/>
-<stop offset="1" stop-color="#6129FF"/>
-</linearGradient>
-</defs>
-</svg>

package/dist/components/Navbar/images/open-source-icon.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9658 1.99989C12.0166 2 12.0166 2 12.0686 2.0001C12.6176 2.00203 13.1525 2.03005 13.6936 2.12887C13.7288 2.13493 13.7639 2.14099 13.8001 2.14724C14.8314 2.32946 15.8062 2.69418 16.7308 3.18019C16.7586 3.19474 16.7865 3.20929 16.8152 3.22428C17.6386 3.65963 18.3609 4.24954 19.0281 4.89345C19.0648 4.92849 19.1014 4.96352 19.1391 4.99962C19.3678 5.22265 19.5707 5.46007 19.7679 5.71115C19.7987 5.74954 19.8296 5.78794 19.8613 5.8275C20.8838 7.12252 21.5081 8.61719 21.8316 10.2279C21.8423 10.28 21.8423 10.28 21.8531 10.3331C22.0588 11.3932 22.0456 12.6362 21.8316 13.6934C21.8191 13.7629 21.8067 13.8324 21.7942 13.9019C21.3654 16.171 20.0806 18.3471 18.2494 19.7677C18.2134 19.7969 18.1775 19.8262 18.1404 19.8564C17.4229 20.4298 16.1883 21.374 15.2276 21.3386C15.0695 21.3159 14.9889 21.2686 14.8618 21.1694C14.7351 20.9735 14.6591 20.7795 14.5904 20.5575C14.5798 20.5241 14.5692 20.4907 14.5582 20.4562C14.5228 20.3444 14.4879 20.2325 14.4529 20.1206C14.4276 20.0403 14.4023 19.96 14.3769 19.8797C14.3067 19.6572 14.237 19.4345 14.1673 19.2119C14.1205 19.0623 14.0736 18.9127 14.0267 18.7631C13.8934 18.3381 13.7601 17.9131 13.6278 17.4877C13.6197 17.4615 13.6115 17.4353 13.6031 17.4082C13.5362 17.1934 13.5362 17.1934 13.5055 17.0944C13.4113 16.7916 13.3162 16.4891 13.2194 16.187C13.1708 16.0354 13.1227 15.8837 13.0745 15.7319C13.0528 15.6638 13.0309 15.5959 13.0088 15.528C12.7449 14.7192 12.7449 14.7192 12.893 14.3845C13.0295 14.238 13.1819 14.1229 13.3432 14.0049C13.8536 13.63 14.2468 13.1374 14.379 12.5029C14.4695 11.7247 14.3482 11.0498 13.8743 10.4167C13.4758 9.95411 12.8921 9.61021 12.2755 9.55801C11.535 9.52898 10.8761 9.68715 10.3036 10.1817C9.84793 10.6285 9.561 11.2348 9.55338 11.8747C9.55833 12.5839 9.73984 13.1929 10.2397 13.7164C10.3928 13.8528 10.5566 13.9729 10.7255 14.089C10.8945 14.2061 11.0297 14.323 11.1237 14.5111C11.1719 14.8841 11.0541 15.218 10.9409 15.5668C10.9214 15.6286 10.9019 15.6904 10.8824 15.7523C10.83 15.9184 10.7769 16.0843 10.7236 16.2501C10.6681 16.4234 10.6133 16.5968 10.5584 16.7703C10.4792 17.0203 10.3998 17.2703 10.3201 17.5202C10.1888 17.9322 10.0591 18.3447 9.93048 18.7576C9.90071 18.8531 9.87092 18.9487 9.84111 19.0442C9.83148 19.0751 9.82185 19.106 9.81192 19.1378C9.8024 19.1683 9.79288 19.1988 9.78307 19.2303C9.72732 19.409 9.6716 19.5877 9.61603 19.7664C9.57292 19.9051 9.5296 20.0436 9.48613 20.1822C9.46296 20.2562 9.44001 20.3303 9.41706 20.4043C9.18677 21.1364 9.18677 21.1364 8.94323 21.2863C8.62292 21.393 8.34588 21.3112 8.05009 21.1743C8.01496 21.1586 7.97982 21.1429 7.94361 21.1267C6.51738 20.4793 5.19571 19.5346 4.23176 18.288C4.19218 18.2383 4.15258 18.1887 4.11297 18.139C3.14298 16.911 2.49986 15.4795 2.17536 13.9514C2.16397 13.898 2.16397 13.898 2.15236 13.8436C2.02861 13.2278 1.99763 12.6213 2.00014 11.9947C2.00022 11.9569 2.00031 11.9191 2.00039 11.8802C2.00238 11.322 2.01728 10.7765 2.12912 10.2279C2.13706 10.188 2.14501 10.148 2.15319 10.1069C2.45269 8.63505 3.02439 7.2723 3.92026 6.06159C3.94566 6.0271 3.94566 6.0271 3.97157 5.99192C4.25258 5.61405 4.56697 5.27093 4.8937 4.93239C4.92874 4.89575 4.96377 4.85911 4.99987 4.82136C5.2229 4.59266 5.46032 4.38978 5.71139 4.19257C5.74979 4.16175 5.78819 4.13094 5.82775 4.09918C7.07279 3.11617 8.55051 2.45761 10.1065 2.15564C10.136 2.14991 10.1655 2.14417 10.1959 2.13826C10.7841 2.03256 11.3693 1.99728 11.9658 1.99989Z" fill="#6E6F7A"/>
-</svg>