@redocly/openapi-docs 0.0.0-beta-20240223133421 → 0.0.0-beta-20240226163902

package/lib-esm/components/Callbacks/CallbackSummary.js

@@ -1,20 +1,9 @@
-import React from"react";import{PanelHeader,Badge}from"@redocly/theme";import styled from"styled-components";import{Trigger}from"../Panel";import{HttpVerb}from"../shared";import{makeDeepLink}from"../../services";import{shortenHTTPVerb}from"../../utils";import{CallbackTitle}from"./styled";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";import{LinkToField}from"../common/LinkToField";export function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:a,httpVerb:t,deprecated:n,callbackId:l,id:o}}){return React.createElement(CallbackHeader,{expanded:e,onClick:r},React.createElement(LinkToField,{to:makeDeepLink(o,`callbacks&c=${l}`)}),React.createElement(Trigger,null,React.createElement(CircleIconWrap,null,React.createElement(CircleIcon,{sign:e?"-":"+"})),React.createElement(CallbackTitle,{deprecated:n},a),React.createElement(HttpVerb,{color:t},shortenHTTPVerb(t)),n?React.createElement(Badge,{deprecated:!0},"Deprecated"):null))}const CallbackHeader=styled(PanelHeader)`
+import React from"react";import{PanelHeader,Badge,Button}from"@redocly/theme";import styled from"styled-components";import{Trigger}from"../Panel";import{HttpVerb}from"../shared";import{makeDeepLink}from"../../services";import{shortenHTTPVerb}from"../../utils";import{CallbackTitle}from"./styled";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";import{LinkToField}from"../common/LinkToField";export function CallbackSummary({expanded:e=!1,toggle:t,operation:{name:r,httpVerb:a,deprecated:c,callbackId:l,id:n}}){return React.createElement(CallbackHeader,{expanded:e,onClick:t},React.createElement(LinkToField,{to:makeDeepLink(n,`callbacks&c=${l}`)}),React.createElement(Trigger,null,React.createElement(CircleIconWrap,{icon:React.createElement(CircleIcon,{sign:e?"-":"+"}),variant:"ghost"}),React.createElement(CallbackTitle,{deprecated:c},r),React.createElement(HttpVerb,{color:a},shortenHTTPVerb(a)),c?React.createElement(Badge,{deprecated:!0},"Deprecated"):null))}const CallbackHeader=styled(PanelHeader)`
   padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
   margin: 0;
   line-height: var(--line-height-base);
   position: relative;
-`,CircleIconWrap=styled.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  padding: 0;
-  gap: var(--spacing-xxs);
-  color: var(--text-color-secondary);
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
+`,CircleIconWrap=styled(Button)`
   z-index: 2;
 `;
 //# sourceMappingURL=CallbackSummary.js.map

package/lib-esm/components/Download/DownloadSpecification.js

@@ -1,8 +1,4 @@
-import React,{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,breakpoints}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";function DownloadSpecificationComponent(){const{parser:e,options:o}=useAtomValue(globalStoreAtom),{definition:t}=e,{json:n,yaml:a}=useDownloadInfo({definition:t,downloadDefinitionUrls:o.downloadDefinitionUrls});return React.createElement(Wrapper,null,React.createElement(Card,null,React.createElement(FileName,null,React.createElement(JsonIcon,null),n.filename),React.createElement(DownloadLink,{download:!0,target:"_blank",href:n.url},React.createElement(DownloadIcon,null))),React.createElement(Card,null,React.createElement(FileName,null,React.createElement(DocumentIcon,null),a.filename),React.createElement(DownloadLink,{download:!0,target:"_blank",href:a.url},React.createElement(DownloadIcon,null))))}export const DownloadSpecification=memo(DownloadSpecificationComponent);const DownloadLink=styled.a.attrs({className:"download-specification-button button-default"})`
-  margin-left: var(--spacing-xxs);
-  text-decoration: none;
-  color: var(--text-color-secondary);
-`,Card=styled.div`
+import React,{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,breakpoints,Button}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";function DownloadSpecificationComponent(){const{parser:e,options:t}=useAtomValue(globalStoreAtom),{definition:o}=e,{json:n,yaml:a}=useDownloadInfo({definition:o,downloadDefinitionUrls:t.downloadDefinitionUrls});return React.createElement(Wrapper,null,React.createElement(Card,null,React.createElement(FileName,null,React.createElement(DocumentIcon,null),a.filename),React.createElement("a",{href:a.url,target:"_blank",download:!0,rel:"noreferrer"},React.createElement(Button,{variant:"ghost",size:"small",icon:React.createElement(DownloadIcon,null)}))),React.createElement(Card,null,React.createElement(FileName,null,React.createElement(JsonIcon,null),n.filename),React.createElement("a",{href:n.url,target:"_blank",download:!0,rel:"noreferrer"},React.createElement(Button,{variant:"ghost",size:"small",icon:React.createElement(DownloadIcon,null)}))))}export const DownloadSpecification=memo(DownloadSpecificationComponent);const Card=styled.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;

package/lib-esm/components/Language/LanguageList.js

@@ -1,2 +1,2 @@
-import React,{useLayoutEffect,useRef,useState,useCallback,memo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{OverflowMenuVerticalIcon}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,MoreIconController,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{ITEM_WIDTH}from"./constants";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=useState(e),[o,r]=useState([]),i=useRef(null),l=useAtomValue(layoutAtom),s=useSetAtom(languageAtom),c=useCallback((()=>{var e;const l=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:s,newHiddenItems:c}=calculateVisibleAndHiddenItems(l,[...n,...o]),m=c.findIndex((e=>e.key===t.key));-1!==m&&swapItems(s,c,m),a(s),r(c)}),[t.key,o,n]);return useLayoutEffect((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[l,t]),React.createElement(Container,{ref:i},React.createElement(LanguageListContainer,null,n.map((e=>React.createElement(LanguageListItem,{key:e.key,onClick:()=>s({activeLanguage:e}),active:t.key===e.key},React.createElement(LanguageItem,{item:e,withIcon:!0}))))),o.length?React.createElement(LanguageDropdown,{activeTab:t,samples:o,onChange:e=>{const t=o.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...o],l=[...n];swapItems(l,i,t),a(l),r(i),s({activeLanguage:e})}},controller:React.createElement(MoreIconController,null,React.createElement(OverflowMenuVerticalIcon,{color:"--text-color-secondary"})),withArrow:!1,withCheckmark:!1,width:156}):null)}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],o=[];return t.forEach((t=>{const r=ITEM_WIDTH;e&&n+r<=e?(a.push(t),n+=r):o.push(t)})),{newVisibleItems:a,newHiddenItems:o}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}
+import React,{useLayoutEffect,useRef,useState,useCallback,memo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{OverflowMenuVerticalIcon,Button}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{ITEM_WIDTH}from"./constants";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=useState(e),[o,i]=useState([]),s=useRef(null),u=useAtomValue(layoutAtom),m=useSetAtom(languageAtom),r=useCallback((()=>{var e;const u=null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:m,newHiddenItems:r}=calculateVisibleAndHiddenItems(u,[...n,...o]),c=r.findIndex((e=>e.key===t.key));-1!==c&&swapItems(m,r,c),a(m),i(r)}),[t.key,o,n]);return useLayoutEffect((()=>(r(),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)})),[u,t]),React.createElement(Container,{ref:s},React.createElement(LanguageListContainer,null,n.map((e=>React.createElement(LanguageListItem,{key:e.key,onClick:()=>m({activeLanguage:e}),active:t.key===e.key},React.createElement(LanguageItem,{item:e,withIcon:!0}))))),o.length?React.createElement(LanguageDropdown,{activeTab:t,samples:o,onChange:e=>{const t=o.findIndex((t=>t.key===e.key));if(-1!==t){const s=[...o],u=[...n];swapItems(u,s,t),a(u),i(s),m({activeLanguage:e})}},controller:React.createElement(Button,{variant:"ghost",icon:React.createElement(OverflowMenuVerticalIcon,null)}),withArrow:!1,withCheckmark:!1,width:156}):null)}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],o=[];return t.forEach((t=>{const i=ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):o.push(t)})),{newVisibleItems:a,newHiddenItems:o}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}
 //# sourceMappingURL=LanguageList.js.map

package/lib-esm/components/Language/styled.d.ts

@@ -12,4 +12,3 @@ export declare const DropdownItemContainer: import("styled-components").StyledCo
     width?: number | undefined;
 }, never>;
 export declare const DropdownControllerText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const MoreIconController: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib-esm/components/Language/styled.js

@@ -59,15 +59,8 @@ import styled,{css}from"styled-components";import{ITEM_WIDTH}from"./constants";e
   fill: var(--menu-item-content-color-active);
 `;export const DropdownControllerText=styled.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--menu-item-content-color-active);
   display: inline-block;
-  word-break: break-all;
-  line-height: var(--line-height-sm);
+  line-height: var(--line-height-base);
   font-size: var(--font-size-base);
-`;export const MoreIconController=styled.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
 `;
 //# sourceMappingURL=styled.js.map

package/lib-esm/components/PropertyDetails/DescriptionEnums.js

@@ -1,5 +1,5 @@
-import React,{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";const EnumValueStyled=styled.td`
+import React,{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock}from"./styled";import{ToggleButton}from"../common";const EnumValueStyled=styled.td`
   max-width: 15vw;
   word-wrap: break-word;
-`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:l,type:a}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"array"===a?"Items":""," ",1===e.length?"Value":"Enum Value"),React.createElement("th",null,"Description"))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement(EnumValueStyled,null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},l):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:l,type:o}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"array"===o?"Items":""," ",1===e.length?"Value":"Enum Value"),React.createElement("th",null,"Description"))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement(EnumValueStyled,null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},l):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

package/lib-esm/components/PropertyDetails/SimpleEnums.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{FieldLabel,Tag}from"../common";import{ToggleButton}from"./styled";export function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:o,showToggleButton:m,toggleButtonText:l}){return React.createElement(Row,null,React.createElement(FieldLabel,null,"array"===n?"Items":""," ",1===e.length?"Value":"Enum"),e.map(((e,n)=>React.createElement(Tag,{key:e+n},t?String(e):JSON.stringify(e)))),m?React.createElement(ToggleButton,{onClick:o},l):null)}export const SimpleEnums=memo(SimpleEnumsComponent);const Row=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{FieldLabel,Tag,ToggleButton}from"../common";export function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:o,showToggleButton:l,toggleButtonText:m}){return React.createElement(Row,null,React.createElement(FieldLabel,null,"array"===n?"Items":""," ",1===e.length?"Value":"Enum"),e.map(((e,n)=>React.createElement(Tag,{key:e+n},t?String(e):JSON.stringify(e)))),l?React.createElement(ToggleButton,{onClick:o},m):null)}export const SimpleEnums=memo(SimpleEnumsComponent);const Row=styled.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/lib-esm/components/PropertyDetails/styled.d.ts

@@ -1,4 +1,3 @@
-export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
     compact?: boolean | undefined;
     inline?: boolean | undefined;

package/lib-esm/components/PropertyDetails/styled.js

@@ -1,13 +1,4 @@
-import styled from"styled-components";import{Markdown as MarkdownWrapper}from"@redocly/theme";export const ToggleButton=styled.button`
-  background: none;
-  border: none;
-  color: var(--link-color-primary);
-  vertical-align: middle;
-  font-size: 13px;
-  line-height: 20px;
-  padding: 0;
-  cursor: pointer;
-`;export const DescriptionEnumsBlock=styled(MarkdownWrapper)`
+import styled from"styled-components";import{Markdown as MarkdownWrapper}from"@redocly/theme";export const DescriptionEnumsBlock=styled(MarkdownWrapper)`
   table.md {
     margin: var(--spacing-xs) 0 0;
     display: table;

package/lib-esm/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,7 @@
-var __rest=this&&this.__rest||function(e,a){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(o[t[r]]=e[t[r]])}return o};import React,{memo,useCallback,useEffect,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader,Panel}from"@redocly/theme";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{useTabsState}from"../Tabs";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{languageAtom}from"../../jotai/app";import{Replay}from"../Replay";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:o="",disableHeader:t,content:r}=e,l=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const[{activeLanguage:n},s]=useAtom(languageAtom),{events:m,corsProxyUrl:p}=useAtomValue(globalOptionsAtom),{samples:i,payload:c}=useCodeSamples(a),u=useCallback((({lang:e,title:o})=>()=>{var t;const r=createCodeSampleCopyEvent({operation:a,label:o,lang:e,type:"request"});null===(t=null==m?void 0:m.codeSamplesCopy)||void 0===t||t.call(m,r)}),[a,m]),d=useMemo((()=>i.map((({key:e,title:a})=>({key:e,title:a})))),[i]),y=useMemo((()=>i.find((({lang:e,key:a})=>[e,a].some((e=>e.toLowerCase()===o.toLowerCase()||e.toLowerCase()===n.key.toLowerCase()))))),[i,o,n.key]),{activeTab:g,handleTabChange:f}=useTabsState({tabs:d,defaultTab:y});useEffect((()=>{g.key!==n.key&&d.some((({key:e})=>e===n.key))&&f(n)}),[n,g.key,f,d]);const C=useCallback((e=>{f(e),s({activeLanguage:e})}),[f,s]),b=useMemo((()=>i.map((e=>e.key===g.key?React.createElement("div",{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:u(e)},l)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:u(e)},l))):null))),[g.key,u,a,null==c?void 0:c.requestBodyContent,l,i]);return i.length?React.createElement(Panel,{className:"panel-request-samples",header:t?void 0:()=>React.createElement(PanelHeader,{isExpandable:!1},React.createElement(ServerListDropdown,{operation:a}),React.createElement(LanguageDropdown,{activeTab:g,samples:i,onChange:C})),footer:React.createElement(Replay,{operation:a,corsProxyUrl:p}),isExpandable:!1},b):null}export const RequestSamples=memo(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(a[o[r]]=e[o[r]])}return a};import React,{memo,useCallback,useEffect,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader,Panel}from"@redocly/theme";import styled from"styled-components";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{useTabsState}from"../Tabs";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{languageAtom}from"../../jotai/app";import{Replay}from"../Replay";function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a="",disableHeader:o,content:r}=e,l=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const[{activeLanguage:n},s]=useAtom(languageAtom),{events:m,corsProxyUrl:p}=useAtomValue(globalOptionsAtom),{samples:i,payload:d}=useCodeSamples(t),c=useCallback((({lang:e,title:a})=>()=>{var o;const r=createCodeSampleCopyEvent({operation:t,label:a,lang:e,type:"request"});null===(o=null==m?void 0:m.codeSamplesCopy)||void 0===o||o.call(m,r)}),[t,m]),u=useMemo((()=>i.map((({key:e,title:t})=>({key:e,title:t})))),[i]),y=useMemo((()=>i.find((({lang:e,key:t})=>[e,t].some((e=>e.toLowerCase()===a.toLowerCase()||e.toLowerCase()===n.key.toLowerCase()))))),[i,a,n.key]),{activeTab:g,handleTabChange:f}=useTabsState({tabs:u,defaultTab:y});useEffect((()=>{g.key!==n.key&&u.some((({key:e})=>e===n.key))&&f(n)}),[n,g.key,f,u]);const S=useCallback((e=>{f(e),s({activeLanguage:e})}),[f,s]),C=useMemo((()=>i.map((e=>e.key===g.key?React.createElement("div",{key:e.key+t.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:c(e)},l)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==d?void 0:d.requestBodyContent,operation:t,onCopyClick:c(e)},l))):null))),[g.key,c,t,null==d?void 0:d.requestBodyContent,l,i]);return i.length?React.createElement(Panel,{className:"panel-request-samples",header:o?void 0:()=>React.createElement(StyledPanelHeader,{isExpandable:!1},React.createElement(StyledServerListDropdown,{operation:t}),React.createElement(LanguageDropdown,{activeTab:g,samples:i,onChange:S})),footer:React.createElement(Replay,{operation:t,corsProxyUrl:p}),isExpandable:!1},C):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
+  flex-wrap: nowrap;
+`,StyledServerListDropdown=styled(ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`;
 //# sourceMappingURL=RequestSamples.js.map

package/lib-esm/components/SectionContent/SectionContent.js

@@ -1,4 +1,4 @@
-import React,{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:a},routingBasePath:o}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),r=useMemo((()=>t?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,null))),[t]),l=useMemo((()=>t||!OpenApiHeader&&!a?null:React.createElement(MiddlePanelWrapper,null,a?React.createElement(RenderHook,{Hook:a,props:void 0}):React.createElement(OpenApiHeader,null))),[a,t]);return 0===e.length?null:React.createElement(React.Fragment,null,l,React.createElement(Container,null,React.createElement(SectionContainer,{layout:n},e.filter((({type:e})=>["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o})))),React.createElement(RightPanelContainer,{layout:n},React.createElement(RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o}))),r)}const Container=styled.div`
+import React,{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:a},routingBasePath:o}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),r=useMemo((()=>t?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,null))),[t]),i=useMemo((()=>t||!OpenApiHeader&&!a?null:React.createElement(MiddlePanelWrapper,null,a?React.createElement(RenderHook,{Hook:a,props:void 0}):React.createElement(OpenApiHeader,null))),[a,t]);return 0===e.length?null:React.createElement(React.Fragment,null,i,React.createElement(Container,null,React.createElement(SectionContainer,{layout:n},e.filter((({type:e})=>["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o})))),React.createElement(RightPanelContainer,{layout:n},React.createElement(RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:o}))),r)}const Container=styled.div`
   display: flex;
   width: 100%;
 `,SectionContainer=styled.div`
@@ -10,7 +10,7 @@ import React,{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader
 `,RightPanelContainer=styled(SamplesPanel)`
   margin: calc(var(--h1-font-size) / 1.5) 0;
   display: none;
-  overflow-y: auto;
+  overflow-y: visible;
   max-height: calc(100vh - var(--navbar-height) - var(--panel-gap-vertical) * 2);
 
   @media screen and (min-width: ${breakpoints.medium}) {

package/lib-esm/components/Security/SecurityButton.js

@@ -1,19 +1,15 @@
-import React from"react";import styled from"styled-components";import{SecurityIcon}from"@redocly/theme";export function SecurityButton({securities:e,onClick:t}){return React.createElement(StyledButton,{onClick:t},React.createElement(SecurityIcon,null),React.createElement(Title,null,"Security:"),React.createElement(SecurityList,null,e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${n?")":""}\n          `})).join(" or ")))}const StyledButton=styled.button`
-  display: flex;
-  align-items: center;
+import React from"react";import styled from"styled-components";import{Button,SecurityIcon}from"@redocly/theme";export function SecurityButton({securities:e,onClick:t}){return React.createElement(StyledButton,{icon:React.createElement(SecurityIcon,null),variant:"link",onClick:t},React.createElement(Title,null,"Security:"),React.createElement(SecurityList,null,e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${n?")":""}\n          `})).join(" or ")))}const StyledButton=styled(Button)`
   align-self: flex-start;
   gap: var(--spacing-xxs);
   min-height: 32px;
   background: var(--color-info-bg);
-  color: var(--link-color-primary);
-  border: none;
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
   padding: 0 var(--spacing-xs);
-  border-radius: var(--border-radius-md);
   margin-top: var(--spacing-base);
-  max-width: 100%;
+
+  &:hover {
+    background: var(--color-info-bg);
+    color: var(--link-color-primary);
+  }
 `,Title=styled.span`
   font-family: var(--font-family-monospaced);
   font-weight: var(--font-weight-semibold);

package/lib-esm/components/Security/SecurityModal.js

@@ -1,4 +1,4 @@
-import React,{Fragment,useEffect,useState}from"react";import styled from"styled-components";import{Typography,CloseIcon,SecurityIcon,Segmented}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";export function SecurityModal({securities:e,onClose:t}){const[a,o]=useState(0),{schemes:r}=e[a]||{};useEffect((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const i=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return React.createElement(StyledBackground,null,React.createElement(Wrapper,null,React.createElement(Close,{onClick:t,"data-cy":"close"},React.createElement(CloseIcon,null)),React.createElement(Title,null,React.createElement(SecurityIcon,{size:"24px"}),"Security"),React.createElement(Segmented,{value:a,onChange:({value:e})=>o(e),options:i}),r.map(((t,a)=>React.createElement(Fragment,{key:t.id},React.createElement(SecurityFlow,Object.assign({},t,{securities:e})),a!==r.length-1&&React.createElement(Divider,{label:"and"}))))))}const Wrapper=styled.div`
+import React,{Fragment,useEffect,useState}from"react";import styled from"styled-components";import{Typography,CloseIcon,SecurityIcon,Segmented,Button}from"@redocly/theme";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";export function SecurityModal({securities:e,onClose:t}){const[a,o]=useState(0),{schemes:r}=e[a]||{};useEffect((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const i=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return React.createElement(StyledBackground,null,React.createElement(Wrapper,null,React.createElement(Close,{onClick:t,"data-cy":"close",variant:"ghost",icon:React.createElement(CloseIcon,null)}),React.createElement(Title,null,React.createElement(SecurityIcon,{size:"24px"}),"Security"),React.createElement(Segmented,{value:a,onChange:({value:e})=>o(e),options:i}),r.map(((t,a)=>React.createElement(Fragment,{key:t.id},React.createElement(SecurityFlow,Object.assign({},t,{securities:e})),a!==r.length-1&&React.createElement(Divider,{label:"and"}))))))}const Wrapper=styled.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -7,14 +7,14 @@ import React,{Fragment,useEffect,useState}from"react";import styled from"styled-
   flex-direction: column;
   align-items: flex-start;
   position: absolute;
-  width: 700px;
+  width: 720px;
   max-width: 100%;
   height: auto;
-  max-height: 500px;
+  max-height: 600px;
   overflow-y: scroll;
   left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+  top: 35%;
+  transform: translate(-50%, -35%);
   z-index: 2;
   .tag-grey span {
     font-size: var(--font-size-base);
@@ -29,18 +29,10 @@ import React,{Fragment,useEffect,useState}from"react";import styled from"styled-
   left: 0;
   top: 0;
   pointer-events: auto;
-`,Close=styled.button`
-  border: none;
-  background: none;
+`,Close=styled(Button)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-  cursor: pointer;
-  svg {
-    width: 18px;
-    height: 18px;
-    fill: var(--text-color-primary);
-  }
 `,Title=styled(Typography)`
   display: flex;
   align-items: center;

package/lib-esm/components/Security/SecuritySchemeItem.js

@@ -1,18 +1,18 @@
 import React from"react";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?React.createElement(Row,null,React.createElement(Label,null,e),React.createElement(Value,null,t)):null}const Row=styled.div`
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   margin-bottom: var(--spacing-xxs);
   font-size: var(--font-size-sm);
   color: var(--text-color-secondary);
 `,Label=styled.div`
-  width: 296px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
+  flex: 1;
 `,Value=styled.div`
-  width: calc(100% - 296px);
+  flex: 1;
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
 `;

package/lib-esm/components/ServerListDropdown/styled.js

@@ -4,13 +4,10 @@ import styled from"styled-components";export const PathWrapper=styled.div`
   overflow-x: hidden;
 `;export const Path=styled.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--text-color-secondary);
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
   display: inline-block;
-  word-break: break-all;
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
 `;export const ServerItemWrap=styled.div`

package/lib-esm/components/TagItem/OperationsNavigation.js

@@ -1,4 +1,4 @@
-import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-router-dom";import styled from"styled-components";import{HttpVerb}from"../shared";import{SamplesPanel}from"../common";import{encodeBackSlashes}from"../../utils";import{joinWithSeparator}from"../../services";const MAX_OPERATIONS=8;export function OperationsNavigationComponent({items:e,routingBasePath:t}){const[a,o]=useState(!1),n=useNavigate(),{operations:r,webhooks:i,count:s}=useMemo((()=>{const t=e.filter((e=>"operation"===e.type)),o=a?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:r}=o.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:n,webhooks:r,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,e]);if(!r.length&&!i.length)return null;const l=e=>{n(e)};return React.createElement(Wrapper,null,r.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Operations"),r.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{key:e,onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),i.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Webhooks"),i.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{key:e,onClick:()=>l(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),!a&&Boolean(s)&&React.createElement(ButtonLink,{onClick:()=>o(!0)},"Show ",s," more..."))}export const OperationsNavigation=memo(OperationsNavigationComponent);const Wrapper=styled(SamplesPanel)`
+import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-router-dom";import{Button}from"@redocly/theme";import styled from"styled-components";import{HttpVerb}from"../shared";import{SamplesPanel}from"../common";import{encodeBackSlashes}from"../../utils";import{joinWithSeparator}from"../../services";const MAX_OPERATIONS=8;export function OperationsNavigationComponent({items:e,routingBasePath:t}){const[a,o]=useState(!1),n=useNavigate(),{operations:r,webhooks:i,count:l}=useMemo((()=>{const t=e.filter((e=>"operation"===e.type)),o=a?t:t.slice(0,MAX_OPERATIONS),{operations:n,webhooks:r}=o.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:n,webhooks:r,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,e]);if(!r.length&&!i.length)return null;const s=e=>{n(e)};return React.createElement(Wrapper,null,r.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Operations"),r.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{variant:"outlined",size:"large",key:e,onClick:()=>s(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),i.length>0&&React.createElement(React.Fragment,null,React.createElement(Heading,null,"Webhooks"),i.map((({id:e,href:a,httpVerb:o,path:n})=>React.createElement(Item,{variant:"outlined",size:"large",key:e,onClick:()=>s(joinWithSeparator(t,encodeBackSlashes(a)))},React.createElement("span",null,React.createElement(HttpVerb,{color:o},o),React.createElement(Path,null,n)))))),!a&&Boolean(l)&&React.createElement(ButtonLink,{variant:"link",size:"large",fullWidth:!0,onClick:()=>o(!0)},"Show ",l," more..."))}export const OperationsNavigation=memo(OperationsNavigationComponent);const Wrapper=styled(SamplesPanel)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
@@ -9,27 +9,29 @@ import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-ro
   font-weight: var(--font-weight-bold);
   color: var(--text-color-primary);
   margin: var(--spacing-xxs) 0;
-`,Item=styled.button`
+`,StyledButton=styled(Button)`
+  & + & {
+    margin-left: 0;
+  }
+`,Item=styled(StyledButton)`
   border-radius: var(--border-radius);
-  border: 1px solid var(--border-color-primary);
   background: var(--bg-color);
-  display: flex;
-  height: 40px;
-  padding: 0 var(--spacing-base);
-  flex-direction: row;
   justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-  cursor: pointer;
 
   & > span {
     display: flex;
     align-items: baseline;
     gap: var(--spacing-unit);
+    overflow-x: hidden;
+  }
+
+  &:hover {
+    background: var(--bg-color);
   }
 
   &:hover::after {
     content: '→';
+    line-height: var(--line-height-base);
   }
 `,Path=styled.span`
   font-family: var(--font-family-base);
@@ -37,10 +39,10 @@ import React,{useMemo,memo,useState}from"react";import{useNavigate}from"react-ro
   line-height: var(--line-height-base);
   color: var(--text-color-primary);
   text-decoration: none;
-`,ButtonLink=styled.button`
-  font-size: var(--font-size-lg);
-  background: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`,ButtonLink=styled(StyledButton)`
   margin: 10px auto;
-  color: var(--link-color-primary);
 `;
 //# sourceMappingURL=OperationsNavigation.js.map

package/lib-esm/components/ViewNested/ViewNested.js

@@ -1,17 +1,5 @@
-import styled,{css}from"styled-components";import React,{memo,useState}from"react";import{useLocation}from"react-router-dom";import{pathIncludesLink}from"../../utils";import{cycleColorsByLevel}from"../PropertyDetails/cycleColorsByLevel";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";function ViewNestedComponent({expandByDefault:e,deepLink:r,level:o,expandable:t=!1,isArray:a="",propertyLength:i="",expandText:s,hideText:n,hideDivider:c=!1,children:l}){const d=useLocation(),p=pathIncludesLink(d,r),[m,y]=useState(e||p),v=m?cycleColorsByLevel(o):void 0;return t?React.createElement(Wrapper,{$divider:!c&&!m,className:"view-nested-wrapper"},React.createElement(ShowProperty,{onClick:()=>y(!m)},React.createElement(CircleIcon,{sign:m?"-":"+",color:v}),!m&&(s||`Show ${1===Number(i)?"":i} ${a&&"array "}${1!==i?"properties":"property"}`),m&&(n||"")),m&&React.createElement(StyledNested,{color:v},l)):l}export const ViewNested=memo(ViewNestedComponent);const ShowProperty=styled.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  padding: 0;
+import styled,{css}from"styled-components";import React,{memo,useState}from"react";import{useLocation}from"react-router-dom";import{Button}from"@redocly/theme";import{pathIncludesLink}from"../../utils";import{cycleColorsByLevel}from"../PropertyDetails/cycleColorsByLevel";import{CircleIcon}from"../PropertyDetails/PlusCircleIcon";function ViewNestedComponent({expandByDefault:e,deepLink:r,level:o,expandable:t=!1,isArray:a="",propertyLength:c="",expandText:i,hideText:s,hideDivider:l=!1,children:p}){const d=useLocation(),n=pathIncludesLink(d,r),[m,y]=useState(e||n),v=m?cycleColorsByLevel(o):void 0;return t?React.createElement(Wrapper,{$divider:!l&&!m,className:"view-nested-wrapper"},React.createElement(ShowProperty,{variant:"ghost",icon:React.createElement(CircleIcon,{sign:m?"-":"+",color:v}),onClick:()=>y(!m)},!m&&(i||`Show ${1===Number(c)?"":c} ${a&&"array "}${1!==c?"properties":"property"}`),m&&(s||"")),m&&React.createElement(StyledNested,{color:v},p)):p}export const ViewNested=memo(ViewNestedComponent);const ShowProperty=styled(Button)`
   gap: var(--spacing-xxs);
-  color: var(--text-color-secondary);
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
-  margin-top: var(--spacing-xxs);
-  width: 100%;
 `,StyledNested=styled.div`
   padding-left: var(--schema-nested-offset);
   border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};

package/lib-esm/components/common/DropdownTheme/Dropdown.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{Dropdown as DropdownTheme,typedMemo,CheckmarkIcon}from"@redocly/theme";function DropdownComponent({options:e,value:t,onChange:o}){var n;const a=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?React.createElement(Title,null,a):React.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>React.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>o(e)},e.label,e.label===t&&React.createElement(StyledCheckmarkIcon,null))))},React.createElement(Title,null,a))}export const Dropdown=typedMemo(DropdownComponent);const StyledCheckmarkIcon=styled(CheckmarkIcon)`
+import React from"react";import styled from"styled-components";import{Dropdown as DropdownTheme,typedMemo,CheckmarkIcon,Button}from"@redocly/theme";function DropdownComponent({options:e,value:t,onChange:o}){var n;const a=null===(n=e.find((e=>e.value===t)))||void 0===n?void 0:n.label;return 1===e.length?React.createElement(Title,{variant:"ghost"},a):React.createElement(StyledDropdown,{withArrow:!0,items:e.map((e=>React.createElement(Option,{key:e.label,isActive:e.value===t,onClick:()=>o(e)},e.label,e.label===t&&React.createElement(StyledCheckmarkIcon,null))))},React.createElement(Title,{variant:"ghost"},a))}export const Dropdown=typedMemo(DropdownComponent);const StyledCheckmarkIcon=styled(CheckmarkIcon)`
   width: 16px;
   height: 16px;
   margin-left: auto;
@@ -9,16 +9,8 @@ import React from"react";import styled from"styled-components";import{Dropdown a
   gap: var(--spacing-md);
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-weight: ${({isActive:e})=>e&&"var(--font-weight-medium)"};
-`,Title=styled.button`
+`,Title=styled(Button)`
   margin-right: var(--spacing-unit);
-  cursor: default;
-  background: none;
-  border: none;
-  padding: 0;
-  color: var(--text-color-primary);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  font-family: var(--font-family-base);
 `,StyledDropdown=styled(DropdownTheme)`
   ${Title} {
     cursor: pointer;

package/lib-esm/components/common/Fields/fields.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
@@ -19,4 +20,7 @@ export declare const ExampleValue: import("styled-components").StyledComponent<"
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
+    variant: "link";
+    size: "small";
+}, "variant" | "size">;

package/lib-esm/components/common/Fields/fields.js

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
+import styled,{css}from"styled-components";import{Button}from"@redocly/theme";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
   button {
     background-color: transparent;
     border: 0;
@@ -100,13 +100,9 @@ import styled,{css}from"styled-components";import{typography}from"../../../utils
   & + & {
     margin-left: 0;
   }
-`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.button`
-  background-color: transparent;
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled(Button).attrs((()=>({variant:"link",size:"small"})))`
   padding: 0;
-  color: var(--button-content-color-primary);
-  border-radius: var(--border-radius);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-  font-weight: var(--font-weight-regular);
 `;
 //# sourceMappingURL=fields.js.map

package/lib-esm/services/search/SearchStore.js

@@ -1069,7 +1069,7 @@
         color: grey;
       }
     `}
-`},4939:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CodeBlockControls=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(1424),l=r(5001),s=r(4554),c=r(3907),u=r(7859),d=r(9125),p=r(5854),f=r(2159),h=r(1664);t.CodeBlockControls=function({children:e,className:t,title:r,controls:n,tabs:a}){var w,k,x,_,C;const{codeSnippet:S}=(0,l.useThemeConfig)(),{useTelemetry:E}=(0,l.useThemeHooks)(),O=E(),j=(null==S?void 0:S.elementFormat)||"icon",{copy:P,expand:M,collapse:L,select:D,deselect:T,report:A}=n||{copy:null,expand:null,collapse:null,select:null,deselect:null,report:null},I=n?o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(g,null,r),a&&o.default.createElement((()=>o.default.createElement(v,null,null==a?void 0:a.files.map((({name:e})=>{const t=e===a.activeTabName;return o.default.createElement(y,{active:t,key:e,onClick:()=>{a.handleTabSwitch(e)}},o.default.createElement(p.DocumentBlankIcon,null),e)})))),null),o.default.createElement(b,null,A&&!(null===(w=null==A?void 0:A.props)||void 0===w?void 0:w.hide)?o.default.createElement(h.Button,Object.assign({"data-cy":"report-button","data-testid":"report-button",icon:"icon"===j?o.default.createElement(f.WarningSquareIcon,{size:"18px"}):void 0,size:"small",variant:"ghost"},A.props),"icon"!=j&&((null===(k=A.props)||void 0===k?void 0:k.buttonText)||"Report")):null,M&&!(null===(x=null==S?void 0:S.expand)||void 0===x?void 0:x.hide)?o.default.createElement(h.Button,{"data-cy":"expand-all","data-testid":"expand-all",icon:"icon"===j?o.default.createElement(c.MaximizeIcon,null):void 0,onClick:null==M?void 0:M.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==M?void 0:M.label)?M.label:"Expand all"):null,L&&!(null===(_=null==S?void 0:S.collapse)||void 0===_?void 0:_.hide)?o.default.createElement(h.Button,{"data-cy":"collapse-all","data-testid":"collapse-all",icon:"icon"===j?o.default.createElement(u.MinimizeIcon,null):void 0,onClick:null==L?void 0:L.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==M?void 0:M.label)?M.label:"Collapse all"):null,D?o.default.createElement(h.Button,{"data-cy":"select-all","data-testid":"select-all",icon:"icon"===j?o.default.createElement(d.SelectIcon,null):void 0,onClick:null==D?void 0:D.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==D?void 0:D.label)?D.label:"Select all"):null,T?o.default.createElement(h.Button,{"data-cy":"clear-all","data-testid":"clear-all",icon:"icon"===j?o.default.createElement(s.DeselectIcon,null):void 0,onClick:null==T?void 0:T.onClick,size:"small",variant:"ghost"},"icon"!==j&&(null==T?void 0:T.label)?T.label:"Clear all"):null,P&&!(null===(C=null==S?void 0:S.copy)||void 0===C?void 0:C.hide)?o.default.createElement(i.CopyButton,{data:P.data,"data-source":P.dataSource,"data-hash":P.dataHash,type:j,toasterPlacement:P.toasterPlacement,toasterDuration:P.toasterDuration,buttonText:P.label,onCopyClick:()=>{null==P||P.onClick,O.send("code_snippet_copied",{})}}):null)):null;return e||n?o.default.createElement(m,{"data-component-name":"CodeBlock/CodeBlockControls",className:t},e||I):null};const m=a.default.div`
+`},4939:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CodeBlockControls=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(1424),l=r(5001),s=r(4554),c=r(3907),u=r(7859),d=r(9125),p=r(5854),f=r(2159),h=r(1664);t.CodeBlockControls=function({children:e,className:t,title:r,controls:n,tabs:a}){var h,k,x,_,C;const{codeSnippet:S}=(0,l.useThemeConfig)(),{useTelemetry:E}=(0,l.useThemeHooks)(),O=E(),j=(null==S?void 0:S.elementFormat)||"icon",{copy:P,expand:M,collapse:L,select:D,deselect:T,report:A}=n||{copy:null,expand:null,collapse:null,select:null,deselect:null,report:null},I=n?o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(g,null,r),a&&o.default.createElement((()=>o.default.createElement(v,null,null==a?void 0:a.files.map((({name:e})=>{const t=e===a.activeTabName;return o.default.createElement(y,{active:t,key:e,onClick:()=>{a.handleTabSwitch(e)}},o.default.createElement(p.DocumentBlankIcon,null),e)})))),null),o.default.createElement(b,null,A&&!(null===(h=null==A?void 0:A.props)||void 0===h?void 0:h.hide)?o.default.createElement(w,Object.assign({variant:"ghost",size:"small","data-cy":"report-button","data-testid":"report-button",icon:"icon"===j?o.default.createElement(f.WarningSquareIcon,{size:"18px"}):void 0},A.props),"icon"!=j&&((null===(k=A.props)||void 0===k?void 0:k.buttonText)||"Report")):null,M&&!(null===(x=null==S?void 0:S.expand)||void 0===x?void 0:x.hide)?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"expand-all","data-testid":"expand-all",icon:"icon"===j?o.default.createElement(c.MaximizeIcon,null):void 0,onClick:null==M?void 0:M.onClick},"icon"!==j&&((null==M?void 0:M.label)||"Expand all")):null,L&&!(null===(_=null==S?void 0:S.collapse)||void 0===_?void 0:_.hide)?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"collapse-all","data-testid":"collapse-all",icon:"icon"===j?o.default.createElement(u.MinimizeIcon,null):void 0,onClick:null==L?void 0:L.onClick},"icon"!==j&&((null==M?void 0:M.label)||"Collapse all")):null,D?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"select-all","data-testid":"select-all",icon:"icon"===j?o.default.createElement(d.SelectIcon,null):void 0,onClick:null==D?void 0:D.onClick},"icon"!==j&&(null==D?void 0:D.label)?D.label:"Select all"):null,T?o.default.createElement(w,{variant:"ghost",size:"small","data-cy":"clear-all","data-testid":"clear-all",icon:"icon"===j?o.default.createElement(s.DeselectIcon,null):void 0,onClick:null==T?void 0:T.onClick},"icon"!==j&&(null==T?void 0:T.label)?T.label:"Clear all"):null,P&&!(null===(C=null==S?void 0:S.copy)||void 0===C?void 0:C.hide)?o.default.createElement(i.CopyButton,{data:P.data,"data-source":P.dataSource,"data-hash":P.dataHash,type:j,toasterPlacement:P.toasterPlacement,toasterDuration:P.toasterDuration,buttonText:P.label,onCopyClick:()=>{null==P||P.onClick,O.send("code_snippet_copied",{})}}):null)):null;return e||n?o.default.createElement(m,{"data-component-name":"CodeBlock/CodeBlockControls",className:t},e||I):null};const m=a.default.div`
   display: flex;
   justify-content: end;
   background-color: var(--code-block-controls-background-color);
@@ -1107,6 +1107,10 @@
     background: var(--color-primary-bg-hover);
     border: none;
   }
+`,w=(0,a.default)(h.Button)`
+  & + & {
+    margin-left: 0;
+  }
 `},8658:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.code=void 0;const n=r(5404);t.code=n.css`
   /**
     * @tokens Code base styles
@@ -5058,11 +5062,9 @@
   line-height: 0;
 `,s=a.default.a`
   display: inline-block;
-`},8510:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StatusCode=void 0;const o=n(r(5404));t.StatusCode=o.default.button`
-  background: none;
-  padding: 0;
-  display: flex;
-  align-items: center;
+`},8510:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StatusCode=void 0;const o=n(r(5404)),a=r(8732);t.StatusCode=(0,o.default)(a.Button).attrs((()=>({variant:"ghost"})))`
+  gap: 0;
+  border: 0;
     
   &:before {
     display: inline-block;
@@ -5923,6 +5925,13 @@
   --tab-bg-color-filled: var(--color-warm-grey-4); // @presenter Color
   --tab-content-color-disabled: var(--color-warm-grey-4); // @presenter Color
 
+  /**
+  * @tokens Dropdown Colors
+  * @presenter Color
+  */
+
+  --dropdown-content-color-default: var(--color-warm-grey-8); // @presenter Color
+
   /**
   * @tokens API Reference Schema Required styles
   */
@@ -7158,6 +7167,7 @@
     fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
   }
 
+  flex-shrink: 0;
   height: ${({size:e})=>e||"16px"};
   width: ${({size:e})=>e||"16px"};
 `},8624:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ChevronLeftIcon=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(796);t.ChevronLeftIcon=(0,a.default)((e=>o.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.default.createElement("path",{d:"M5 8L10 3L10.7 3.7L6.4 8L10.7 12.3L10 13L5 8Z"})))).attrs((()=>({"data-component-name":"icons/ChevronLeftIcon/ChevronLeftIcon"})))`
@@ -7185,6 +7195,7 @@
     fill: ${({color:e})=>(0,i.getCssColorVariable)(e)};
   }
 
+  flex-shrink: 0;
   height: ${({size:e})=>e||"16px"};
   width: ${({size:e})=>e||"16px"};
 `},3280:function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CircleDashIcon=void 0;const o=n(r(2983)),a=n(r(5404)),i=r(796);t.CircleDashIcon=(0,a.default)((e=>o.default.createElement("svg",Object.assign({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.default.createElement("path",{d:"M3.84997 2.35009C3.27647 2.79018 2.77103 3.31247 2.34997 3.90009L3.14997 4.50009C3.5172 3.99081 3.9549 3.53627 4.44997 3.15009L3.84997 2.35009Z"}),o.default.createElement("path",{d:"M2.29997 6.15009L1.34997 5.85009C1.10845 6.54077 0.98999 7.26847 0.999972 8.00009H1.99997C1.99794 7.37116 2.09929 6.74616 2.29997 6.15009Z"}),o.default.createElement("path",{d:"M1.34997 10.2001C1.58185 10.8973 1.91909 11.5549 2.34997 12.1501L3.14997 11.5501C2.78851 11.044 2.50221 10.4882 2.29997 9.90009L1.34997 10.2001Z"}),o.default.createElement("path",{d:"M3.89997 13.6501C4.49514 14.081 5.15275 14.4182 5.84997 14.6501L6.14997 13.7001C5.56184 13.4979 5.00608 13.2116 4.49997 12.8501L3.89997 13.6501Z"}),o.default.createElement("path",{d:"M5.84997 1.35009L6.14997 2.30009C6.74604 2.09942 7.37103 1.99806 7.99997 2.00009V1.00009C7.26835 0.990112 6.54065 1.10858 5.84997 1.35009Z"}),o.default.createElement("path",{d:"M12.1 13.6501C12.6889 13.2111 13.211 12.689 13.65 12.1001L12.85 11.5001C12.4781 12.022 12.0219 12.4783 11.5 12.8501L12.1 13.6501Z"}),o.default.createElement("path",{d:"M13.7 9.85009L14.65 10.1501C14.8675 9.45352 14.9853 8.72968 15 8.00009H14C14.002 8.62903 13.9007 9.25403 13.7 9.85009Z"}),o.default.createElement("path",{d:"M14.6 5.80009C14.3681 5.10288 14.0309 4.44526 13.6 3.85009L12.8 4.45009C13.1614 4.9562 13.4477 5.51196 13.65 6.10009L14.6 5.80009Z"}),o.default.createElement("path",{d:"M12.05 2.30009C11.4548 1.86921 10.7972 1.53197 10.1 1.30009L9.79997 2.25009C10.3881 2.45233 10.9439 2.73863 11.45 3.10009L12.05 2.30009Z"}),o.default.createElement("path",{d:"M10.15 14.6501L9.84997 13.7001C9.25391 13.9008 8.62891 14.0021 7.99997 14.0001V15.0001C8.72667 14.9568 9.44706 14.8395 10.15 14.6501Z"})))).attrs((()=>({"data-component-name":"icons/CircleDashIcon/CircleDashIcon"})))`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "0.0.0-beta-20240223133421",
+  "version": "0.0.0-beta-20240226163902",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -16,7 +16,7 @@
     "openapi-docs": "bin.js"
   },
   "peerDependencies": {
-    "@redocly/theme": "0.0.0-beta-20240223133421",
+    "@redocly/theme": "0.0.0-beta-20240226163902",
     "core-js": "^3.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -48,7 +48,7 @@
     "url-template": "^2.0.8",
     "util": "~0.12.5",
     "js-yaml": "4.1.0",
-    "@redocly/replay": "0.0.0-beta-20240223133421"
+    "@redocly/replay": "0.0.0-beta-20240226163902"
   },
   "devDependencies": {
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
@@ -100,7 +100,7 @@
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1",
     "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
-    "@redocly/theme": "0.0.0-beta-20240223133421"
+    "@redocly/theme": "0.0.0-beta-20240226163902"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",