@redocly/openapi-docs 3.0.0-alpha.55.patch.1 → 3.0.0-alpha.56.patch.0

package/lib/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Panel_1=require("../Panel"),Console_1=require("../rightPanel/Console"),events_1=require("../../events"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),store_1=require("../../recoil/store"),Endpoint=({operation:e,hideHostname:t})=>{const[r,n]=(0,react_1.useState)(!1),a=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),o=()=>{var t,o;const i=!r;n(i),i&&(null===(o=null===(t=a.events)||void 0===t?void 0:t.tryItOpen)||void 0===o||o.call(t,{eventType:events_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:a.unstable_tryItButtonOverride?"NavigatedOverrideLink":"Opened",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}))};return react_1.default.createElement(react_1.default.Fragment,null,r?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Console_1.Console,{operation:e,onClose:o})):react_1.default.createElement(Panel_1.CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:r})=>{const n=!!a.showConsole&&!e.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:e,expanded:r,toggle:t,showConsole:n,onToggleConsole:o,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};exports.Endpoint=Endpoint;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Panel_1=require("../Panel"),Console_1=require("../rightPanel/Console"),events_1=require("../../events"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),store_1=require("../../recoil/store"),Endpoint=({operation:e,hideHostname:t})=>{const[r,n]=(0,react_1.useState)(!1),o=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),a=()=>{var t,a;const i=!r;n(i),null===(a=null===(t=o.events)||void 0===t?void 0:t.tryItToggle)||void 0===a||a.call(t,{eventType:events_1.AnalyticsEventType.tryItToggle,resource:"Redocly_OperationTryIt",action:o.unstable_tryItButtonOverride?"NavigatedOverrideLink":i?"Opened":"Closed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})};return react_1.default.createElement(react_1.default.Fragment,null,r?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Console_1.Console,{operation:e,onClose:a})):react_1.default.createElement(Panel_1.CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:r})=>{const n=!!o.showConsole&&!e.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:e,expanded:r,toggle:t,showConsole:n,onToggleConsole:a,tryItOverride:o.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(o.expandDefaultServerVariables),hideHostname:t||Boolean(o.hideHostname)})))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

package/lib/components/Parameters/BodyContent.d.ts

@@ -3,6 +3,7 @@ import type { MediaContentModel } from '../../models';
 interface BodyContentProps {
     content: MediaContentModel;
     description?: string | GenericObject;
+    required?: boolean;
 }
 export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
 export {};

package/lib/components/Parameters/BodyContent.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),MediaTypeSwitch_1=require("../MediaTypeSwitch"),Markdown_1=require("../Markdown"),Fields_1=require("../Fields"),Schema_1=require("../Schema"),DropdownWithinHeader_1=require("./DropdownWithinHeader");function BodyContentComponent({content:e,description:t}){const{isRequestType:r}=e;return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader_1.DropdownWithinHeader},(({schema:e,examples:n,operation:o})=>react_1.default.createElement(react_1.default.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&react_1.default.createElement(Description,null,void 0!==t&&react_1.default.createElement(Markdown_1.Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&react_1.default.createElement(Fields_1.ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:r,skipWriteOnly:!r,key:"schema",schema:e,examples:n,operation:o}))))}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const Description=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),MediaTypeSwitch_1=require("../MediaTypeSwitch"),Markdown_1=require("../Markdown"),Fields_1=require("../Fields"),Schema_1=require("../Schema"),DropdownWithinHeader_1=require("./DropdownWithinHeader");function BodyContentComponent({content:e,description:t,required:r}){const{isRequestType:n}=e;return react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:e=>react_1.default.createElement(DropdownWithinHeader_1.DropdownWithinHeader,Object.assign({required:r},e))},(({schema:e,examples:r,operation:i})=>react_1.default.createElement(react_1.default.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&react_1.default.createElement(Description,null,void 0!==t&&react_1.default.createElement(Markdown_1.Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&react_1.default.createElement(Fields_1.ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipReadOnly:n,skipWriteOnly:!n,key:"schema",schema:e,examples:r,operation:i}))))}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const Description=styled_components_1.default.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
 `;
 //# sourceMappingURL=BodyContent.js.map

package/lib/components/Parameters/DropdownWithinHeader.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="react" />
-export declare function DropdownWithinHeader(props: any): JSX.Element;
+import type { DropdownOrLabelProps } from '../DropdownOrLabel/DropdownOrLabel';
+export declare function DropdownWithinHeader({ required, ...props }: DropdownOrLabelProps & {
+    required?: boolean;
+}): JSX.Element;

package/lib/components/Parameters/DropdownWithinHeader.js

@@ -1,2 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWithinHeader=void 0;const react_1=__importDefault(require("react")),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel"),Dropdown_1=require("../common/Dropdown");function DropdownWithinHeader(e){return react_1.default.createElement(common_1.FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{Dropdown:Dropdown_1.SchemaMimeTypeDropdown})))}exports.DropdownWithinHeader=DropdownWithinHeader;
+"use strict";var __rest=this&&this.__rest||function(e,o){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(t[r[n]]=e[r[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWithinHeader=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel"),Dropdown_1=require("../common/Dropdown");function DropdownWithinHeader(e){var{required:o}=e,t=__rest(e,["required"]);const r="boolean"==typeof o&&!!o,n="boolean"==typeof o&&!o;return react_1.default.createElement(common_1.FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},t,{Dropdown:Dropdown_1.SchemaMimeTypeDropdown})),r&&react_1.default.createElement(RequiredBody,null,"required"),n&&react_1.default.createElement(OptionalBody,null,"optional"))}exports.DropdownWithinHeader=DropdownWithinHeader;const commonStyles="\n  text-transform: lowercase;\n  font-size: var(--schema-labels-font-size);\n  font-family: var(--font-family-monospaced);\n  font-weight: var(--font-weight-regular);\n",RequiredBody=(0,styled_components_1.default)(common_1.RequiredLabel)`
+  ${commonStyles}
+`,OptionalBody=(0,styled_components_1.default)("div")`
+  ${commonStyles}
+  color: var(--text-color-secondary);
+`;
 //# sourceMappingURL=DropdownWithinHeader.js.map

package/lib/components/Parameters/Parameters.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Parameters=void 0;const react_1=__importDefault(require("react")),BodyContent_1=require("./BodyContent"),ParametersGroup_1=require("./ParametersGroup"),PARAM_PLACES=["path","query","cookie","header"];function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),a=t.length>0?PARAM_PLACES:[],o=e&&e.content,n=e&&e.description;return react_1.default.createElement(react_1.default.Fragment,null,a.map((e=>react_1.default.createElement(ParametersGroup_1.ParametersGroup,{key:e,place:e,parameters:r[e]}))),o&&react_1.default.createElement(BodyContent_1.BodyContent,{content:o,description:n}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}exports.Parameters=Parameters;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Parameters=void 0;const react_1=__importDefault(require("react")),BodyContent_1=require("./BodyContent"),ParametersGroup_1=require("./ParametersGroup"),PARAM_PLACES=["path","query","cookie","header"];function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),a=t.length>0?PARAM_PLACES:[],{content:o,description:n,required:u}=e||{};return react_1.default.createElement(react_1.default.Fragment,null,a.map((e=>react_1.default.createElement(ParametersGroup_1.ParametersGroup,{key:e,place:e,parameters:r[e]}))),o&&react_1.default.createElement(BodyContent_1.BodyContent,{content:o,description:n,required:u}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}exports.Parameters=Parameters;
 //# sourceMappingURL=Parameters.js.map

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -70,7 +70,7 @@
     (
         100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
           var(--sidebar-width) + var(--layout-controls-width)
-      ) / 2 + 2px /* 2px to account for rounding errors */
+      ) / 2 - 4px /* -4px fix overlap for panels */
   );
 `;exports.BackgroundStubFix=styled_components_1.default.div`
   position: absolute;

package/lib/components/common/Dropdown/styled.js

@@ -23,8 +23,7 @@
     min-width: 90px;
     height: 36px;
     outline: none;
-    display: flex;
-    align-items: center;
+    display: inline-block;
     color: var(--docs-dropdown-text-color);
     border-radius: var(--border-radius-md);
     padding: var(--docs-dropdown-padding);
@@ -60,7 +59,7 @@
 
     color: var(--text-secondary);
     line-height: inherit;
-    font-size: 14px;
+    font-size: var(--font-size-base);
     font-family: inherit;
     padding: var(--docs-dropdown-padding);
     ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
@@ -73,8 +72,8 @@
   label {
     padding: 0 26px 0 4px;
     background: transparent;
-    font-size: 14px;
-    font-weight: 400;
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-regular);
     appearance: none;
     height: auto;
 

package/lib/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),store_1=require("../../recoil/store"),app_1=require("../..//recoil/app"),RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),a=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),l=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),n=(0,models_1.getRequestBody)({parser:r,infoOrRef:{$ref:e},options:o,operation:l}),s=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:a},react_1.default.createElement(s,null,n.content&&react_1.default.createElement(Parameters_1.BodyContent,{content:n.content,description:n.description})),!t&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,n.content&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:n.content})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),store_1=require("../../recoil/store"),app_1=require("../..//recoil/app"),RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:r,parser:o}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),a=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),l=(0,models_1.getOperation)(o,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,r,""),{content:s,description:n,required:c}=(0,models_1.getRequestBody)({parser:o,infoOrRef:{$ref:e},options:r,operation:l})||{},u=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:a},react_1.default.createElement(u,null,s&&react_1.default.createElement(Parameters_1.BodyContent,{content:s,description:n,required:c})),!t&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,s&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:s})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib/components/shared/MimeLabel.js

@@ -1,14 +1,11 @@
 "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MimeLabel=styled_components_1.default.div`
-  display: flex;
-  align-items: center;
   background-color: var(--panel-samples-dropdown-background-color);
   color: var(--panel-samples-text-color);
   font-family: var(--code-font-family);
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: 14px;
-  line-height: 16px;
+  font-size: var(--font-size-base);
   border: var(--panel-samples-dropdown-border);
   border-radius: var(--panel-border-radius);
 `;

package/lib/events/types.d.ts

@@ -24,14 +24,14 @@ export declare enum AnalyticsEventType {
     CodeSampleCopied = "CodeSampleCopied",
     OperationServerExpanded = "OperationServerExpanded",
     PanelToggle = "PanelToggle",
-    TryItOpen = "TryItOpen",
+    tryItToggle = "TryItToggle",
     TryItSent = "TryItSent",
     TargetServerSwitched = "TargetServerSwitched"
 }
 export interface AnalyticsEvent {
     eventType: AnalyticsEventType;
     resource: 'Redocly_CodeSample' | 'Redocly_Operation' | 'Redocly_OperationTryIt';
-    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
+    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'Closed' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
     operationId?: string;
     operationPath: string;
     operationHttpVerb: string;
@@ -49,7 +49,8 @@ export interface CodeSamplesCopiedEvent extends AnalyticsEvent {
     exampleId?: string;
     exampleMimeType?: string;
 }
-type TryItOpenedEvent = AnalyticsEvent;
+type TryItSentEvent = AnalyticsEvent;
+type tryItToggleEvent = AnalyticsEvent;
 export interface PanelToggleEvent extends AnalyticsEvent {
     panelType: 'request' | 'responses' | 'request-samples' | 'response-samples';
     state: 'expanded' | 'collapsed';
@@ -64,8 +65,8 @@ export interface TargetServerSwitchedEvent extends AnalyticsEvent {
 export type Events = {
     codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;
     codeSamplesCopy?: (event: CodeSamplesCopiedEvent) => void;
-    tryItOpen?: (event: TryItOpenedEvent) => void;
-    tryItSent?: (event: TryItOpenedEvent) => void;
+    tryItToggle?: (event: tryItToggleEvent) => void;
+    tryItSent?: (event: TryItSentEvent) => void;
     panelToggle?: (event: PanelToggleEvent) => void;
     targetServerSwitch?: (event: TargetServerSwitchedEvent) => void;
 };

package/lib/events/types.js

@@ -1,2 +1,2 @@
-"use strict";var AnalyticsEventType;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnalyticsEventType=void 0,function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType=exports.AnalyticsEventType||(exports.AnalyticsEventType={}));
+"use strict";var AnalyticsEventType;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnalyticsEventType=void 0,function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.tryItToggle="TryItToggle",e.TryItSent="TryItSent",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType=exports.AnalyticsEventType||(exports.AnalyticsEventType={}));
 //# sourceMappingURL=types.js.map

package/lib/models/request.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequestBody=void 0;const utils_1=require("../utils"),mediaContent_1=require("./mediaContent");function getRequestBody({parser:e,infoOrRef:t,options:o,isEvent:i,operation:n}){const{resolved:r}=e.deref(t),s=(0,utils_1.getValueFromMdParsedExtension)(r,"description")||"",u=!!r.required;let d;const a=!i,p=(0,utils_1.getContentWithLegacyExamples)(r);return void 0!==p&&(d=(0,mediaContent_1.getMediaContent)({parser:e,info:p,isRequestType:a,options:o,data:{operation:n,type:"request",absolutePointer:t.$ref||utils_1.JsonPointer.join(n.pointer,["requestBody"])}})),{description:s,required:u,content:d}}exports.getRequestBody=getRequestBody;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequestBody=void 0;const utils_1=require("../utils"),mediaContent_1=require("./mediaContent");function getRequestBody({parser:e,infoOrRef:t,options:o,isEvent:i,operation:n}){const{resolved:r}=e.deref(t),s=(0,utils_1.getValueFromMdParsedExtension)(r,"description")||"",u=r.required;let d;const a=!i,p=(0,utils_1.getContentWithLegacyExamples)(r);return void 0!==p&&(d=(0,mediaContent_1.getMediaContent)({parser:e,info:p,isRequestType:a,options:o,data:{operation:n,type:"request",absolutePointer:t.$ref||utils_1.JsonPointer.join(n.pointer,["requestBody"])}})),{description:s,required:u,content:d}}exports.getRequestBody=getRequestBody;
 //# sourceMappingURL=request.js.map

package/lib/models/types.d.ts

@@ -33,7 +33,7 @@ export interface SecurityScheme {
 }
 export type RequestBodyModel = {
     description: string | GenericObject;
-    required: boolean;
+    required?: boolean;
     content: MediaContentModel | undefined;
 };
 export type ExampleModel = {

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

@@ -1,2 +1,2 @@
-import React,{useState}from"react";import{useRecoilValue}from"recoil";import{CodePanel}from"../Panel";import{Console}from"../rightPanel/Console";import{AnalyticsEventType}from"../../events";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{globalOptionsSelector}from"../../recoil/store";export const Endpoint=({operation:e,hideHostname:t})=>{const[o,r]=useState(!1),a=useRecoilValue(globalOptionsSelector),n=()=>{var t,n;const l=!o;r(l),l&&(null===(n=null===(t=a.events)||void 0===t?void 0:t.tryItOpen)||void 0===n||n.call(t,{eventType:AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:a.unstable_tryItButtonOverride?"NavigatedOverrideLink":"Opened",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}))};return React.createElement(React.Fragment,null,o?React.createElement(React.Fragment,null,React.createElement(Console,{operation:e,onClose:n})):React.createElement(CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:o})=>{const r=!!a.showConsole&&!e.hideTryItPanel;return React.createElement(Summary,{operation:e,expanded:o,toggle:t,showConsole:r,onToggleConsole:n,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},React.createElement(ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};
+import React,{useState}from"react";import{useRecoilValue}from"recoil";import{CodePanel}from"../Panel";import{Console}from"../rightPanel/Console";import{AnalyticsEventType}from"../../events";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{globalOptionsSelector}from"../../recoil/store";export const Endpoint=({operation:e,hideHostname:t})=>{const[o,r]=useState(!1),a=useRecoilValue(globalOptionsSelector),n=()=>{var t,n;const l=!o;r(l),null===(n=null===(t=a.events)||void 0===t?void 0:t.tryItToggle)||void 0===n||n.call(t,{eventType:AnalyticsEventType.tryItToggle,resource:"Redocly_OperationTryIt",action:a.unstable_tryItButtonOverride?"NavigatedOverrideLink":l?"Opened":"Closed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})};return React.createElement(React.Fragment,null,o?React.createElement(React.Fragment,null,React.createElement(Console,{operation:e,onClose:n})):React.createElement(CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:o})=>{const r=!!a.showConsole&&!e.hideTryItPanel;return React.createElement(Summary,{operation:e,expanded:o,toggle:t,showConsole:r,onToggleConsole:n,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},React.createElement(ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};
 //# sourceMappingURL=Endpoint.js.map

package/lib-esm/components/Parameters/BodyContent.d.ts

@@ -3,6 +3,7 @@ import type { MediaContentModel } from '../../models';
 interface BodyContentProps {
     content: MediaContentModel;
     description?: string | GenericObject;
+    required?: boolean;
 }
 export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
 export {};

package/lib-esm/components/Parameters/BodyContent.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";function BodyContentComponent({content:e,description:t}){const{isRequestType:o}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader},(({schema:e,examples:n,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:o,skipWriteOnly:!o,key:"schema",schema:e,examples:n,operation:r}))))}export const BodyContent=memo(BodyContentComponent);const Description=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";function BodyContentComponent({content:e,description:t,required:n}){const{isRequestType:o}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:e=>React.createElement(DropdownWithinHeader,Object.assign({required:n},e))},(({schema:e,examples:n,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:o,skipWriteOnly:!o,key:"schema",schema:e,examples:n,operation:r}))))}export const BodyContent=memo(BodyContentComponent);const Description=styled.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
 `;
 //# sourceMappingURL=BodyContent.js.map

package/lib-esm/components/Parameters/DropdownWithinHeader.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="react" />
-export declare function DropdownWithinHeader(props: any): JSX.Element;
+import type { DropdownOrLabelProps } from '../DropdownOrLabel/DropdownOrLabel';
+export declare function DropdownWithinHeader({ required, ...props }: DropdownOrLabelProps & {
+    required?: boolean;
+}): JSX.Element;

package/lib-esm/components/Parameters/DropdownWithinHeader.js

@@ -1,2 +1,7 @@
-import React from"react";import{FieldsGroupHeader}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{SchemaMimeTypeDropdown}from"../common/Dropdown";export function DropdownWithinHeader(e){return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,Object.assign({},e,{Dropdown:SchemaMimeTypeDropdown})))}
+var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)o.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(r[t[n]]=e[t[n]])}return r};import React from"react";import styled from"styled-components";import{FieldsGroupHeader,RequiredLabel}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{SchemaMimeTypeDropdown}from"../common/Dropdown";export function DropdownWithinHeader(e){var{required:o}=e,r=__rest(e,["required"]);const t="boolean"==typeof o&&!!o,n="boolean"==typeof o&&!o;return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,Object.assign({},r,{Dropdown:SchemaMimeTypeDropdown})),t&&React.createElement(RequiredBody,null,"required"),n&&React.createElement(OptionalBody,null,"optional"))}const commonStyles="\n  text-transform: lowercase;\n  font-size: var(--schema-labels-font-size);\n  font-family: var(--font-family-monospaced);\n  font-weight: var(--font-weight-regular);\n",RequiredBody=styled(RequiredLabel)`
+  ${commonStyles}
+`,OptionalBody=styled("div")`
+  ${commonStyles}
+  color: var(--text-color-secondary);
+`;
 //# sourceMappingURL=DropdownWithinHeader.js.map

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

@@ -1,2 +1,2 @@
-import React from"react";import{BodyContent}from"./BodyContent";import{ParametersGroup}from"./ParametersGroup";const PARAM_PLACES=["path","query","cookie","header"];export function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),o=t.length>0?PARAM_PLACES:[],n=e&&e.content,a=e&&e.description;return React.createElement(React.Fragment,null,o.map((e=>React.createElement(ParametersGroup,{key:e,place:e,parameters:r[e]}))),n&&React.createElement(BodyContent,{content:n,description:a}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}
+import React from"react";import{BodyContent}from"./BodyContent";import{ParametersGroup}from"./ParametersGroup";const PARAM_PLACES=["path","query","cookie","header"];export function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),o=t.length>0?PARAM_PLACES:[],{content:n,description:a,required:c}=e||{};return React.createElement(React.Fragment,null,o.map((e=>React.createElement(ParametersGroup,{key:e,place:e,parameters:r[e]}))),n&&React.createElement(BodyContent,{content:n,description:a,required:c}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}
 //# sourceMappingURL=Parameters.js.map

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

@@ -70,7 +70,7 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
     (
         100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${a})) -
           var(--sidebar-width) + var(--layout-controls-width)
-      ) / 2 + 2px /* 2px to account for rounding errors */
+      ) / 2 - 4px /* -4px fix overlap for panels */
   );
 `;export const BackgroundStubFix=styled.div`
   position: absolute;

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

@@ -23,8 +23,7 @@ import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}
     min-width: 90px;
     height: 36px;
     outline: none;
-    display: flex;
-    align-items: center;
+    display: inline-block;
     color: var(--docs-dropdown-text-color);
     border-radius: var(--border-radius-md);
     padding: var(--docs-dropdown-padding);
@@ -60,7 +59,7 @@ import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}
 
     color: var(--text-secondary);
     line-height: inherit;
-    font-size: 14px;
+    font-size: var(--font-size-base);
     font-family: inherit;
     padding: var(--docs-dropdown-padding);
     ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
@@ -73,8 +72,8 @@ import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}
   label {
     padding: 0 26px 0 4px;
     background: transparent;
-    font-size: 14px;
-    font-weight: 400;
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-regular);
     appearance: none;
     height: auto;
 

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

@@ -1,2 +1,2 @@
-import React from"react";import{useRecoilValue}from"recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useRecoilValue(globalStoreSelector),l=useRecoilValue(layoutSelector),r=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),n=getRequestBody({parser:a,infoOrRef:{$ref:e},options:o,operation:r}),m=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:l},React.createElement(m,null,n.content&&React.createElement(BodyContent,{content:n.content,description:n.description})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n.content&&React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
+import React from"react";import{useRecoilValue}from"recoil";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreSelector}from"../../recoil/store";import{layoutSelector}from"../..//recoil/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=useRecoilValue(globalStoreSelector),a=useRecoilValue(layoutSelector),l=getOperation(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),{content:n,description:m,required:p}=getRequestBody({parser:r,infoOrRef:{$ref:e},options:o,operation:l})||{},c=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:a},React.createElement(c,null,n&&React.createElement(BodyContent,{content:n,description:m,required:p})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,n&&React.createElement(PayloadSamples,{content:n})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/shared/MimeLabel.js

@@ -1,14 +1,11 @@
 import styled from"styled-components";export const MimeLabel=styled.div`
-  display: flex;
-  align-items: center;
   background-color: var(--panel-samples-dropdown-background-color);
   color: var(--panel-samples-text-color);
   font-family: var(--code-font-family);
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: 14px;
-  line-height: 16px;
+  font-size: var(--font-size-base);
   border: var(--panel-samples-dropdown-border);
   border-radius: var(--panel-border-radius);
 `;

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

@@ -24,14 +24,14 @@ export declare enum AnalyticsEventType {
     CodeSampleCopied = "CodeSampleCopied",
     OperationServerExpanded = "OperationServerExpanded",
     PanelToggle = "PanelToggle",
-    TryItOpen = "TryItOpen",
+    tryItToggle = "TryItToggle",
     TryItSent = "TryItSent",
     TargetServerSwitched = "TargetServerSwitched"
 }
 export interface AnalyticsEvent {
     eventType: AnalyticsEventType;
     resource: 'Redocly_CodeSample' | 'Redocly_Operation' | 'Redocly_OperationTryIt';
-    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
+    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'Closed' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
     operationId?: string;
     operationPath: string;
     operationHttpVerb: string;
@@ -49,7 +49,8 @@ export interface CodeSamplesCopiedEvent extends AnalyticsEvent {
     exampleId?: string;
     exampleMimeType?: string;
 }
-type TryItOpenedEvent = AnalyticsEvent;
+type TryItSentEvent = AnalyticsEvent;
+type tryItToggleEvent = AnalyticsEvent;
 export interface PanelToggleEvent extends AnalyticsEvent {
     panelType: 'request' | 'responses' | 'request-samples' | 'response-samples';
     state: 'expanded' | 'collapsed';
@@ -64,8 +65,8 @@ export interface TargetServerSwitchedEvent extends AnalyticsEvent {
 export type Events = {
     codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;
     codeSamplesCopy?: (event: CodeSamplesCopiedEvent) => void;
-    tryItOpen?: (event: TryItOpenedEvent) => void;
-    tryItSent?: (event: TryItOpenedEvent) => void;
+    tryItToggle?: (event: tryItToggleEvent) => void;
+    tryItSent?: (event: TryItSentEvent) => void;
     panelToggle?: (event: PanelToggleEvent) => void;
     targetServerSwitch?: (event: TargetServerSwitchedEvent) => void;
 };

package/lib-esm/events/types.js

@@ -1,2 +1,2 @@
-export var AnalyticsEventType;!function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType||(AnalyticsEventType={}));
+export var AnalyticsEventType;!function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.tryItToggle="TryItToggle",e.TryItSent="TryItSent",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType||(AnalyticsEventType={}));
 //# sourceMappingURL=types.js.map

package/lib-esm/models/request.js

@@ -1,2 +1,2 @@
-import{getContentWithLegacyExamples,getValueFromMdParsedExtension,JsonPointer}from"../utils";import{getMediaContent}from"./mediaContent";export function getRequestBody({parser:e,infoOrRef:t,options:o,isEvent:n,operation:r}){const{resolved:i}=e.deref(t),s=getValueFromMdParsedExtension(i,"description")||"",a=!!i.required;let d;const p=!n,u=getContentWithLegacyExamples(i);return void 0!==u&&(d=getMediaContent({parser:e,info:u,isRequestType:p,options:o,data:{operation:r,type:"request",absolutePointer:t.$ref||JsonPointer.join(r.pointer,["requestBody"])}})),{description:s,required:a,content:d}}
+import{getContentWithLegacyExamples,getValueFromMdParsedExtension,JsonPointer}from"../utils";import{getMediaContent}from"./mediaContent";export function getRequestBody({parser:e,infoOrRef:t,options:o,isEvent:n,operation:r}){const{resolved:i}=e.deref(t),s=getValueFromMdParsedExtension(i,"description")||"",a=i.required;let d;const p=!n,u=getContentWithLegacyExamples(i);return void 0!==u&&(d=getMediaContent({parser:e,info:u,isRequestType:p,options:o,data:{operation:r,type:"request",absolutePointer:t.$ref||JsonPointer.join(r.pointer,["requestBody"])}})),{description:s,required:a,content:d}}
 //# sourceMappingURL=request.js.map

package/lib-esm/models/types.d.ts

@@ -33,7 +33,7 @@ export interface SecurityScheme {
 }
 export type RequestBodyModel = {
     description: string | GenericObject;
-    required: boolean;
+    required?: boolean;
     content: MediaContentModel | undefined;
 };
 export type ExampleModel = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.55.patch.1",
+  "version": "3.0.0-alpha.56.patch.0",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -15,7 +15,7 @@
     "openapi-docs": "bin.js"
   },
   "peerDependencies": {
-    "@redocly/theme": ">=0.18.3-patch.0",
+    "@redocly/theme": ">=0.9.4",
     "core-js": "^3.1.4",
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0",
@@ -64,6 +64,7 @@
     "yargs": "^17.3.0"
   },
   "devDependencies": {
+    "@redocly/theme": "0.18.3-patch.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",
@@ -116,8 +117,7 @@
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
-    "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
-    "@redocly/theme": "0.18.3-patch.0"
+    "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",