@redocly/openapi-docs 3.0.0 → 3.0.2

package/lib-esm/components/common/Skeleton/Skeleton.d.ts

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export declare function Skeleton(): JSX.Element;
+import type { ReactElement } from 'react';
+export declare const SkeletonBox: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;
+export declare function Skeleton(): ReactElement;

package/lib-esm/components/common/Skeleton/Skeleton.js

@@ -1,14 +1,16 @@
-import React from"react";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled,{keyframes}from"styled-components";import{H2}from"@redocly/theme";import{Section,SamplesMiddlePanel}from"../panels";const shimmer=keyframes`
   100% {
       transform: translateX(100%);
   }
-`,SkeletonBox=styled.div`
+`;export const SkeletonBox=styled.div`
   display: inline-block;
   height: 1em;
   position: relative;
   overflow: hidden;
-  background-color: #eeeeee;
-  border-radius: var(--global-border-radius);
+  background-color: var(--bg-color-raised);
+  border-radius: var(--border-radius);
+  margin-top: var(--spacing-base);
+  width: ${({width:e})=>e||"100%"};
 
   &::after {
     position: absolute;
@@ -27,5 +29,5 @@ import React from"react";import styled,{keyframes}from"styled-components";import
     animation: ${shimmer} 2s infinite;
     content: '';
   }
-`;export function Skeleton(){return React.createElement(Section,null,React.createElement(SamplesMiddlePanel,null,React.createElement(H2,null,React.createElement(SkeletonBox,{style:{width:"40%"}})),React.createElement(SkeletonBox,{style:{width:"80%"}}),React.createElement(SkeletonBox,{style:{width:"90%"}}),React.createElement(SkeletonBox,{style:{width:"83%"}}),React.createElement(SkeletonBox,{style:{width:"80%"}})))}
+`;export function Skeleton(){return _jsx(Section,{children:_jsxs(SamplesMiddlePanel,{children:[_jsx(H2,{children:_jsx(SkeletonBox,{width:"40%"})}),_jsx(SkeletonBox,{width:"80%"}),_jsx(SkeletonBox,{width:"90%"}),_jsx(SkeletonBox,{width:"83%"}),_jsx(SkeletonBox,{width:"80%"})]})})}
 //# sourceMappingURL=Skeleton.js.map

package/lib-esm/components/common/headers.d.ts

@@ -1,2 +1 @@
-export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

package/lib-esm/components/common/headers.js

@@ -1,9 +1,5 @@
-import styled from"styled-components";import{typography}from"../../utils";export const SamplesPanelHeader=styled.h3`
-  color: var(--panel-samples-text-color);
-
-  ${typography("right-panel-header")};
-`;export const FieldsGroupHeader=styled.h5`
-  color: var(--text-secondary);
+import styled from"styled-components";export const FieldsGroupHeader=styled.h5`
+  color: var(--text-color-secondary);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;

package/lib-esm/components/common/index.d.ts

@@ -1,14 +1,12 @@
-export { Dropdown, SchemaDiscriminatorDropdown } from './Dropdown';
-export type { DropdownProps, DropdownOption } from './Dropdown';
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';
 export { ShareLinkToField } from './LinkToField';
 export { deprecatedCss } from './mixins';
-export { FormControl } from './form';
+export { Container, HttpVerb, MimeLabel } from './styled';
+export { CodeBlockPanel } from './CodeBlockPanel';
 export * from './Fields';
 export * from './panels';
-export { FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { FieldsGroupHeader } from './headers';
 export { ShareLink, Link } from './linkify';
-export * from './shelfs';
 export * from './schema';
-export * from './perfect-scrollbar';
-export { Portal } from './Portal';
 export { Skeleton } from './Skeleton';

package/lib-esm/components/common/index.js

@@ -1,2 +1,2 @@
-export{Dropdown,SchemaDiscriminatorDropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";export{Portal}from"./Portal";export{Skeleton}from"./Skeleton";
+export{Select}from"./Select";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{Container,HttpVerb,MimeLabel}from"./styled";export{CodeBlockPanel}from"./CodeBlockPanel";export*from"./Fields";export*from"./panels";export{FieldsGroupHeader}from"./headers";export{ShareLink,Link}from"./linkify";export*from"./schema";export{Skeleton}from"./Skeleton";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/common/linkify.d.ts

@@ -1,9 +1,10 @@
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 export declare function Link(props: PropsWithChildren<{
     to: string;
     className?: string;
     security?: boolean;
     id?: string;
-}>): JSX.Element | null;
+    'aria-label'?: string;
+}>): ReactElement | null;
 export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
-export declare function ShareLink(props: any): JSX.Element;
+export declare function ShareLink(props: any): ReactElement;

package/lib-esm/components/common/linkify.js

@@ -1,10 +1,19 @@
-import React from"react";import styled from"styled-components";import{useRecoilValue}from"@redocly/recoil";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsSelector}from"../../recoil/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:i}=useRecoilValue(globalOptionsSelector),n=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,l=i&&{onClick:e=>{e.preventDefault(),i(o+n)}};return n?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:o+n},l),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{useAtomValue}from"jotai";import{Link as LinkRouter}from"react-router-dom";import{LinkIcon}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";export function Link(i){var o;const{routingBasePath:e,unstable_hooks:t,onDeepLinkClick:n}=useAtomValue(globalOptionsAtom),r=i.security?null===(o=null==t?void 0:t.replaceSecurityLink)||void 0===o?void 0:o.call(t,{securityRequirementId:i.to}):i.to,a=n&&{onClick:i=>{i.preventDefault(),n(e+r)}};return r?_jsx(LinkRouter,Object.assign({"aria-label":i["aria-label"]||`link to ${r}`,id:decodeURIComponent(i.id||""),className:i.className||"",to:(null==r?void 0:r.startsWith("#"))?r:e+r},a,{children:i.children})):i.children?_jsxs("span",{"aria-label":i["aria-label"]||`link to ${r}`,className:i.className,children:[" ",i.children," "]}):null}export const StyledShareLink=styled(Link)`
   position: absolute;
-  transform: translateX(-100%);
+  top: 50%;
+  left: 0;
+  transform: translate(-100%, -50%);
   padding-right: var(--heading-anchor-offset-right);
+  z-index: 1;
 
-  :hover ${AnchorIcon} {
+  ${LinkIcon} {
+    opacity: 0;
+    transition: visibility 0.3s linear, opacity 0.3s linear;
+  }
+
+  :hover ${LinkIcon}, :focus ${LinkIcon} {
     visibility: visible;
+    opacity: 1;
   }
-`;export function ShareLink(e){return React.createElement(StyledShareLink,Object.assign({},e),React.createElement(AnchorIcon,null))}
+`;export function ShareLink(i){return _jsx(StyledShareLink,Object.assign({},i,{children:_jsx(LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}
 //# sourceMappingURL=linkify.js.map

package/lib-esm/components/common/panels.d.ts

@@ -2,12 +2,16 @@ import { LayoutVariant } from '@redocly/theme';
 export declare const SamplesMiddlePanel: import("styled-components").StyledComponent<"div", any, {
     compact?: boolean | undefined;
     isStacked?: boolean | undefined;
+    fullWidth?: boolean | undefined;
 }, never>;
 export declare const Section: import("styled-components").StyledComponent<"div", any, {
     underlined?: boolean | undefined;
     sectionId?: string | undefined;
+    expanded?: boolean | undefined;
+}, never>;
+export declare const SamplesPanel: import("styled-components").StyledComponent<"div", any, {
+    isStacked: boolean;
 }, never>;
-export declare const SamplesPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Row: import("styled-components").StyledComponent<"div", any, {
     layout?: LayoutVariant | undefined;
 }, never>;

package/lib-esm/components/common/panels.js

@@ -1,42 +1,65 @@
-import{H2,LayoutVariant}from"@redocly/theme";import styled,{css}from"styled-components";import{SECTION_ATTR}from"../../constants";export const SamplesMiddlePanel=styled.div`
-  ${({compact:a,isStacked:t,theme:e})=>{const i=a?0:"var(--spacing-vertical)";return css`
+import{H2,LayoutVariant,breakpoints,Markdown}from"@redocly/theme";import styled,{css}from"styled-components";import{SECTION_ATTR}from"../../constants";export const SamplesMiddlePanel=styled.div`
+  ${({compact:a,isStacked:i,fullWidth:t})=>{const o=a?0:"var(--spacing-vertical)";return css`
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      padding: ${o} var(--panel-gap-horizontal);
+
       &:empty {
         display: none;
       }
-      width: 100%;
-      padding: ${i} var(--panel-gap-horizontal);
 
-      ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-        width: calc(100% - var(--panel-samples-width));
-        padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+      @media screen and (min-width: ${breakpoints.large}) {
+        width: ${t?"100%":"calc(100% - var(--panel-samples-width))"};
+        padding-left: ${i?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
+        padding-right: ${i?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
         padding-top: 0;
-        padding-bottom: ${t?"var(--spacing-vertical)":0};
+        padding-bottom: ${i?"var(--spacing-vertical)":0};
       }
 
-      ${e.mediaQueries.print} {
+      @media print {
         width: 100%;
-        padding-top: ${i};
-        padding-bottom: ${i};
+        padding-top: ${o};
+        padding-bottom: ${o};
       }
-    `}}
+    `}};
+  & & {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  &:last-child > ${Markdown} :last-child,
+  ${Markdown} article :last-child {
+    margin-bottom: 0;
+  }
 `;export const Section=styled.div.attrs((a=>({[SECTION_ATTR]:a.sectionId,id:a.id})))`
   z-index: 0;
   padding: 0;
   width: 100%;
 
+  ${({expanded:a})=>a&&css`
+      background-color: var(--layer-color);
+      border-bottom: 1px solid var(--border-color-secondary);
+      --code-block-bg-color: var(--bg-color);
+      --code-block-controls-bg-color: var(--bg-color);
+    `}
+
   & > &:last-child {
     min-height: initial;
   }
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      padding-top: var(--spacing-vertical);
-      padding-bottom: var(--spacing-vertical);
-    }
-
-    ${a.mediaQueries.print} {
-      padding: 0;
-    }
-  `}
+
+  @media screen and (min-width: ${breakpoints.medium}) {
+    padding-top: var(--spacing-xs);
+
+    ${({expanded:a})=>!a&&css`
+        padding-bottom: var(--spacing-xs);
+      `}
+  }
+
+  @media print {
+    padding: 0;
+  }
+
   ${({underlined:a})=>a&&css`
       position: relative;
 
@@ -46,7 +69,7 @@ import{H2,LayoutVariant}from"@redocly/theme";import styled,{css}from"styled-comp
         width: 100%;
         display: block;
         content: '';
-        border-bottom: 1px solid var(--border-primary);
+        border-bottom: 1px solid var(--border-color-primary);
       }
     `}
   ${H2} {
@@ -62,26 +85,26 @@ import{H2,LayoutVariant}from"@redocly/theme";import styled,{css}from"styled-comp
   padding-right: var(--panel-gap-horizontal);
 
   position: sticky;
+  z-index: var(--panel-z-index);
   top: calc(var(--navbar-height) + var(--panel-gap-vertical));
 
   &:empty {
     display: none;
   }
 
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      width: var(--panel-samples-width);
-      padding-top: 0;
-      padding-bottom: 0;
-      padding-left: var(--panel-gap-vertical, var(--panel-gap-horizontal));
-    }
+  @media screen and (min-width: ${breakpoints.large}) {
+    width: var(--panel-samples-width);
+    padding-top: 0;
+    padding-bottom: 0;
+    padding-left: ${({isStacked:a})=>a?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
+    padding-right: ${({isStacked:a})=>a?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
+  }
 
-    ${a.mediaQueries.print} {
-      width: 100%;
-      padding-top: var(--spacing-vertical);
-      padding-bottom: var(--spacing-vertical);
-    }
-  `}
+  @media print {
+    width: 100%;
+    padding-top: var(--spacing-vertical);
+    padding-bottom: var(--spacing-vertical);
+  }
 `;export const Row=styled.div`
   display: flex;
   flex-direction: column;
@@ -89,14 +112,12 @@ import{H2,LayoutVariant}from"@redocly/theme";import styled,{css}from"styled-comp
   width: 100%;
   padding: 0;
 
-  ${({theme:a,layout:t})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      flex-direction: ${t!==LayoutVariant.STACKED?"row":"column"};
-    }
+  @media screen and (min-width: ${breakpoints.large}) {
+    flex-direction: ${({layout:a})=>a!==LayoutVariant.STACKED?"row":"column"};
+  }
 
-    ${a.mediaQueries.print} {
-      flex-direction: column;
-    }
-  `}
+  @media print {
+    flex-direction: column;
+  }
 `;
 //# sourceMappingURL=panels.js.map

package/lib-esm/components/common/schema.d.ts

@@ -1,11 +1,9 @@
+import { Badge } from '@redocly/theme';
 export declare const OneOfButton: import("styled-components").StyledComponent<"button", any, {
     selected: boolean;
     deprecated: boolean;
 }, never>;
 export declare const OneOfList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BadgeStyle: import("styled-components").StyledComponent<"span", any, {
-    deprecated?: boolean | undefined;
-}, never>;
-export declare const ArrayOpeningLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BadgeStyle: import("styled-components").StyledComponent<typeof Badge, any, {}, never>;
+export declare const SelectionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/common/schema.js

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{deprecatedCss}from"./mixins";import{Badge}from"./shelfs";export const OneOfButton=styled.button`
+import styled,{css}from"styled-components";import{Badge}from"@redocly/theme";import{deprecatedCss}from"./mixins";export const OneOfButton=styled.button`
   border: 1px solid var(--schema-buttons-border-color);
   height: 24px;
   border-radius: var(--border-radius);
@@ -9,28 +9,28 @@ import styled,{css}from"styled-components";import{deprecatedCss}from"./mixins";i
   font-size: var(--schema-buttons-font-size);
   line-height: 1em;
   color: var(--schema-buttons-text-color);
-  background-color: var(--schema-buttons-background-color);
+  background-color: var(--schema-buttons-bg-color);
   padding: 0 10px;
   min-width: 90px;
   transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
 
   &:hover {
-    background-color: var(--schema-buttons-hover-background-color);
+    background-color: var(--schema-buttons-bg-color-hover);
   }
 
   &:active {
-    background-color: var(--schema-buttons-active-background-color);
+    background-color: var(--schema-buttons-bg-color-active);
   }
 
   ${({deprecated:o})=>o&&deprecatedCss};
 
   ${({selected:o})=>o&&css`
       border-color: var(--schema-buttons-selected-border-color);
-      background-color: var(--schema-buttons-selected-background-color);
+      background-color: var(--schema-buttons-selected-bg-color);
       color: var(--schema-buttons-selected-text-color);
 
       &:hover {
-        background-color: var(--schema-buttons-selected-hover-background-color);
+        background-color: var(--schema-buttons-selected-bg-color-hover);
       }
       &:active {
         background-color: var(--schema-buttons-active-hover-background-color);
@@ -50,19 +50,25 @@ import styled,{css}from"styled-components";import{deprecatedCss}from"./mixins";i
   margin-bottom: 1em;
 `;export const BadgeStyle=styled(Badge)`
   margin-left: 0;
-`;export const ArrayOpeningLabel=styled.div`
-  font-size: 0.9em;
-
-  font-family: var(--code-font-family);
-  &::after {
-    content: ' [';
-  }
-`;export const ArrayClosingLabel=styled.div`
-  font-size: 0.9em;
-  font-family: var(--code-font-family);
-
-  &::after {
-    content: ']';
+`;export const SelectionTitle=styled.div`
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-content-color);
+  padding: 0 var(--spacing-xs);
+  border: 1px solid var(--border-color-secondary);
+  border-radius: var(--border-radius);
+  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+  position: relative;
+  width: fit-content;
+  &:before {
+    content: ' ';
+    width: 1px;
+    height: var(--spacing-xs);
+    background: var(--border-color-secondary);
+    display: block;
+    position: absolute;
+    bottom: calc(-1 * var(--spacing-xs));
+    left: var(--spacing-xs);
   }
 `;
 //# sourceMappingURL=schema.js.map

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

@@ -0,0 +1,4 @@
+import { Tag } from '@redocly/theme';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HttpVerb: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
+export declare const MimeLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,27 @@
+import styled from"styled-components";import{Tag}from"@redocly/theme";export const Container=styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: var(--spacing-unit) var(--spacing-md) var(--spacing-sm);
+`;export const HttpVerb=styled(Tag)`
+  text-transform: uppercase;
+  background-color: unset;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  align-self: flex-end;
+`;export const MimeLabel=styled.div`
+  background-color: var(--panel-samples-dropdown-bg-color);
+  color: var(--panel-samples-text-color);
+  font-family: inherit;
+  margin-bottom: 0;
+  height: 36px;
+  padding: var(--docs-dropdown-padding);
+  font-size: var(--docs-dropdown-font-size);
+  border: var(--panel-samples-dropdown-border);
+  border-radius: var(--border-radius-md);
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/index.d.ts

@@ -1,32 +1,23 @@
-export * from './NextSectionButton';
 export * from './RedoclyOpenAPIDocs';
 export * from './pluggable';
-export * from './rightPanel/Console';
-export { BackgroundStub, ApiContentWrap, BackgroundStubFix } from './RedoclyOpenAPIDocs/styled';
-export { MiddlePanelWrapper } from './Panel/MiddlePanelWrapper';
 export * from './common';
 export * from './ApiInfo';
 export { SectionItem } from './SectionItem';
 export { ContentItem } from './ContentItem';
 export { ContentItems } from './ContentItems';
-export { DiscriminatorDropdown } from './DiscriminatorDropdown';
+export { Discriminator } from './Discriminator';
 export * from './Schema/';
 export { OperationItem } from './OperationItem';
 export type { OperationItemProps } from './OperationItem';
-export * from './Loading/Loading';
 export * from './Markdown';
-export { OAuthFlow } from './SecuritySchemes/OAuthFlow';
 export * from './Responses';
 export * from './ResponseSamples/ResponseSamples';
-export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
+export { PayloadSamples, ExampleValue, Example, SelectWrapper } from './PayloadSamples';
 export * from './MediaTypeSwitch';
-export * from './Parameters';
-export * from './DropdownOrLabel';
+export * from './RequestParameters';
+export * from './SelectOrLabel';
 export * from './ErrorBoundary';
 export * from './SideMenu/';
 export * from './StickySidebar/StickyResponsiveSidebar';
 export * from './SchemaDefinition/SchemaDefinition';
-export * from './SourceCodeWithFile/SourceCodeWithFile';
 export * from './RequestSamples/RequestSamples';
-export { ShelfIcon, LockIcon, CrossIcon } from './icons';
-export type { IconProps } from './icons';

package/lib-esm/components/index.js

@@ -1,2 +1,2 @@
-export*from"./NextSectionButton";export*from"./RedoclyOpenAPIDocs";export*from"./pluggable";export*from"./rightPanel/Console";export{BackgroundStub,ApiContentWrap,BackgroundStubFix}from"./RedoclyOpenAPIDocs/styled";export{MiddlePanelWrapper}from"./Panel/MiddlePanelWrapper";export*from"./common";export*from"./ApiInfo";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{OperationItem}from"./OperationItem";export*from"./Loading/Loading";export*from"./Markdown";export{OAuthFlow}from"./SecuritySchemes/OAuthFlow";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
+export*from"./RedoclyOpenAPIDocs";export*from"./pluggable";export*from"./common";export*from"./ApiInfo";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{Discriminator}from"./Discriminator";export*from"./Schema/";export{OperationItem}from"./OperationItem";export*from"./Markdown";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,SelectWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./RequestParameters";export*from"./SelectOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./RequestSamples/RequestSamples";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { OpenAPIEncoding } from '../../types';
 interface RedocExampleProps {
     pointer: string;
@@ -7,5 +7,5 @@ interface RedocExampleProps {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => JSX.Element;
+export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => ReactElement;
 export {};

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../../recoil/app";export const RedocExample=({pointer:e,mimeType:o,encoding:r})=>{const{parser:l}=useRecoilValue(globalStoreSelector),m=useRecoilValue(layoutSelector),t=getExamples({parser:l,infoOrRef:{$ref:e},mime:o,encoding:r});return React.createElement(Row,{layout:m},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:t,mimeType:o})))};
+import{jsx as _jsx}from"react/jsx-runtime";import{useAtomValue}from"jotai";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalParserAtom}from"../../jotai/store";import{layoutAtom}from"../../jotai/app";export const RedocExample=({pointer:o,mimeType:m,encoding:e})=>{const r=useAtomValue(globalParserAtom),t=useAtomValue(layoutAtom),a=getExamples({parser:r,infoOrRef:{$ref:o},mime:m,encoding:e});return _jsx(Row,{layout:t,children:_jsx(ExamplesWrap,{children:_jsx(Example,{example:a,mimeType:m})})})};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { OpenAPISchema } from '../../types';
 interface RedocSchemaProps {
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => JSX.Element;
+export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => ReactElement;
 export {};

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"@redocly/recoil";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreSelector}from"../../recoil/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:r,parser:t}=useRecoilValue(globalStoreSelector),c=getSchema({parser:t,schemaOrRef:o||{$ref:e},pointer:e||"",options:r,deps:{operation:{pointer:"RedocSchema"}}});return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:c})))};
+import{jsx as _jsx}from"react/jsx-runtime";import{useAtomValue}from"jotai";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreAtom}from"../../jotai/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:r,parser:t}=useAtomValue(globalStoreAtom),m=getSchema({parser:t,schemaOrRef:o||{$ref:e},pointer:e||"",options:r,deps:{operation:{pointer:"RedocSchema"}}});return _jsx(Row,{children:_jsx(FullWidthPanel,{children:_jsx(Schema,{schema:m,level:1,disableDeepLinks:!0})})})};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/pluggable/index.d.ts

@@ -1,5 +1,2 @@
-export { PullRight } from './PullRight';
-export { RedocResponse } from './RedocResponse';
 export { RedocSchema } from './RedocSchema';
 export { RedocExample } from './RedocExample';
-export { RedocRequestBody } from './RedocRequestBody';

package/lib-esm/components/pluggable/index.js

@@ -1,2 +1,2 @@
-export{PullRight}from"./PullRight";export{RedocResponse}from"./RedocResponse";export{RedocSchema}from"./RedocSchema";export{RedocExample}from"./RedocExample";export{RedocRequestBody}from"./RedocRequestBody";
+export{RedocSchema}from"./RedocSchema";export{RedocExample}from"./RedocExample";
 //# sourceMappingURL=index.js.map

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

@@ -3,4 +3,5 @@ export declare const ExamplesWrap: import("styled-components").StyledComponent<"
 export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", any, {
     compact?: boolean | undefined;
     isStacked?: boolean | undefined;
+    fullWidth?: boolean | undefined;
 }, never>;

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

@@ -2,7 +2,7 @@ import styled from"styled-components";import{SamplesMiddlePanel}from"../common/p
   padding: calc(var(--spacing-unit) * 4);
   border-radius: var(--panel-border-radius);
   border: var(--panel-samples-border);
-  background-color: var(--panel-samples-background-color);
+  background-color: var(--panel-samples-bg-color);
 `;export const ExamplesWrap=styled(SamplesWrap)`
   width: 100%;
 `;export const FullWidthPanel=styled(SamplesMiddlePanel)`

package/lib-esm/constants.d.ts

@@ -1,5 +1,3 @@
-import type { RawOptions } from './services';
-export declare const defaultTheme: Required<Pick<RawOptions, 'breakpoints' | 'showAtBreakpoint'>>;
 export declare enum WindowReferenceOptions {
     ON_DEEP_LINK_CLICK = "onDeepLinkClick",
     REQUEST_INTERCEPTOR = "requestInterceptor",
@@ -12,7 +10,6 @@ export declare enum MediaTypes {
     JSON = "application/json",
     XML = "application/xml"
 }
-export declare const DEFAULT_SEARCH_MAX_DEPTH = 1;
 export declare const SECTION_ATTR = "data-section-id";
 export declare const FIELD_ATTR = "data-field-id";
 export declare const GROUP_DEPTH = 0;
@@ -20,3 +17,8 @@ export declare const LEGACY_REGEXP = "^ {0,3}<!-- ReDoc-Inject:\\s+?<({component
 export declare const MDX_COMPONENT_REGEXP: string;
 export declare const COMPONENT_REGEXP: string;
 export declare const DEFAULT_TAG_SLUG = "other";
+export declare const LOADING_STATE: {
+    NOT_LOADED: string;
+    LOADING: string;
+    LOADED: string;
+};

package/lib-esm/constants.js

@@ -1,2 +1,2 @@
-export const defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}};export var WindowReferenceOptions;!function(e){e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions||(WindowReferenceOptions={}));export var MediaTypes;!function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded",e.JSON="application/json",e.XML="application/xml"}(MediaTypes||(MediaTypes={}));export const DEFAULT_SEARCH_MAX_DEPTH=1;export const SECTION_ATTR="data-section-id";export const FIELD_ATTR="data-field-id";export const GROUP_DEPTH=0;export const LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$";export const MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))";export const COMPONENT_REGEXP="(?:"+LEGACY_REGEXP+"|"+MDX_COMPONENT_REGEXP+")";export const DEFAULT_TAG_SLUG="other";
+export var WindowReferenceOptions;!function(o){o.ON_DEEP_LINK_CLICK="onDeepLinkClick",o.REQUEST_INTERCEPTOR="requestInterceptor",o.HOOKS="hooks"}(WindowReferenceOptions||(WindowReferenceOptions={}));export var MediaTypes;!function(o){o.OCTET_STREAM="application/octet-stream",o.MULTIPART="multipart/form-data",o.URL_ENCODED="application/x-www-form-urlencoded",o.JSON="application/json",o.XML="application/xml"}(MediaTypes||(MediaTypes={}));export const SECTION_ATTR="data-section-id";export const FIELD_ATTR="data-field-id";export const GROUP_DEPTH=0;export const LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$";export const MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))";export const COMPONENT_REGEXP="(?:"+LEGACY_REGEXP+"|"+MDX_COMPONENT_REGEXP+")";export const DEFAULT_TAG_SLUG="other";export const LOADING_STATE={NOT_LOADED:"NOT_LOADED",LOADING:"LOADING",LOADED:"LOADED"};
 //# sourceMappingURL=constants.js.map

package/lib-esm/events/codeSampleCopy.js

@@ -1,2 +1,2 @@
-import{getRecoil}from"../recoil/nexus";import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";import{activeMimeNameSelector}from"../recoil/app";import{operationStore}from"../recoil/operation";const codeSampleCopyEvent=createTrackingEvent(AnalyticsEventType.CodeSampleCopied);export const createCodeSampleCopyEvent=({operation:e,type:o,lang:t="",label:a=""})=>{const{activeExampleName:p}=getRecoil(operationStore(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:p||e.activeExampleName,exampleMimeType:getRecoil(activeMimeNameSelector),label:a,lang:t,type:o})};
+import{readAtom}from"../jotai/nexus";import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";import{activeMimeNameAtom}from"../jotai/app";import{operationStore}from"../jotai/operation";const codeSampleCopyEvent=createTrackingEvent(AnalyticsEventType.CodeSampleCopied);export const createCodeSampleCopyEvent=({operation:e,type:o,lang:t="",label:a=""})=>{const{activeExampleName:p}=readAtom(operationStore(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:p,exampleMimeType:readAtom(activeMimeNameAtom),label:a,lang:t,type:o})};
 //# sourceMappingURL=codeSampleCopy.js.map

package/lib-esm/events/index.d.ts

@@ -3,4 +3,3 @@ export { AnalyticsEventType } from './types';
 export { createLanguageSwitchEvent } from './languageSwitch';
 export { createPanelToggleEvent } from './panelToggle';
 export { createCodeSampleCopyEvent } from './codeSampleCopy';
-export { createServerSwitchEvent } from './serverSwitch';

package/lib-esm/events/index.js

@@ -1,2 +1,2 @@
-export{AnalyticsEventType}from"./types";export{createLanguageSwitchEvent}from"./languageSwitch";export{createPanelToggleEvent}from"./panelToggle";export{createCodeSampleCopyEvent}from"./codeSampleCopy";export{createServerSwitchEvent}from"./serverSwitch";
+export{AnalyticsEventType}from"./types";export{createLanguageSwitchEvent}from"./languageSwitch";export{createPanelToggleEvent}from"./panelToggle";export{createCodeSampleCopyEvent}from"./codeSampleCopy";
 //# sourceMappingURL=index.js.map