@redocly/marketing-pages 0.1.9 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",

package/dist/components/Footer/Footer.d.ts

@@ -1,5 +0,0 @@
-type FooterProps = {
-    className?: string;
-};
-export declare function Footer({ className }: FooterProps): JSX.Element | null;
-export {};

package/dist/components/Footer/Footer.js

@@ -1,46 +0,0 @@
-import e from"react";import t from"styled-components";import{linearGradient as p}from"polished";import{useLocation as f}from"react-router-dom";import{breakpoints as a,isEmptyArray as u}from"@redocly/theme/core/utils";import{useThemeConfig as d}from"@redocly/theme/core/hooks";import{Link as x}from"@redocly/theme";import{FooterColumns as h}from"../Footer/FooterColumns";import{Box as l}from"../../ui/Box";import{LeadCaptureToken as g}from"../LeadCaptureToken/LeadCaptureToken";import{MediaBox as w}from"../PositionItems";function E({className:r}){const{footer:o}=d()||{},{items:n,copyrightText:c}=o||{};if(u(n)||o?.hide)return null;const{pathname:i}=f(),s=["/","/reunite","/contact-us","/reef"];return e.createElement(v,{"data-component-name":"Footer/Footer",className:r,isColorful:s.includes(i),respect:i==="/respect"},e.createElement(y,null,e.createElement(h,{columns:n,copyrightText:c})),e.createElement(F,{p:"20px",textAlign:"center"},e.createElement(w,{maxWidth:"660px"},e.createElement(k,null,e.createElement(m,null,"Built with \u{1F499} \u2615\uFE0F\uFE0F and \u{1F32E}. This website runs entirely on "),e.createElement(b,{to:"/portals/"},e.createElement(m,null,"Realm."))))),e.createElement(g,null))}const F=t(l)`
-  background-color: ${p({colorStops:["#0068FB","#7E41FF"],toDirection:"to bottom right"})};
-`,y=t.div`
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-
-  @media screen and (min-width: ${a.small}) {
-    flex-direction: row;
-  }
-`,v=t.footer`
-  flex-shrink: 0;
-  color: var(--footer-text-color);
-  font-weight: var(--footer-font-weight);
-  z-index: 10;
-  background-color: ${({isColorful:r,respect:o})=>o?"var(--color-warm-grey-1)":r?"var(--color-warm-grey-2)":"transparent"};
-  border-top: 1px solid transparent;
-  width: 100vw;
-  height: fit-content;
-  position: relative;
-  bottom: 0;
-`,b=t(x)`
-  color: var(--color-normal);
-  text-decoration: underline;
-  text-transform: none;
-  font-weight: 400;
-  margin: 0 3px;
-`,m=t.span`
-  display: flex;
-  align-items: center;
-  color: var(--color-normal);
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  line-height: 1.5rem;
-`,k=t(l)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  @media screen and (min-width: ${a.medium}) {
-    flex-direction: row;
-  }
-`;export{E as Footer};

package/dist/components/Footer/FooterColumn.d.ts

@@ -1,11 +0,0 @@
-import type { ResolvedNavItem } from '@redocly/config';
-type FooterColumnProps = {
-    column: ResolvedNavItem;
-    className?: string;
-    subscribeSection?: boolean;
-    copyrightText?: string;
-};
-export declare function FooterColumn({ column, className, subscribeSection, copyrightText, }: FooterColumnProps): JSX.Element;
-export declare const FooterLinkIcon: any;
-export declare const FooterColumnItems: any;
-export {};

package/dist/components/Footer/FooterColumn.js

@@ -1,113 +0,0 @@
-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`
-  display: flex;
-  flex-direction: column;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  color: var(--typography-text-color);
-  font-family: Inter;
-`,z=r.p`
-  display: inline-block;
-  font-weight: var(--footer-title-font-weight);
-  margin-top: 0;
-  margin-bottom: var(--mobile-footer-title-margin-bottom);
-  color: var(--text-color-primary);
-
-  font-family: Red Hat Display;
-  font-size: 24px;
-  font-weight: 700;
-  line-height: 32px;
-
-  @media screen and (min-width: ${i.small}) {
-    margin-bottom: var(--footer-title-margin-bottom);
-  }
-`,C=r(T)`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  max-width: 200px;
-  margin: 0 0 10px 0;
-
-  ${a} {
-    padding: 8px;
-    max-width: 32px;
-    background-color: var(--color-warm-grey-2);
-    border-radius: 6px;
-  }
-`,L=r.div`
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  word-break: break-word;
-  margin: 0 0 var(--mobile-footer-column-margin-bottom) 0;
-  align-content: left;
-  flex-wrap: wrap;
-  margin-bottom: 60px;
-  margin-left: 20px;
-
-  @media screen and (max-width: ${i.small}) {
-    &:nth-child(5) {
-      grid-column: span 2;
-      margin-bottom: 0;
-    }
-  }
-
-  @media screen and (min-width: ${i.small}) and (max-width: ${i.medium}) {
-    &:nth-child(5) {
-      grid-column: span 3;
-    }
-  }
-
-  @media screen and (min-width: ${i.medium}) {
-    margin-bottom: 60px;
-    padding: 0;
-  }
-`,s=r.div`
-  display: inline-flex;
-  width: var(--footer-item-icon-width);
-  height: var(--footer-item-icon-height);
-  margin-right: var(--footer-item-icon-margin-right);
-  vertical-align: middle;
-  border: 1px solid var(--footer-item-icon-border-color);
-  border-radius: var(--footer-item-icon-border-radius);
-  padding: var(--footer-item-icon-padding);
-`,O=r(n)`
-  color: var(--text-color-secondary);
-  text-decoration: none;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  margin-bottom: 8px;
-
-  &:hover {
-    color: var(--text-color-secondary);
-  }
-
-  &:last-child ${s} {
-    margin-right: ${({$iconsOnly:o})=>o?"0":"var(--footer-item-icon-margin-right)"};
-  }
-`,g=r.div`
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  flex-direction: ${o=>o.$iconsOnly?"row":"column"};
-
-  ${({$subscribeSection:o})=>o&&v`
-      @media screen and (max-width: ${i.medium}) {
-        flex-direction: row;
-        gap: 24px;
-        justify-content: start;
-      }
-    `}
-
-  @media screen and (min-width: ${i.small}) {
-    justify-content: flex-start;
-  }
-`,R=r.div`
-  opacity: 0.75;
-  margin: 10px 0 5px 0;
-  font-size: 0.75em;
-  text-transform: uppercase;
-`;export{S as FooterColumn,g as FooterColumnItems,s as FooterLinkIcon};

package/dist/components/Footer/FooterColumns.d.ts

@@ -1,10 +0,0 @@
-import type { ResolvedNavItem } from '@redocly/config';
-interface FooterColumnsProps {
-    columns: ResolvedNavItem[];
-    className?: string;
-    copyrightText?: string;
-}
-export declare function FooterColumns({ columns, className, copyrightText, }: FooterColumnsProps): JSX.Element | null;
-export declare const FooterColumnsContainer: any;
-export declare const FooterRow: any;
-export {};

package/dist/components/Footer/FooterColumns.js

@@ -1,34 +0,0 @@
-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`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 95%;
-  margin: 0;
-  flex: 1;
-  padding: 64px 20px 38px 20px;
-  align-items: center;
-  max-width: 1504px;
-
-  @media screen and (min-width: ${e.small}) {
-    margin: 0 auto;
-  }
-`,m=r.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  justify-content: center;
-  width: 100%;
-
-  @media screen and (min-width: ${e.small}) {
-    justify-content: space-between;
-    grid-template-columns: repeat(4, 1fr);
-  }
-
-  @media screen and (min-width: ${e.medium}) {
-    margin-bottom: -60px;
-    grid-template-columns: repeat(5, 1fr);
-  }
-
-  @media screen and (min-width: ${e.large}) {
-    padding: 0 100px;
-  }
-`;export{d as FooterColumns,i as FooterColumnsContainer,m as FooterRow};

package/dist/components/Footer/FooterCopyright.d.ts

@@ -1,6 +0,0 @@
-type FooterCopyrightProps = {
-    copyrightText: string;
-    className?: string;
-};
-export declare function FooterCopyright({ copyrightText, className, }: FooterCopyrightProps): JSX.Element | null;
-export {};

package/dist/components/Footer/FooterCopyright.js

@@ -1,17 +0,0 @@
-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`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  margin-left: 4px;
-  color: var(--text-color-secondary);
-  text-align: var(--footer-copyright-text-align);
-
-  @media screen and (min-width: ${m.medium}) {
-    max-width: 200px;
-    margin-left: 0;
-  }
-`,c=o.div``;export{s as FooterCopyright};

package/dist/components/Menu/MainMenu.d.ts

@@ -1,5 +0,0 @@
-import { MenuListProps } from './ProductsMenu';
-export declare function MainMenu({ depth, items, className, isMobile, onDrilldownOpen }: MenuListProps): JSX.Element;
-export declare const StyledSignUpButton: any;
-export declare const StyledLogInButton: any;
-export declare const FooterBlock: any;

package/dist/components/Menu/MainMenu.js

@@ -1,76 +0,0 @@
-import a from"styled-components";import e from"react";import{MenuItem as g}from"@redocly/theme/components/Menu/MenuItem";import{MenuItemType as u}from"@redocly/theme/core/constants";import{getMenuItemType as b}from"@redocly/theme/core/utils";import{Button as f}from"../Button/CustomButton";function x({depth:p=0,items:n,className:c,isMobile:d,onDrilldownOpen:s}){const r=n.find(({active:t})=>t);return e.createElement(y,{className:c,"data-component-name":"Menu/MainMenu"},e.createElement("div",null,n.map((t,i)=>e.createElement("div",{key:i},e.createElement(g,{item:t,key:`${t.link||t.label}-${i}`,activeItem:r,isMobile:d,depth:p,onClick:()=>{b(t)===u.DrillDown&&s?.({previousLink:r?.link,item:t})}}),e.createElement(v,null)))),e.createElement(m,null,e.createElement(o,{to:"https://auth.cloud.redocly.com/registration",className:"landing-button"},"Start 30-day free trial"),e.createElement(l,{to:"https://auth.cloud.redocly.com/login",className:"landing-button"},"Log In")))}const v=a.div`
-  height: 1px;
-  background-color: var(--border-color-secondary);
-  margin: 0 12px;
-`,o=a(f)`
-  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(--button-bg);
-  width: -webkit-fill-available;
-
-  &:hover {
-    background-color: var(--text-color-primary);
-  }
-`,l=a(o)`
-  color: var(--color-warm-grey-8) !important;
-  background-color: transparent;
-  border: none;
-  width: -webkit-fill-available;
-
-  &:hover {
-    background-color: transparent;
-  }
-`,m=a.div`
-  display: flex;
-  padding: 12px 16px;
-  margin-left: 6px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  width: -webkit-fill-available;
-  background-color: var(--menu-mobile-bg);
-  margin-top: 30px;
-
-  a {
-    width: -webkit-fill-available;
-  }
-`,y=a.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;
-
-  [data-component-name='Menu/MenuItem'] {
-    a li, li {
-      margin: 0;
-      padding: 8px 12px 0;
-      background-color: transparent;
-
-      span span {
-        display: flex;
-        padding: 8px 0px;
-        gap: 10px;
-
-        color: var(--text-color-primary);
-
-        font-family: 'Red Hat Display';
-        font-size: 16px;
-        font-weight: 700;
-        line-height: 24px;
-        margin-bottom: 8px;
-      }
-    }
-  }
-`;export{m as FooterBlock,x as MainMenu,l as StyledLogInButton,o as StyledSignUpButton};

package/dist/components/Menu/MenuItem.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { MenuItemProps } from '@redocly/theme/core/types';
-export declare function MenuItem(props: React.PropsWithChildren<MenuItemProps>): JSX.Element;

package/dist/components/Menu/MenuItem.js

@@ -1,170 +0,0 @@
-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`
-  display: flex;
-  flex-direction: column;
-  background-color: var(--menu-item-bg-color);
-  font-family: var(--menu-item-font-family);
-  font-size: var(--menu-item-font-size);
-  font-weight: var(--menu-item-font-weight);
-  line-height: var(--menu-item-line-height);
-  color: var(--menu-item-text-color);
-
-  .tag-http {
-    align-self: flex-start;
-    margin-left: auto;
-  }
-
-  &.menu-item-type-separator {
-    pointer-events: none;
-  }
-
-  > a {
-    text-decoration: none;
-    color: var(--menu-item-text-color);
-  }
-`,Z=n.div`
-  overflow: hidden;
-  order: 1;
-  position: relative;
-
-  &:hover:has(&:hover)::before {
-    display: none;
-  }
-
-  &:hover::before {
-    content: '';
-    position: absolute;
-    bottom: var(--spacing-unit);
-    top: 0;
-    z-index: var(--z-index-surface);
-    left: ${({depth:r})=>`calc(
-        var(--menu-item-label-margin-horizontal) +
-        var(--menu-item-padding-horizontal) +
-        (var(--menu-item-label-chevron-size) / 2 - 1px) +
-        var(--menu-item-nested-offset) * ${r})
-      `};
-    border: 0.5px solid var(--border-color-primary);
-  }
-`,I=n.li`
-  display: flex;
-  position: relative;
-  cursor: pointer;
-  order: 1;
-  align-items: var(--menu-item-label-align-items);
-  transition: var(--menu-item-label-transition);
-  word-break: var(--menu-item-label-word-break);
-  border-radius: var(--menu-item-label-border-radius);
-  margin: var(--menu-item-label-margin);
-  padding: var(--menu-item-label-padding);
-  gap: var(--menu-item-label-gap);
-
-  padding-left: ${({withChevron:r,depth:e})=>`calc(
-      var(--menu-item-padding-horizontal) +
-      ${r?"0px":"var(--menu-item-label-chevron-offset)"} +
-      ${e?"var(--menu-item-nested-offset) * "+e:"0px"}
-    )`};
-
-  ${({active:r,deprecated:e})=>r&&z`
-      color: ${e?"var(--menu-content-color-disabled)":"var(--menu-item-color-active)"};
-      background-color: var(--menu-item-bg-color-active);
-
-      ${s} path {
-        fill: var(--menu-item-color-active);
-      }
-      ${u} path {
-        fill: var(--menu-item-color-active);
-      }
-
-      &:hover {
-        background: var(--menu-item-bg-color-active);
-      }
-    `};
-
-  ${({deprecated:r})=>r&&z`
-      color: var(--menu-content-color-disabled);
-
-      &:hover {
-        color: var(--menu-content-color-disabled);
-      }
-    `};
-
-  &:hover {
-    color: var(--menu-item-color-hover);
-    background: var(--menu-item-bg-color-hover);
-
-    ${s} path {
-      fill: var(--menu-item-color-hover);
-    }
-    ${u} path {
-      fill: var(--menu-item-color-hover);
-    }
-  }
-
-  &:active {
-    color: var(--menu-item-color-active);
-    background: var(--menu-item-bg-color-active);
-
-    ${s} path {
-      fill: var(--menu-item-color-active);
-    }
-    ${u} path {
-      fill: var(--menu-item-color-active);
-    }
-  }
-
-  &:empty {
-    padding: 0;
-  }
-`,T=n.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-`,ee=n(T)`
-  flex-direction: row;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-
-  section {
-      background-color: var(--bg-color);
-    }
-`,C=n.div`
-  margin: var(--menu-item-sublabel-margin);
-  color: var(--menu-item-sublabel-text-color);
-  font-weight: var(--menu-item-sublabel-font-weight);
-  font-size: var(--menu-item-sublabel-font-size);
-  font-family: var(--menu-item-sublabel-font-family);
-`,M=n.img`
-  width: var(--menu-item-icon-size);
-  height: var(--menu-item-icon-size);
-  margin: var(--menu-item-icon-margin);
-  border-radius: var(--menu-item-icon-border-radius);
-  flex-shrink: 0;
-  overflow: hidden;
-`,te=n(F)`
-  order: 1;
-`,re=n.div`
-  height: var(--menu-item-separator-line-height);
-  background-color: var(--menu-item-separator-line-bg-color);
-  margin: ${({depth:r})=>`
-    var(--menu-item-padding-vertical)
-    var(--sidebar-margin-horizontal)
-    var(--menu-item-padding-vertical)
-    calc(var(--sidebar-margin-horizontal) +
-    ${r?"var(--menu-item-nested-offset) * "+r:"0px"})
-  `};
-  order: ${({linePosition:r})=>r==="top"?0:1};
-`,R=n.span`
-  & > * {
-    margin-right: var(--spacing-xxs);
-  }
-`,D=n(q)`
-  margin-left: 0;
-  background-color: ${({color:r})=>r||"var(--color-info-base)"};
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-sm);
-  padding: 0 var(--spacing-xxs);
-  max-width: 80px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-`;export{Q as MenuItem};

package/dist/components/Menu/MenuMobile.d.ts

@@ -1,5 +0,0 @@
-export type MobileMenuProps = {
-    className?: string;
-    hideUserProfile?: boolean;
-};
-export declare function MenuMobile({ className, hideUserProfile }: MobileMenuProps): JSX.Element | null;

package/dist/components/Menu/MenuMobile.js

@@ -1,77 +0,0 @@
-import e,{useEffect as E,useState as w}from"react";import{useLocation as D}from"react-router-dom";import i from"styled-components";import{breakpoints as k}from"@redocly/theme/core/utils";import{useThemeHooks as y,useMobileMenuItems as z,useMobileMenuLevels as N}from"@redocly/theme/core/hooks";import{MobileMenuType as m}from"@redocly/theme/core/constants";import{ChevronRightIcon as I}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{ChevronLeftIcon as P}from"@redocly/theme/icons/ChevronLeftIcon/ChevronLeftIcon";import{Menu as C}from"@redocly/theme/components/Menu/Menu";import{Button as $}from"@redocly/theme/components/Button/Button";import{ArrowLeftIcon as A}from"@redocly/theme/icons/ArrowLeftIcon/ArrowLeftIcon";import{Product as L}from"@redocly/theme/components/Product/Product";import{MainMenu as S}from"./MainMenu";import{ProductsMenu as U}from"./ProductsMenu";function T({className:o,hideUserProfile:b}){const M=D(),{useCurrentProduct:x}=y(),g=x(),l=N(),[c,u]=w(l.length-1);E(()=>{u(l.length-1)},[l,M]);const n=l[c]?.type||m.MAIN_MENU,{items:s,pushDrilldownState:d,popDrilldownState:v,backLink:r}=z(n);let t=l[c-1]?.label,a=l[c+1]?.label;const p=a||t;return(n===m.MAIN_MENU||t==="Main Menu")&&(t="Menu"),n===m.MAIN_MENU&&!r&&(t=""),a==="Previous"&&(a="Docs"),e.createElement(B,{"data-component-name":"Menu/MenuMobile",className:o},e.createElement(O,{menuType:n,isButtonsSectionVisible:!!p,isDrillDown:r!==void 0},p&&!r&&e.createElement(R,{alignRight:!t&&!!a},t&&e.createElement(f,{"data-testid":"control-button",onClick:()=>{u(c-1),v()}},e.createElement(P,{size:"16px",color:"--tree-content-color-default"}),e.createElement(h,{paddingDirection:"left"},t," / ","Docs")),a&&e.createElement(f,{"data-testid":"control-button",onClick:()=>u(c+1)},e.createElement(h,{paddingDirection:"right"},a),e.createElement(I,{size:"16px",color:"--tree-content-color-default"}))),n===m.PRODUCT&&g?e.createElement(V,null,e.createElement(L,{product:g})):null,r?e.createElement(j,{icon:e.createElement(A,null),iconPosition:"left",variant:"ghost",size:"medium",to:r.slug,onClick:v},`${t} / ${n===m.PAGE?"Docs":s[0].label}`):null,e.createElement(_,{isButtonsSectionVisible:!!p,menuType:n,backLink:r},r?e.createElement(U,{onDrilldownOpen:d,items:s[0].items,isMobile:!0}):n===m.MAIN_MENU?e.createElement(S,{onDrilldownOpen:d,items:s,isMobile:!0}):e.createElement(C,{onDrilldownOpen:d,items:s,isMobile:!0}))))}const B=i.div`
-  height: var(--menu-mobile-height);
-  width: var(--menu-mobile-width);
-  position: fixed;
-  z-index: var(--menu-mobile-z-index);
-  left: var(--menu-mobile-left);
-  top: var(--menu-mobile-top);
-  overflow-x: hidden;
-  transition: var(--menu-mobile-transition);
-  display: flex;
-  flex-direction: column;
-  background: var(--menu-mobile-bg);
-  border-top: 1px solid var(--border-color-secondary);
-
-  @media screen and (min-width: ${k.medium}) {
-    display: none;
-  }
-`,O=i.div`
-  padding-top: ${({isButtonsSectionVisible:o,isDrillDown:b})=>b?"16px":o?"0px":"var(--menu-mobile-padding-top)"};
-  overflow-y: scroll;
-  flex-grow: 1;
-`,R=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  padding: var(--spacing-xs);
-  margin: 0;
-  background: transparent;
-  gap: var(--spacing-xs);
-  ${({alignRight:o})=>o&&"justify-content: flex-end"};
-`,_=i.div`
-  margin: var(--menu-mobile-margin);
-  line-height: var(--menu-mobile-line-height);
-  background: var(--menu-mobile-bg);
-`,f=i.li`
-  display: inline-flex;
-  align-items: center;
-  padding: var(--menu-mobile-control-button-padding);
-  margin: var(--menu-mobile-control-button-margin);
-  text-align: var(--menu-mobile-control-button-text-align);
-  font-size: var(--menu-mobile-control-button-font-size);
-  line-height: var(--menu-mobile-control-button-line-height);
-  font-weight: var(--menu-mobile-control-button-weight);
-  color: var(--menu-mobile-control-button-color);
-  cursor: pointer;
-
-  svg {
-    fill: var(--menu-mobile-control-button-color);
-  }
-
-  &:hover {
-    color: var(--menu-mobile-control-button-color-hover);
-
-    svg {
-      fill: var(--menu-mobile-control-button-color-hover);
-    }
-  }
-`,h=i.span`
-  vertical-align: middle;
-  ${({paddingDirection:o})=>o==="left"&&"padding-left: 8px"};
-  ${({paddingDirection:o})=>o==="right"&&"padding-right: 8px"};
-
-  font-size: 14px;
-  line-height: 24px; 
-`,V=i.div`
-  font-size: var(--menu-mobile-product-name-font-size);
-  font-weight: var(--menu-mobile-product-name-font-weight);
-  line-height: var(--menu-mobile-product-name-line-height);
-  color: var(--menu-mobile-product-name-text-color);
-  border-radius: var(--menu-mobile-product-name-border-radius);
-  border: var(--menu-mobile-product-name-border);
-  padding: var(--menu-mobile-product-name-padding);
-  margin: var(--menu-mobile-product-name-margin);
-`,j=i($)`
-  margin: var(--menu-item-label-margin);
-  font-size: 14px;
-`;export{T as MenuMobile};

package/dist/components/Menu/ProductsMenu.d.ts

@@ -1,9 +0,0 @@
-import type { DrilldownMenuItemDetails, ItemState } from '@redocly/theme/core/types';
-export type MenuListProps = {
-    items: ItemState[];
-    depth?: number;
-    isMobile?: boolean;
-    className?: string;
-    onDrilldownOpen?: (drilldownDetails: DrilldownMenuItemDetails) => void;
-};
-export declare function ProductsMenu({ depth, items, className, isMobile, }: MenuListProps): JSX.Element;