@redocly/reference-docs 2.14.2 → 3.0.0-alpha.1

package/lib/components/Endpoint/CopyLink.d.ts

@@ -1 +1 @@
-export declare const CopyLink: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const CopyLink: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/CopyLink.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyLink=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Button_1=require("../shared/Button");exports.CopyLink=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n"])),Button_1.Button,(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyLink=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme");exports.CopyLink=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"])),theme_1.Button);
 //# sourceMappingURL=CopyLink.js.map

package/lib/components/Endpoint/Path.d.ts

@@ -1,5 +1,4 @@
-export declare const Path: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
-    variant?: "light" | "dark" | undefined;
+export declare const Path: import("styled-components").StyledComponent<"span", any, {
     wrap?: string | undefined;
 }, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/Path.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.theme.colors.text.light}),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
 //# sourceMappingURL=Path.js.map

package/lib/components/Endpoint/ServerItem.d.ts

@@ -1 +1 @@
-export declare const ServerItem: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ServerItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/ServerItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerItem=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.ServerItem=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerItem=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.ServerItem=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));
 //# sourceMappingURL=ServerItem.js.map

package/lib/components/Endpoint/ServerUrl.d.ts

@@ -1 +1 @@
-export declare const ServerUrl: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ServerUrl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/ServerUrl.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerUrl=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),styled_components_2=require("../console/styled.components");exports.ServerUrl=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: ",";\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: ",";\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_components_2.invertedInputStyles,(function(e){return e.theme.shape.borderRadius}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerUrl=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),styled_1=require("../console/styled");exports.ServerUrl=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_1.invertedInputStyles);
 //# sourceMappingURL=ServerUrl.js.map

package/lib/components/Endpoint/Summary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),icons_1=require("../../redoc-lib/src/common-elements/icons"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?"100%":"auto"})),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""})),Summary=function(e){var t=e.operation,r=e.expanded,l=e.toggle,n=e.onToggleConsole,a=e.tryItOverride,o=e.showConsole,i=(null==a?void 0:a.label)||"Try it",c=(null==a?void 0:a.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:l,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:a?function(e){var t;null===(t=null==a?void 0:a.onClick)||void 0===t||t.call(a),e.stopPropagation()}:n,"data-cy":"try-it",href:null==a?void 0:a.link},i)||null)};exports.Summary=Summary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),icons_1=require("../../redoc-lib/src/common-elements/icons"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(theme_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"]))),Summary=function(e){var t=e.operation,r=e.expanded,a=e.toggle,l=e.onToggleConsole,n=e.tryItOverride,o=e.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:a,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:n?function(e){var t;null===(t=null==n?void 0:n.onClick)||void 0===t||t.call(n),e.stopPropagation()}:l,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

package/lib/components/NextSectionButton.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import type { ProMenu } from '../services/ProMenu';
 import type { RedocProNormalizedOptions } from '../services/ProStore';
-export declare const NextSectionButton: import("styled-components").StyledComponent<"button", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
-export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
+export declare const NextSectionButton: import("styled-components").StyledComponent<"button", any, never, "className">;
+export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", any, {
+    className: `button-color-${string}${string}`;
+} & import("@redocly/theme").ButtonProps, "className">;
 interface ContinueButtonProps {
     pagination?: RedocProNormalizedOptions['pagination'];
     menu: ProMenu;

package/lib/components/NextSectionButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),Button_1=require("./shared/Button"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,redoc_lib_1.styled)(Button_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""})),exports.NextSectionButtonLink=(0,redoc_lib_1.styled)(Button_1.ButtonLink)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"],["\n  font-size: 14px;\n  margin-left: auto;\n\n  ",";\n"])),(function(e){var t,n,o,i=e.theme;return i.overrides&&(null===(t=i.overrides)||void 0===t?void 0:t.NextSectionButton)&&(null===(o=null===(n=i.overrides)||void 0===n?void 0:n.NextSectionButton)||void 0===o?void 0:o.custom)||""}));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n.renderItems,n.flatItems),i=o.nextItem,r=o.nextLabel;return i?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=i,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:i.href},"➔ Next to ",React.createElement("strong",null,r))):null};function getNext(e,t,n){var o,i,r,l=void 0;if(!t.length)return"group"===(l=n[0]).type&&(l=l.items[0]),{nextItem:l,nextLabel:r=l.name};if("section"===e)return(l=nextItemOfDepth(t[t.length-1],n))?{nextItem:l,nextLabel:r=null==l?void 0:l.name}:{};if("item"===e){switch(t[0].type){case"tag":r=null==(l=nextOperationOrTagItem(t[0],n))?void 0:l.name;break;case"section":r=null==(l=nextItemOfDepth(t[t.length-1],n))?void 0:l.name;break;case"operation":r=null==(l=getNextForOperation(t[0],n))?void 0:l.name;break;default:return{}}return"tag"===(null==l?void 0:l.type)&&!(null==l?void 0:l.description)&&(null==l?void 0:l.items.length)&&(r=(null===(o=null==(l=null==l?void 0:l.items[0])?void 0:l.parent)||void 0===o?void 0:o.name)+" / "+(null==l?void 0:l.name)),l&&l.parent&&0===l.parent.items.indexOf(l)&&(r=(null===(i=l.parent)||void 0===i?void 0:i.name)+" / "+l.name),{nextItem:l,nextLabel:r}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type)return o}exports.ContinueButton=ContinueButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,styled_components_1.default)(theme_1.Button).attrs({className:"next-section-button"})(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"]))),exports.NextSectionButtonLink=(0,styled_components_1.default)(theme_1.Button.withComponent("a"))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"])));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n.renderItems,n.flatItems),l=o.nextItem,i=o.nextLabel;return l?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{extraClass:"next-section-button",color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=l,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:l.href},"➔ Next to ",React.createElement("strong",null,i))):null};function getNext(e,t,n){var o,l,i,r=void 0;if(!t.length)return"group"===(r=n[0]).type&&(r=r.items[0]),{nextItem:r,nextLabel:i=r.name};if("section"===e)return(r=nextItemOfDepth(t[t.length-1],n))?{nextItem:r,nextLabel:i=null==r?void 0:r.name}:{};if("item"===e){switch(t[0].type){case"tag":i=null==(r=nextOperationOrTagItem(t[0],n))?void 0:r.name;break;case"section":i=null==(r=nextItemOfDepth(t[t.length-1],n))?void 0:r.name;break;case"operation":i=null==(r=getNextForOperation(t[0],n))?void 0:r.name;break;default:return{}}return"tag"===(null==r?void 0:r.type)&&!(null==r?void 0:r.description)&&(null==r?void 0:r.items.length)&&(i=(null===(o=null==(r=null==r?void 0:r.items[0])?void 0:r.parent)||void 0===o?void 0:o.name)+" / "+(null==r?void 0:r.name)),r&&r.parent&&0===r.parent.items.indexOf(r)&&(i=(null===(l=r.parent)||void 0===l?void 0:l.name)+" / "+r.name),{nextItem:r,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,l=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;l<t.length;l++)if("tag"===(o=t[l]).type||"operation"===o.type||"section"===o.type)return o}exports.ContinueButton=ContinueButton;
 //# sourceMappingURL=NextSectionButton.js.map

package/lib/components/Overlay.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=function(e){var n=e.l,t=React.useState(null),i=t[0],a=t[1],l=React.useState(-1),r=l[0],o=l[1],c=React.useState(!1),s=c[0],d=c[1];return React.useEffect((function(){(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var e,t;return(0,tslib_1.__generator)(this,(function(i){switch(i.label){case 0:return[4,n];case 1:return(e=i.sent()).local?(d(!0),[2]):(e.valid?e.allowed?e.expired&&a(e.t?EXPIRED:TRIAL_EXPIRED):a(INVALID_HOST):a(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&o(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[n]),s?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!i&&r>-1?React.createElement(TrialWrap,null," Trial version: ",r," days remaining "):i?React.createElement(Flash,null,React.createElement("span",null,i," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};exports.Overlay=Overlay;var templateObject_1,templateObject_2,TrialWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=function(e){var n=e.l,t=React.useState(null),i=t[0],a=t[1],l=React.useState(-1),r=l[0],o=l[1],c=React.useState(!1),s=c[0],d=c[1];return React.useEffect((function(){(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var e,t;return(0,tslib_1.__generator)(this,(function(i){switch(i.label){case 0:return[4,n];case 1:return(e=i.sent()).local?(d(!0),[2]):(e.valid?e.allowed?e.expired&&a(e.t?EXPIRED:TRIAL_EXPIRED):a(INVALID_HOST):a(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&o(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)),[2])}}))}))}),[n]),s?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!i&&r>-1?React.createElement(TrialWrap,null," Trial version: ",r," days remaining "):i?React.createElement(Flash,null,React.createElement("span",null,i," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};exports.Overlay=Overlay;var templateObject_1,templateObject_2,TrialWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"],["\n  padding: 10px 40px;\n  position: fixed;\n  text-align: right;\n  width: 100%;\n  box-sizing: border-box;\n  color: orange;\n  z-index: 10;\n  opacity: 0.6;\n\n  > a,\n  a:visited {\n    color: orange;\n  }\n"]))),Flash=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"],["\n  font-size: 1.5em;\n  position: fixed;\n  z-index: 100;\n  background: rgba(38, 50, 56, 0.93);\n  margin: 0;\n  padding: 1em;\n  width: 100%;\n  color: white;\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-align: center;\n  box-sizing: border-box;\n\n  > span {\n    display: inline-block;\n    line-height: 1.5;\n  }\n\n  a,\n  a:hover,\n  a:visited {\n    color: white;\n  }\n"])));
 //# sourceMappingURL=Overlay.js.map

package/lib/components/Panel/CallbackPanel.d.ts

@@ -1 +1 @@
-export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib/components/Panel/CallbackPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),Title_1=require("./Title"),Trigger_1=require("./Trigger");exports.CallbackPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      max-width: calc(\n        100% - 9px - ","px\n      ); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"],["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      max-width: calc(\n        100% - 9px - ","px\n      ); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.secondary.light}),Header_1.Header,Title_1.Title,(function(e){return e.theme.colors.text.primary}),Trigger_1.Trigger,(function(e){return e.theme.spacing.unit}),icons_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),Title_1=require("./Title"),Trigger_1=require("./Trigger");exports.CallbackPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"],["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"])),Header_1.Header,Title_1.Title,Trigger_1.Trigger,icons_1.ShelfIcon);
 //# sourceMappingURL=CallbackPanel.js.map

package/lib/components/Panel/CodeHeader.d.ts

@@ -1,4 +1,4 @@
-export declare const CodeHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+export declare const CodeHeader: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
     isExpanded?: boolean | undefined;
 }, never>;

package/lib/components/Panel/CodeHeader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader");exports.CodeHeader=(0,styled_components_1.default)(Header_1.Header)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"],["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"])),DarkHeader_1.DarkHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader");exports.CodeHeader=(0,styled_components_1.default)(Header_1.Header)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"],["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"])),DarkHeader_1.DarkHeader);
 //# sourceMappingURL=CodeHeader.js.map

package/lib/components/Panel/CodePanel.d.ts

@@ -1 +1 @@
-export declare const CodePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const CodePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib/components/Panel/CodePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader"),PanelBody_1=require("./PanelBody");exports.CodePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: ",";\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: ",";\n      color: ",";\n    }\n  }\n"],["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: ",";\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: ",";\n      color: ",";\n    }\n  }\n"])),Header_1.Header,DarkHeader_1.DarkHeader,icons_1.ShelfIcon,(function(e){return e.theme.colors.text.light}),PanelBody_1.PanelBody,(function(e){return e.theme.rightPanel.panelBackgroundColor}),(function(e){return e.theme.colors.text.light}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader"),PanelBody_1=require("./PanelBody");exports.CodePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: var(--color-content-inverse);\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: var(--samples-panel-background-color);\n      color: var(--color-content-inverse);\n    }\n  }\n"],["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: var(--color-content-inverse);\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: var(--samples-panel-background-color);\n      color: var(--color-content-inverse);\n    }\n  }\n"])),Header_1.Header,DarkHeader_1.DarkHeader,icons_1.ShelfIcon,PanelBody_1.PanelBody);
 //# sourceMappingURL=CodePanel.js.map

package/lib/components/Panel/ContentPanel.d.ts

@@ -1 +1 @@
-export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib/components/Panel/ContentPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements/"),Header_1=require("./Header"),Title_1=require("./Title"),Panel_1=require("./Panel"),PanelBody_1=require("./PanelBody");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      color: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      color: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.border.light}),Header_1.Header,(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.typography.fontWeightBold}),(function(n){return n.theme.components.panels.backgroundColor}),Title_1.Title,(function(n){return n.theme.colors.text.primary}),common_elements_1.ShelfIcon,(function(n){return n.theme.colors.text.primary}),PanelBody_1.PanelBody,(function(n){return 4*n.theme.spacing.unit}),Header_1.Header,PanelBody_1.PanelBody,common_elements_1.FieldsGroupHeader,PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements/"),Header_1=require("./Header"),Title_1=require("./Title"),Panel_1=require("./Panel"),PanelBody_1=require("./PanelBody");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid var(--global-border-color);\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: calc(var(--spacing-unit) * 4);\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: var(--font-weight-bold);\n    background-color: var(--panels-background-color);\n\n    "," {\n      margin-right: 8px;\n      color: var(--color-content);\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    padding: calc(var(--spacing-unit) * 4);\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid var(--global-border-color);\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: calc(var(--spacing-unit) * 4);\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: var(--font-weight-bold);\n    background-color: var(--panels-background-color);\n\n    "," {\n      margin-right: 8px;\n      color: var(--color-content);\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    padding: calc(var(--spacing-unit) * 4);\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"])),Header_1.Header,Title_1.Title,common_elements_1.ShelfIcon,PanelBody_1.PanelBody,Header_1.Header,PanelBody_1.PanelBody,common_elements_1.FieldsGroupHeader,PanelBody_1.PanelBody);
 //# sourceMappingURL=ContentPanel.js.map

package/lib/components/Panel/DarkHeader.d.ts

@@ -1 +1 @@
-export declare const DarkHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
+export declare const DarkHeader: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Panel/DarkHeader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DarkHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=require("../../redoc-lib/src/styled-components");exports.DarkHeader=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: ",";\n"],["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: ",";\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DarkHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=require("styled-components");exports.DarkHeader=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"],["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"])));
 //# sourceMappingURL=DarkHeader.js.map

package/lib/components/Panel/Header.d.ts

@@ -1,4 +1,4 @@
-export declare const Header: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+export declare const Header: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
     isExpanded?: boolean | undefined;
 }, never>;

package/lib/components/Panel/Header.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Header=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Header=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n  border-bottom-left-radius: ",";\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n  border-bottom-left-radius: ",";\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"])),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){var n=e.theme;return e.isExpanded?"0":n.components.panels.borderRadius}),(function(e){var n=e.theme;return e.isExpanded?"0":n.components.panels.borderRadius}),(function(e){return e.disabled?"none":"auto"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Header=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Header=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"])),(function(e){var n=e.isExpanded?0:"var(--panels-border-radius)";return"var(--panels-border-radius) var(--panels-border-radius) "+n+" "+n+";"}),(function(e){return e.disabled?"none":"auto"}));
 //# sourceMappingURL=Header.js.map

package/lib/components/Panel/Panel.d.ts

@@ -1,2 +1,2 @@
 import { PanelComponent } from './PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, any, {}, never>;

package/lib/components/Panel/Panel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Panel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),PanelComponent_1=require("./PanelComponent"),Header_1=require("./Header"),PanelBody_1=require("./PanelBody");exports.Panel=(0,styled_components_1.default)(PanelComponent_1.PanelComponent)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: ",";\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"],["\n  border-radius: ",";\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"])),(function(e){return e.theme.components.panels.borderRadius}),Header_1.Header,PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Panel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),PanelComponent_1=require("./PanelComponent"),Header_1=require("./Header"),PanelBody_1=require("./PanelBody");exports.Panel=(0,styled_components_1.default)(PanelComponent_1.PanelComponent)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"],["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"])),Header_1.Header,PanelBody_1.PanelBody);
 //# sourceMappingURL=Panel.js.map

package/lib/components/Panel/PanelBody.d.ts

@@ -1,4 +1,4 @@
-export declare const PanelBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+export declare const PanelBody: import("styled-components").StyledComponent<"div", any, {
     animate?: boolean | undefined;
     hidden?: boolean | undefined;
 }, never>;

package/lib/components/Panel/PanelBody.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelBody=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),showPanel=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"]))),showPanelAnimation=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.2s;\n"],["\n  animation: "," 0.2s;\n"])),showPanel);exports.PanelBody=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  ",";\n\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n  border-bottom-left-radius: ",";\n  background-color: ",";\n"],["\n  ",";\n  ",";\n\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n  border-bottom-left-radius: ",";\n  background-color: ",";\n"])),(function(e){return e.animate&&showPanelAnimation}),(function(e){return e.hidden&&"visibility: hidden"}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.borderRadius}),(function(e){return e.theme.components.panels.backgroundColor}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelBody=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),showPanel=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"]))),showPanelAnimation=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.2s;\n"],["\n  animation: "," 0.2s;\n"])),showPanel);exports.PanelBody=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"],["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"])),(function(e){return e.animate&&showPanelAnimation}),(function(e){return e.hidden&&"visibility: hidden"}));
 //# sourceMappingURL=PanelBody.js.map

package/lib/components/Panel/ResponsePanel.d.ts

@@ -1,3 +1,3 @@
-export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {
+export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {
     type: string;
 }, never>;

package/lib/components/Panel/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements"),styled_elements_1=require("../../redoc-lib/src/components/Markdown/styled.elements"),Panel_1=require("./Panel"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title");exports.ResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].borderColor}),(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].backgroundColor}),Header_1.Header,Title_1.Title,(function(e){var n=e.theme,r=e.type;return n.colors.responses[r].color||n.colors.text.primary}),styled_elements_1.StyledMarkdownSpan,Trigger_1.Trigger,common_elements_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}),common_elements_1.FieldsGroupHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements"),styled_elements_1=require("../../redoc-lib/src/components/Markdown/styled.elements"),Panel_1=require("./Panel"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title");exports.ResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(e){return"var(--response-"+e.type+"-border-color)"}),(function(e){return"var(--response-"+e.type+"-background-color)"}),Header_1.Header,Title_1.Title,(function(e){return"var(--response-"+e.type+"-color, var(--color-content))"}),styled_elements_1.StyledMarkdownSpan,Trigger_1.Trigger,common_elements_1.ShelfIcon,common_elements_1.FieldsGroupHeader);
 //# sourceMappingURL=ResponsePanel.js.map

package/lib/components/Panel/ScrollableContentPanel.d.ts

@@ -1 +1 @@
-export declare const ScrollableContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ScrollableContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib/components/Panel/ScrollableContentPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollableContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),ContentPanel_1=require("./ContentPanel"),PanelBody_1=require("./PanelBody");exports.ScrollableContentPanel=(0,styled_components_1.default)(ContentPanel_1.ContentPanel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollableContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ContentPanel_1=require("./ContentPanel"),PanelBody_1=require("./PanelBody");exports.ScrollableContentPanel=(0,styled_components_1.default)(ContentPanel_1.ContentPanel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody_1.PanelBody);
 //# sourceMappingURL=ScrollableContentPanel.js.map

package/lib/components/Panel/Title.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/Panel/Title.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Title=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: ",";\n"],["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Title=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"],["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"])));
 //# sourceMappingURL=Title.js.map

package/lib/components/Panel/Trigger.d.ts

@@ -1 +1 @@
-export declare const Trigger: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const Trigger: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Panel/Trigger.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Trigger=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n"],["\n  display: inline-flex;\n  align-items: center;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Trigger=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n"],["\n  display: inline-flex;\n  align-items: center;\n"])));
 //# sourceMappingURL=Trigger.js.map

package/lib/components/ProProviders.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import type { RedocNormalizedOptions } from '../redoc-lib';
-import type { ProStore } from '../services/ProStore';
-export interface ProProvidersProps {
-    store: ProStore;
-    children: React.ReactNode;
-    customOptions?: Partial<RedocNormalizedOptions>;
-}
+/// <reference types="react" />
+import type { ProProvidersProps } from './types';
 export declare const ProProviders: ({ store, children, customOptions, }: ProProvidersProps) => JSX.Element;

package/lib/components/ProProviders.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProProviders=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),ProProviders=function(e){var r=e.store,t=e.children,o=e.customOptions,i=void 0===o?{}:o,s=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.options),i);return React.createElement(redoc_lib_1.ThemeProvider,{theme:r.options.theme},React.createElement(redoc_lib_1.OptionsProvider,{value:s},React.createElement(redoc_lib_1.StoreProvider,{value:r},t)))};exports.ProProviders=ProProviders;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProProviders=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=require("styled-components"),redoc_lib_1=require("../redoc-lib"),ProProviders=function(e){var r=e.store,t=e.children,o=e.customOptions,i=void 0===o?{}:o,s=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.options),i),_=(0,react_1.useMemo)((function(){return{mediaQueries:s.mediaQueries,showAtBreakpoint:s.showAtBreakpoint}}),[s.mediaQueries,s.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:_},react_1.default.createElement(redoc_lib_1.OptionsProvider,{value:s},react_1.default.createElement(redoc_lib_1.StoreProvider,{value:r},t)))};exports.ProProviders=ProProviders;
 //# sourceMappingURL=ProProviders.js.map

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -16,7 +16,7 @@ interface CssFixesProps {
     showRightPanel: boolean;
     layout: LayoutVariant;
 }
-export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("../services/extendTheme").ProTheme>;
+export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;
 export declare class RedoclyReferenceDocs extends React.Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
     private _observer;
     private _updatedItems;
@@ -41,7 +41,5 @@ export interface RedoclyReferenceDocsMultiStandaloneProps {
     definitions: SpecVersions;
     options?: RedocProRawOptions;
 }
-export declare class RedoclyReferenceDocsMultiStandalone extends React.Component<RedoclyReferenceDocsMultiStandaloneProps> {
-    render(): JSX.Element;
-}
+export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;
 export {};

package/lib/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),redoc_lib_1=require("../redoc-lib"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),store_types_1=require("../services/store-types"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton");(0,mobx_1.configure)({useProxies:"ifavailable"}),exports.CssFixes=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),redoc_lib_1.RightPanel,(function(e){var t,o=e.theme,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:r===store_types_1.LayoutVariant.STACKED?"100%":"",paddingLeft:r===store_types_1.LayoutVariant.STACKED?o.spacing.sectionHorizontal:"",display:n?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t,o=e.theme,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({display:n&&r!==store_types_1.LayoutVariant.STACKED?"":(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="",t[o.rightPanel.showAtBreakpoint]="none",t)})}),redoc_lib_1.MiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t,o,n,r=e.theme,a=e.showRightPanel,i=e.layout;return(0,redoc_lib_1.mediaCSS)({maxWidth:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.layout["three-panel"].middlePanelMaxWidth],(t={},t[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"none"},t[r.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:a&&i===store_types_1.LayoutVariant.THREE_PANEL?(0,redoc_lib_1.mediaMap)(r.breakpoints,[r.rightPanel.width,r.layout["three-panel"].middlePanelMaxWidth],(o={},o[redoc_lib_1.ZERO_BREAKPOINT]=function(){return"0"},o[r.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},o)):"0",paddingRight:i===store_types_1.LayoutVariant.STACKED?r.spacing.sectionHorizontal:"",width:a&&i===store_types_1.LayoutVariant.THREE_PANEL?"":(n={},n[redoc_lib_1.ZERO_BREAKPOINT]="",n[r.rightPanel.showAtBreakpoint]="100%",n)})}),styled_elements_1.ApiContentWrap,(function(e){var t,o=e.theme,n=e.showRightPanel,r=e.layout;return(0,redoc_lib_1.mediaCSS)({width:(t={},t[redoc_lib_1.ZERO_BREAKPOINT]="none",t.small="calc(100% - "+o.sidebar.width+")",t),maxWidth:o.layout[r===store_types_1.LayoutVariant.THREE_PANEL&&n?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED].maxWidth})}));var RedoclyReferenceDocs=function(e){function t(t){var o=e.call(this,t)||this;return Object.defineProperty(o,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(o,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(o,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return o.props.store.tryItOut()}}),o.state={searchPopUpShown:!1,searchPopUpValue:""},o}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=(0,mobx_1.reaction)((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.store,o=t.definition,n=t.menu,r=t.options,a=t.search,i=t.marker,l=this.props.store,s=n.renderItems,c=r.hideDownloadButton,d=!r.hideInfoSection&&("none"===r.pagination||l.menu.activeRenderItemIdx<=0);d&&"none"!==r.pagination&&r.disableSidebar&&s[0]&&"section"!==s[0].type&&(d=!1),this.props._forceRenderInfo&&(d=!0);var u=!d&&null!==c&&!c;return React.createElement(ProProviders_1.ProProviders,{store:l},React.createElement(styled_elements_1.RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:l.l}),React.createElement(exports.CssFixes,{whiteLabel:r.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose}),!r.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:n,className:"menu-content"},!l.options.hideLogo&&React.createElement(redoc_lib_1.ApiLogo,{info:o.info}),o instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:o,onChange:function(e){void 0!==e.idx&&o.changeVersion(e.idx),n.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(redoc_lib_1.SideMenu,{menu:n})),React.createElement(styled_elements_1.ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===store_types_1.LayoutVariant.THREE_PANEL&&l.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},r.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),d&&React.createElement(redoc_lib_1.ApiInfo,{store:l}),u&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:l}),React.createElement(redoc_lib_1.ContentItems,{items:s,store:l}),r.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:r.pagination,menu:n}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:l,isVisible:l.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:a,marker:i,menu:n,onActivate:n.activateAndScroll.bind(n),options:r,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),r.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,o=e.definitionUrl,n=e.options,r=void 0===n?{}:n,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),c=new redoc_lib_1.RedocNormalizedOptions(r),d=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:o,options:r,activeItemId:a,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,o=e.store;return t?s?null:React.createElement(redoc_lib_1.Loading,{color:c.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})}));return r.disableErrorBoundary?d:React.createElement(redoc_lib_1.ErrorBoundary,null,d)}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,o=e.options,n=void 0===o?{}:o,r=(0,redoc_lib_1.argValueToBoolean)(n.hideLoading,!1),a=new redoc_lib_1.RedocNormalizedOptions(n);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:n},(function(e){var t=e.loading,o=e.store;return t?r?null:React.createElement(redoc_lib_1.Loading,{color:a.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:o})})))}}),t}(React.Component);exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),store_types_1=require("../services/store-types"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton");(0,mobx_1.configure)({useProxies:"ifavailable"});var getMarginFixesByName=function(e){return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 max(calc((100% - var(--samples-panel-width) - var(",")) / 2), 0);\n"],["\n  margin: 0 max(calc((100% - var(--samples-panel-width) - var(",")) / 2), 0);\n"])),e)};exports.CssFixes=(0,styled_components_1.createGlobalStyle)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  '," {\n    ","\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  ",", "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  '," {\n    ","\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  ",", "," {\n    ",";\n  }\n"])),redoc_lib_1.SamplesPanel,(function(e){if(e.layout===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "])))}),(function(e){if(!e.showRightPanel)return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t=e.showRightPanel,n=e.layout;if(!t&&n===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),redoc_lib_1.SamplesMiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t=e.showRightPanel,n=e.layout;return t&&n===store_types_1.LayoutVariant.THREE_PANEL?(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-large-max-width);\n            ",";\n          }\n        "],["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-large-max-width);\n            ",";\n          }\n        "])),(function(e){return e.theme.mediaQueries.small}),getMarginFixesByName("--layout-middle-panel-small-max-width"),(function(e){return e.theme.mediaQueries.medium}),getMarginFixesByName("--layout-middle-panel-medium-max-width"),(function(e){return e.theme.mediaQueries.large}),getMarginFixesByName("--layout-middle-panel-large-max-width")):n===store_types_1.LayoutVariant.STACKED?(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "]))):void 0}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=(0,mobx_1.reaction)((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n,o=this,r=this.props.store,a=r.definition,i=r.menu,l=r.options,c=r.search,s=r.marker,d=this.props.store,u=i.renderItems,p=l.hideDownloadButton,m=!l.hideInfoSection&&("none"===l.pagination||d.menu.activeRenderItemIdx<=0);m&&"none"!==l.pagination&&l.disableSidebar&&u[0]&&"section"!==u[0].type&&(m=!1),this.props._forceRenderInfo&&(m=!0);var _=!m&&null!==p&&!p,b=null===(e=null==a?void 0:a.info)||void 0===e?void 0:e["x-logo"];return React.createElement(ProProviders_1.ProProviders,{store:d},React.createElement(theme_1.GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:d.l}),React.createElement(exports.CssFixes,{whiteLabel:l.whiteLabel,showRightPanel:d.showRightPanel,layout:d.layout}),d.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:d,operation:d.tryItOperation,onClose:this.handleClose}),!l.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:i,className:"menu-content"},!d.options.hideLogo&&React.createElement(theme_1.SidebarLogo,{imageUrl:null==b?void 0:b.url,href:(null==b?void 0:b.href)||(null===(n=null===(t=null==a?void 0:a.info)||void 0===t?void 0:t.contact)||void 0===n?void 0:n.url),altText:null==b?void 0:b.altText,backgroundColor:null==b?void 0:b.backgroundColor}),a instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:a,onChange:function(e){void 0!==e.idx&&a.changeVersion(e.idx),i.updateItemsByVersionChange(!0),d.tryItOut(void 0)}}),!d.options.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return o.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:s,setSearchValue:function(e){return o.setState({searchPopUpValue:e})}}),React.createElement(redoc_lib_1.SideMenu,{menu:i})),React.createElement(styled_elements_1.ApiContentWrap,{className:(d.isLoading?"loading ":"")+"api-content",layout:d.layout===store_types_1.LayoutVariant.THREE_PANEL&&d.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},d.showRightPanel&&d.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),m&&React.createElement(redoc_lib_1.ApiInfo,{store:d}),_&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:d}),React.createElement(redoc_lib_1.ContentItems,{items:u,store:d}),l.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:l.pagination,menu:i}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:d,isVisible:d.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:d,isVisible:d.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:c,marker:s,menu:i,onActivate:i.activateAndScroll.bind(i),options:l,shown:this.state.searchPopUpShown,hidePopUp:function(){return o.setState({searchPopUpShown:!1})},showPopUp:function(){return o.setState({searchPopUpShown:!0})},setSearchValue:function(e){return o.setState({searchPopUpValue:e})},searchValue:this.state.searchPopUpValue}),d.showRightPanel&&d.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,r=void 0===o?{}:o,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),s=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:n,options:r,activeItemId:a,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})}));return r.disableErrorBoundary?s:React.createElement(redoc_lib_1.ErrorBoundary,null,s)}function RedoclyReferenceDocsMultiStandalone(e){var t=e.definitions,n=e.options,o=void 0===n?{}:n,r=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?r?null:React.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})})))}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone,exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--global-background-color);\n"],["\n  background-color: var(--global-background-color);\n"])));
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib/components/Samples/ExampleSwitch.d.ts

@@ -9,6 +9,7 @@ export interface ExampleSwitchOptions {
 export interface ExampleSwitchProps extends ExampleSwitchOptions {
     examples: ExampleModelsMap;
     onChange: (key: string) => void;
+    panel?: 'samples' | 'try-it';
 }
-export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => JSX.Element;
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, panel, }: ExampleSwitchProps) => JSX.Element;
 export {};

package/lib/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,n=Object.keys(t),o=r?n.indexOf(r):0,c=(0,react_1.useState)(o>-1?o:0),i=c[0],l=c[1];(0,react_1.useEffect)((function(){return l(o>-1?o:0)}),[r,o]);var u=n.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,"default"!==u[i].value&&React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:u,value:u[i].value,onChange:function(e){var r=e.idx;l(r),a(n[r])}})),r&&-1===o&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),styled_1=require("../console/styled"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,o=e.panel,n=void 0===o?"samples":o,l=Object.keys(t),c=r?l.indexOf(r):0,i=(0,react_1.useState)(c>-1?c:0),u=i[0],s=i[1];(0,react_1.useEffect)((function(){return s(c>-1?c:0)}),[r,c]);var m=l.map((function(e,r){return{value:t[e].summary||e,idx:r}})),d="try-it"===n?styled_1.TryItDropdown:Dropdown_1.Dropdown;return React.createElement(React.Fragment,null,"default"!==m[u].value&&React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(d,{variant:"dark",fullWidth:!0,options:m,value:m[u].value,onChange:function(e){var r=e.idx;s(r),a(l[r])}})),r&&-1===c&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/LoadingWrapper.d.ts

@@ -1 +1 @@
-export declare const LoadingWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const LoadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Samples/LoadingWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoadingWrapper=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.LoadingWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"],["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoadingWrapper=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.LoadingWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"],["\n  transition: opacity 0.2s;\n\n  .loading &:not(.updated) {\n    opacity: 0.5;\n  }\n"])));
 //# sourceMappingURL=LoadingWrapper.js.map

package/lib/components/Search/MenuItemProSearch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { HistoryService, IMenuItem } from '../../redoc-lib';
+import type { IMenuItem, HistoryService } from '../../redoc-lib';
 import type { SearchResultMeta } from '../../services/SearchStore';
 export interface MenuItemProProps {
     result: SearchResultExtended;

package/lib/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return(0,redoc_lib_1.mediaCSS)({fontFamily:t.typography.code.fontFamily})})),Place=redoc_lib_1.styled.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=redoc_lib_1.styled.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor})),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),i="path-only"===c.searchMode,o=c.sideNavStyle===services_1.SideNavStyle.PathFirst;return React.createElement(redoc_lib_1.MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:i?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=l.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},(o||i)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),r=1,l=n.length;r<l;r+=2)n[r]=React.createElement(MarkedSpan,{key:r},n[r]);return n}exports.MenuItemPro=MenuItemPro;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"],["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"]))),Place=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-marked-background-color);\n"],["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-marked-background-color);\n"]))),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),o="path-only"===c.searchMode,i=c.sideNavStyle===services_1.SideNavStyle.PathFirst;return React.createElement(redoc_lib_1.MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=l.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},(i||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),r=1,l=n.length;r<l;r+=2)n[r]=React.createElement(MarkedSpan,{key:r},n[r]);return n}exports.MenuItemPro=MenuItemPro;
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib/components/Search/styled.d.ts

@@ -1,23 +1,23 @@
 import * as React from 'react';
 export declare const CrossIcon: () => React.ReactElement;
-export declare const ButtonClose: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
+export declare const ButtonClose: import("styled-components").StyledComponent<"i", any, {
     className: "button-close";
 }, "className">;
-export declare const ButtonClear: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
+export declare const ButtonClear: import("styled-components").StyledComponent<"i", any, {
     className: "button-clear";
 }, "className">;
 export declare const SearchIcon: () => React.ReactElement;
-export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, {
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", any, {
     className: "button-field-search";
 }, "className">;
-export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", any, {
     className: "search-popup";
 }, "className">;
-export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const SearchInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", any, {
     className: "search-input";
 }, "className">;