@redocly/reference-docs 2.14.1 → 3.0.0-alpha.0

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var DarkMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"])),(function(n){var e,t,r=n.theme;return mediaCSS({color:(null===(t=null===(e=r.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===t?void 0:t.color)||r.rightPanel.textColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:lighten(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+lighten(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+lighten(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return lighten(.2,e.typography.code.color)}),(function(n){var e=n.theme;return invert(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return lighten(.25,e.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var e=n.theme;return mediaCSS({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return __extends(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,React.createElement(DarkMarkdown,{source:this.props.children})))}}),e}(React.Component);export{PullRight};var templateObject_1,templateObject_2,StyledRightPanel=styled(RightPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
+import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var MarkdownCodeBlock=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"])));export function PullRight(n){var o=n.children;return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,React.createElement(MarkdownCodeBlock,{source:o})))}var templateObject_1,templateObject_2,StyledRightPanel=styled(SamplesPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=PullRight.js.map

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

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";var RedocRequestBody=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,n=e.pointer,o=e.hideSamples,r=new OperationModel(t.definition.parser,{pointer:n,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),a=new RequestBodyModel({parser:t.definition.parser,infoOrRef:{$ref:n},options:t.options,operation:r}),l=o?FullWidthPanel:MiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!o&&React.createElement(RightPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocRequestBody};
+import{__extends}from"tslib";import*as React from"react";import{RequestBodyModel,PayloadSamples,Row,SamplesMiddlePanel,SamplesPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";var RedocRequestBody=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,n=e.pointer,o=e.hideSamples,a=new OperationModel(t.definition.parser,{pointer:n,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),r=new RequestBodyModel({parser:t.definition.parser,infoOrRef:{$ref:n},options:t.options,operation:a}),l=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,null,r.content&&React.createElement(BodyContent,{content:r.content,description:r.description})),!o&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,r.content&&React.createElement(PayloadSamples,{content:r.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocRequestBody};
 //# sourceMappingURL=RedocRequestBody.js.map

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

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{OperationModel}from"../../redoc-lib/src/services";var RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,o=e.pointer,r=e.hideSamples,n=new OperationModel(t.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),a=new ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:t.options,operation:n});a.description=a.summary;var l=r?FullWidthPanel:MiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:a})),!r&&a.content&&React.createElement(RightPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocResponse};
+import{__extends}from"tslib";import*as React from"react";import{ResponseModel,Row,SamplesMiddlePanel,ResponseDetails,SamplesPanel,PayloadSamples}from"../../redoc-lib";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{OperationModel}from"../../redoc-lib/src/services";var RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,o=e.pointer,r=e.hideSamples,a=new OperationModel(t.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),n=new ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:t.options,operation:a});n.description=n.summary;var l=r?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:n})),!r&&n.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocResponse};
 //# sourceMappingURL=RedocResponse.js.map

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

@@ -1,7 +1,6 @@
-import type { ProTheme } from '../../services/extendTheme';
-export declare const SamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
-export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
-export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", ProTheme, {
+export declare const SamplesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", any, {
     compact?: boolean | undefined;
     isStacked?: boolean | undefined;
 }, never>;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import{styled,MiddlePanel,mediaCSS,ZERO_BREAKPOINT}from"../../redoc-lib";export var SamplesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ","px;\n  border-radius: ",";\n  ","\n"],["\n  padding: ","px;\n  border-radius: ",";\n  ","\n"])),(function(e){return 4*e.theme.spacing.unit}),(function(e){return e.theme.codeBlock.borderRadius}),(function(e){var t=e.theme;return mediaCSS({backgroundColor:t.rightPanel.panelBackgroundColor})}));export var ExamplesWrap=styled(SamplesWrap)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));export var FullWidthPanel=styled(MiddlePanel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){var t,a=e.theme;return mediaCSS({paddingLeft:a.spacing.sectionHorizontal,paddingRight:a.spacing.sectionHorizontal,width:(t={},t[ZERO_BREAKPOINT]="100%",t[a.rightPanel.showAtBreakpoint]="100%",t)})}));var templateObject_1,templateObject_2,templateObject_3;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{SamplesMiddlePanel}from"../../redoc-lib";export var SamplesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"],["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"])));export var ExamplesWrap=styled(SamplesWrap)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));export var FullWidthPanel=styled(SamplesMiddlePanel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"],["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"])));var templateObject_1,templateObject_2,templateObject_3;
 //# sourceMappingURL=styled.components.js.map

package/lib-esm/components/shared/HttpVerb.d.ts

@@ -1,4 +1,4 @@
-export declare const HttpVerb: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
+export declare const HttpVerb: import("styled-components").StyledComponent<"span", any, {
     type: string;
     compact?: boolean | undefined;
 }, never>;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var HttpVerb=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-block;\n  color: ",";\n  text-transform: uppercase;\n  text-align: center;\n  font-family: ",";\n  border-radius: ",";\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  color: ",";\n  text-transform: uppercase;\n  text-align: center;\n  font-family: ",";\n  border-radius: ",";\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n"])),(function(t){return t.theme.components.httpBadges.color}),(function(t){return t.theme.components.httpBadges.fontFamily}),(function(t){return t.theme.components.httpBadges.borderRadius}),(function(t){var e=t.type;return t.theme.colors.http[e]||"#707070"}),(function(t){return t.theme.components.httpBadges.sizes.medium.fontSize}),(function(t){return t.theme.components.httpBadges.sizes.medium.lineHeight}),(function(t){return t.theme.components.httpBadges.fontWeight}));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var HttpVerb=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"],["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"])),(function(t){return"var(--color-http-"+t.type+", var(--color-http-basic))"}));var templateObject_1;
 //# sourceMappingURL=HttpVerb.js.map

package/lib-esm/components/shared/MimeLabel.d.ts

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var MimeLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: ",";\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: ",";\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.shape.borderRadius}));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var MimeLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"],["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"])));var templateObject_1;
 //# sourceMappingURL=MimeLabel.js.map

package/lib-esm/components/shared/NoSampleLabel.d.ts

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{mediaCSS}from"../../redoc-lib/src/styled-components";export var NoSampleLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"],["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.colors.error.main,fontFamily:t.typography.code.fontFamily})}));export var WarnMessage=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"],["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.colors.warning.main,fontFamily:t.typography.code.fontFamily})}));var templateObject_1,templateObject_2;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var NoSampleLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  color: var(--color-error-500);\n  font-family: var(--code-font-family);\n"],["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  color: var(--color-error-500);\n  font-family: var(--code-font-family);\n"])));export var WarnMessage=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 12px;\n  padding-bottom: 10px;\n  color: var(--color-warning-500);\n  font-family: var(--code-font-family);\n"],["\n  font-size: 12px;\n  padding-bottom: 10px;\n  color: var(--color-warning-500);\n  font-family: var(--code-font-family);\n"])));var templateObject_1,templateObject_2;
 //# sourceMappingURL=NoSampleLabel.js.map

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{ClipboardService}from"../../redoc-lib/src/services";export var SelectOnClick=function(e){var r,t=e.children,c=function(){ClipboardService.selectElement(r)};return React.createElement("div",{ref:function(e){return r=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},t)};
+import*as React from"react";import{ClipboardService}from"@redocly/theme";export var SelectOnClick=function(e){var r,t=e.children,c=function(){ClipboardService.selectElement(r)};return React.createElement("div",{ref:function(e){return r=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},t)};
 //# sourceMappingURL=SelectOnClick.js.map

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

@@ -1,7 +1,4 @@
-export * from './CopyButton';
 export * from './HttpVerb';
-export * from './Button';
 export * from './SelectOnClick';
 export * from './NoSampleLabel';
 export * from './MimeLabel';
-export * from './Button';

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

@@ -1,2 +1,2 @@
-export*from"./CopyButton";export*from"./HttpVerb";export*from"./Button";export*from"./SelectOnClick";export*from"./NoSampleLabel";export*from"./MimeLabel";export*from"./Button";
+export*from"./HttpVerb";export*from"./SelectOnClick";export*from"./NoSampleLabel";export*from"./MimeLabel";
 //# sourceMappingURL=index.js.map

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

@@ -1,22 +1,20 @@
 /// <reference types="react" />
-import type { ProTheme } from '../services/extendTheme';
 import type { ProStore } from '../services';
 import { LayoutVariant } from '../services';
-export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", ProTheme, {}, never>;
+export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const ToggleRightPanelButton: ({ store, isVisible, }: {
     store: ProStore;
     isVisible: boolean;
 }) => JSX.Element | null;
-export declare const ArrowIcon: import("styled-components").StyledComponent<(props: any) => JSX.Element, ProTheme, {}, never>;
-export declare const RedocWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
-export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", ProTheme, {
+export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", any, {
     layout?: LayoutVariant | undefined;
 }, never>;
-export declare const BackgroundStub: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
-export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
-export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const BackgroundStub: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChangeViewButton: ({ store, isVisible, }: {
     store: ProStore;
     isVisible: boolean;
 }) => JSX.Element | null;
-export declare const ControlsWrap: import("styled-components").StyledComponent<"span", ProTheme, {}, never>;
+export declare const ControlsWrap: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ToggleRightPanelButton=observer((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));var IntArrowIcon=function(e){return React.createElement("svg",{className:e.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},React.createElement("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "}))};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(e){return"rotate("+("left"===e.direction?"90deg":"-90deg")+")"}),(function(e){var t,n=e.theme;return mediaCSS({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(e){var t=e.theme;return"\n    -webkit-font-smoothing: "+t.typography.smoothing+";\n    "+(t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fontFamily,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeightRegular,color:t.colors.text.primary,fontSmoothing:t.typography.smoothing})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(e){var t,n=e.theme,a=e.layout;return css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,a=e.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),left:mediaMap(a.breakpoints,[a.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),a.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,a=e.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),width:mediaMap(a.breakpoints,[a.sidebar.width,a.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+a.components.layoutControls.width+", "+t+") - "+e+" + "+a.components.layoutControls.width+")/2 + 2px)"},n))}),a.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(e){var t=e.theme;return 4*t.spacing.unit+"px "+5*t.spacing.unit+"px"}),(function(e){var t,n,a=e.theme,i=a.layout.showDarkRightPanel?a.spacing.sectionHorizontal:a.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(a.breakpoints,[a.rightPanel.width],(t={},t[ZERO_BREAKPOINT]=function(){return"100%"},t[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:a.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=a.spacing.sectionHorizontal,n[a.rightPanel.showAtBreakpoint]=i,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=styled((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_15||(templateObject_15=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},t.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.span(templateObject_18||(templateObject_18=__makeTemplateObject(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(e){return e.theme.components.layoutControls.top}),(function(e){var t=e.theme;return"calc("+t.components.layoutControls.height+" * 2 + "+2*t.spacing.unit+"px)"}),(function(e){var t,n=e.theme;return css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(t={},t[ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import styled,{css}from"styled-components";import{Tooltip}from"@redocly/theme";import{LayoutVariant}from"../services";var ShowRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"])));export var ToggleRightPanelButton=observer((function(t){var e=t.store,n=t.isVisible;return e.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:e.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:function(){e.toggleRightPanel()}},e.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));export var RedocWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])));export var ApiContentWrap=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"],["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"])),(function(t){var e=t.layout,n=void 0===e?LayoutVariant.THREE_PANEL:e,a=t.theme;return css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "],["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "])),n===LayoutVariant.THREE_PANEL?"100%":"",a.mediaQueries.small,n,a.mediaQueries.medium,n,a.mediaQueries.large,n,a.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],e.mediaQueries.print)}));var getBackgroundStubFixWidth=function(t){return css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"],["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"])),t)};export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],getBackgroundStubFixWidth("--layout-three-panel-medium-max-width"),e.mediaQueries.large,getBackgroundStubFixWidth("--layout-three-panel-large-max-width"),e.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_12||(templateObject_12=__makeTemplateObject(["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"],["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"])),(function(t){var e=t.theme;return e.mediaQueries[e.showAtBreakpoint.samplesPanel]}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,ChangeViewSvgColumn=styled((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_15||(templateObject_15=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"])));export var ChangeViewButton=function(t){var e=t.store,n=t.isVisible;return e.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){e.toggleLayout(e.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},e.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.span(templateObject_17||(templateObject_17=__makeTemplateObject(["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"],["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_16||(templateObject_16=__makeTemplateObject(["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],e.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

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

@@ -0,0 +1,15 @@
+import type { MediaQueries, RedocNormalizedOptions } from '../redoc-lib';
+import type { ProStore } from '../services';
+import type * as React from 'react';
+export interface ResolvedTheme {
+    mediaQueries: Omit<MediaQueries, 'print'>;
+    showAtBreakpoint: {
+        sidebar: keyof Omit<MediaQueries, 'print'>;
+        samplesPanel: keyof Omit<MediaQueries, 'print'>;
+    };
+}
+export interface ProProvidersProps {
+    store: ProStore;
+    children: React.ReactNode;
+    customOptions?: Partial<RedocNormalizedOptions>;
+}

package/lib-esm/components/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/constants.d.ts

@@ -0,0 +1,2 @@
+import type { RedocProUserOptionsExt } from './services';
+export declare const defaultTheme: Required<Pick<RedocProUserOptionsExt, 'breakpoints' | 'showAtBreakpoint'>>;

package/lib-esm/constants.js

@@ -0,0 +1,2 @@
+export var defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}};
+//# sourceMappingURL=constants.js.map

package/lib-esm/redoc-lib/src/common-elements/Download.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{SamplesControlButton}from"./samples";import styled from"../styled-components";export function Download(e){var t,l,o=e.fileInfo;if(!o)return null;var n=o.rawData,a=o.fileName,r=null===(l=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===l?void 0:l.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return React.createElement(StyledAnchor,{href:r,download:a,title:"Download response"},React.createElement(SamplesControlButton,null,"Download"))}var templateObject_1,StyledAnchor=styled.a(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{SamplesControlButton}from"@redocly/theme";export function Download(e){var t,o,l=e.fileInfo;if(!l)return null;var n=l.rawData,a=l.fileName,r=null===(o=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===o?void 0:o.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return React.createElement(StyledAnchor,{href:r,download:a,title:"Download response"},React.createElement(SamplesControlButton,null,"Download"))}var templateObject_1,StyledAnchor=styled.a(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
 //# sourceMappingURL=Download.js.map

package/lib-esm/redoc-lib/src/common-elements/LinkToField.d.ts

@@ -5,5 +5,5 @@ interface LinkToFieldProps {
     className?: string;
 }
 export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
-export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, any, {}, never>;
 export {};

package/lib-esm/redoc-lib/src/common-elements/LinkToField.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{StoreContext}from"../components";import styled from"../styled-components";import{SECTION_ATTR}from"../services/constants";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],a=r[1],s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,s):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return a(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){a(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
+import{__assign,__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{StoreContext}from"../components";import{SECTION_ATTR}from"../services/constants";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],a=r[1],s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,s):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return a(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){a(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
 //# sourceMappingURL=LinkToField.js.map

package/lib-esm/redoc-lib/src/common-elements/fields-layout.d.ts

@@ -1,15 +1,15 @@
-export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const PropertyCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
-export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const PropertyBullet: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const PropertiesTable: import("styled-components").StyledComponent<"table", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", any, {}, never>;

package/lib-esm/redoc-lib/src/common-elements/fields-layout.js

@@ -1,2 +1,2 @@
-var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;import{__makeTemplateObject}from"tslib";import styled,{css,extensionsHook,mediaCSS,ZERO_BREAKPOINT}from"../styled-components";import{deprecatedCss}from"./mixins";export var PropertiesTableCaption=styled.caption(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: ",";\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.secondary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,repeatingGradient=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  repeating-linear-gradient(0deg,\n  ",",\n  "," 3px,\n  transparent 3px,\n  transparent 5px,\n  "," 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  ",",\n  "," 3px,\n  transparent 3px,\n  transparent 5px,\n  "," 5px);\n"])),(function(n){return n.theme.schema.linesColor}),(function(n){return n.theme.schema.linesColor}),(function(n){return n.theme.schema.linesColor}));export var PropertyCell=styled.td(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 10px;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n\n  ","\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    ",";\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 10px;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n\n  ","\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    ",";\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    ",";\n  }\n"])),repeatingGradient,mediaCSS({display:(_a={},_a[ZERO_BREAKPOINT]="block",_a.small="table-cell",_a),overflow:(_b={},_b[ZERO_BREAKPOINT]="hidden",_b.small="initial",_b),padding:(_c={},_c[ZERO_BREAKPOINT]="0 20px",_c.small="10px",_c),marginBottom:(_d={},_d[ZERO_BREAKPOINT]="2px",_d.small=0,_d)}),repeatingGradient,repeatingGradient,mediaCSS({backgroundSize:(_e={},_e[ZERO_BREAKPOINT]="0.9px 100%",_e.small="0.9px 22px",_e)}),repeatingGradient,mediaCSS({backgroundSize:(_f={},_f[ZERO_BREAKPOINT]="0.9px 100%",_f.small="0.9px 20px",_f),backgroundPosition:(_g={},_g[ZERO_BREAKPOINT]="0 20px",_g.small="0 0",_g)}));export var PropertyCellWithInner=styled(PropertyCell)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 0;\n"],["\n  padding: 0;\n"])));export var PropertyNameCell=styled(PropertyCell)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  ","\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  ","\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),(function(n){var e=n.theme;return mediaCSS({fontFamily:e.typography.fieldName.fontFamily})}),deprecatedCss,(function(n){return"field"!==n.kind?"font-style: italic":""}),extensionsHook("PropertyNameCell"));export var PropertyDetailsCell=styled.td(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  ","\n\n  ",";\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  ","\n\n  ",";\n"])),(function(n){var e,t,r,a=n.theme;return mediaCSS({borderBottom:(e={},e[ZERO_BREAKPOINT]="none",e.small="1px solid "+a.colors.border.light,e),borderLeft:(t={},t[ZERO_BREAKPOINT]="1px solid "+a.schema.linesColor,t.small="none",t),padding:(r={},r[ZERO_BREAKPOINT]="0 20px",r.small="10px 0",r),width:a.schema.defaultDetailsWidth,minWidth:"200px"})}),extensionsHook("PropertyDetailsCell"));export var PropertyBullet=styled.span(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  margin-right: 10px;\n  ","\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: ",";\n  }\n\n  ","\n\n  ",";\n"],["\n  margin-right: 10px;\n  ","\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: ",";\n  }\n\n  ","\n\n  ",";\n"])),(function(n){var e=n.theme;return mediaCSS({color:e.schema.linesColor,fontFamily:e.typography.code.fontFamily})}),(function(n){return n.theme.schema.linesColor}),(function(n){var e,t,r=n.theme;return mediaCSS({width:r.schema.defaultDetailsWidth,borderLeft:(e={},e[ZERO_BREAKPOINT]="1px dashed "+r.schema.linesColor,e.small="none",e),padding:(t={},t[ZERO_BREAKPOINT]="5px 10px",t.small="10px",t)})}),extensionsHook("PropertyDetailsCell"));export var InnerPropertiesWrap=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),(function(n){return n.theme.schema.nestingSpacing}));export var PropertiesTableWrap=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"])));export var PropertiesTable=styled.table(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  border-collapse: separate;\n  border-radius: ",";\n  width: 100%;\n  ","\n  > tr, > tbody > tr {\n    ","\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  ","\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: ",";\n    margin-bottom: ",";\n    background: ",";\n    border-radius: ",";\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: #ffffff;\n  }\n"],["\n  border-collapse: separate;\n  border-radius: ",";\n  width: 100%;\n  ","\n  > tr, > tbody > tr {\n    ","\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  ","\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: ",";\n    margin-bottom: ",";\n    background: ",";\n    border-radius: ",";\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: #ffffff;\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){var e,t=n.theme;return mediaCSS({fontSize:t.typography.fontSize,display:(e={},e[ZERO_BREAKPOINT]="block",e.small="table",e)})}),mediaCSS({display:(_h={},_h[ZERO_BREAKPOINT]="block",_h.small="table-row",_h),marginBottom:(_j={},_j[ZERO_BREAKPOINT]="2px",_j.small=0,_j),borderSpacing:(_k={},_k[ZERO_BREAKPOINT]=0,_k.small="0 2px",_k)}),(function(n){return"\n    @media screen and (max-width: "+n.theme.breakpoints[0]+") and (-ms-high-contrast:none) {\n      td {\n        float: left;\n        width: 100%;\n      }\n    }\n  "}),InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,(function(n){return n.theme.schema.nestingSpacing}),(function(n){return n.theme.schema.nestingSpacing}),(function(n){return n.theme.schema.nestedBackground}),(function(n){return n.theme.components.panels.borderRadius}),InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap);
+import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{deprecatedCss}from"./mixins";import{typography}from"../utils/theme-helpers";import{getCssVariable}from"../utils";export var PropertiesTableCaption=styled.caption(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,repeatingGradient=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));export var PropertyCell=styled.td(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small}));export var PropertyCellWithInner=styled(PropertyCell)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 0;\n"],["\n  padding: 0;\n"])));export var PropertyNameCell=styled(PropertyCell)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),deprecatedCss,(function(n){return"field"!==n.kind?"font-style: italic":""}),(function(){var n=getCssVariable("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),typography("field-name"),e)}return typography("field-name")}));export var PropertyDetailsCell=styled.td(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small}));export var PropertyBullet=styled.span(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}));export var InnerPropertiesWrap=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"])));export var PropertiesTableWrap=styled.div(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"])));export var PropertiesTable=styled.table(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap);
 //# sourceMappingURL=fields-layout.js.map

package/lib-esm/redoc-lib/src/common-elements/fields.d.ts

@@ -1,15 +1,15 @@
-export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
     kind?: string | undefined;
 }, never>;
-export declare const FieldLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const TypePrefix: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const TypeName: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const TypeTitle: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const TypeFormat: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const RequiredLabel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const ExampleValue: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const ExtensionValue: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const ConstraintItem: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const PatternLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const ToggleButton: import("styled-components").StyledComponent<"button", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/lib-esm/redoc-lib/src/common-elements/fields.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{extensionsHook,mediaCSS}from"../styled-components";import{PropertyNameCell}from"./fields-layout";import{ShelfIcon}from"./icons";export var ClickablePropertyNameCell=styled(PropertyNameCell)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    ","\n    &:focus {\n      font-weight: ",";\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: ",";\n    width: ",";\n    fill: ",";\n    margin-top: -1px;\n  }\n\n  ",";\n"],["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    ","\n    &:focus {\n      font-weight: ",";\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: ",";\n    width: ",";\n    fill: ",";\n    margin-top: -1px;\n  }\n\n  ",";\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily,fontSize:t.typography.fieldName.fontSize,color:t.colors.text.primary})}),(function(e){return e.theme.typography.fontWeightBold}),ShelfIcon,(function(e){return e.theme.schema.caretSize}),(function(e){return e.theme.schema.caretSize}),(function(e){return e.theme.schema.caretColor}),extensionsHook("ClickablePropertyNameCell"));export var FieldLabel=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  vertical-align: middle;\n  line-height: 20px;\n  ",";\n"],["\n  vertical-align: middle;\n  line-height: 20px;\n  ",";\n"])),(function(e){var t=e.theme;return mediaCSS({fontSize:t.typography.fieldName.fontSize})}));export var TypePrefix=styled(FieldLabel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.schema.typeNameColor}));export var TypeName=styled(FieldLabel)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.schema.typeNameColor}));export var TypeTitle=styled(FieldLabel)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  color: ",";\n  word-break: break-word;\n"],["\n  color: ",";\n  word-break: break-word;\n"])),(function(e){return e.theme.schema.typeTitleColor}));export var TypeFormat=TypeName;export var RequiredLabel=styled(FieldLabel.withComponent("div"))(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"],["\n  color: ",";\n  font-size: ",";\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"])),(function(e){return e.theme.schema.requireLabelColor}),(function(e){return e.theme.schema.labelsTextSize}));export var RecursiveLabel=styled(FieldLabel)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  color: ",";\n  font-size: 13px;\n"],["\n  color: ",";\n  font-size: 13px;\n"])),(function(e){return e.theme.colors.warning.main}));export var ExampleValue=styled(FieldLabel)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"],["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){var t=e.theme;return"\n    background-color: "+t.colors.secondary.light+";\n    color: "+t.colors.text.primary+";\n    padding: 1px "+t.spacing.unit+"px;\n    border: 1px solid "+t.colors.border.light+";\n    font-size: 12px;\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily})}),extensionsHook("ExampleValue"));export var ExtensionValue=styled(ExampleValue)(templateObject_9||(templateObject_9=__makeTemplateObject([""],[""])));export var ConstraintItem=styled(FieldLabel)(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n"],["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){var t=e.theme;return"\n    background-color: "+t.colors.secondary.light+";\n    color: "+t.colors.accent.dark+";\n    margin: 0 "+t.spacing.unit+"px;\n    padding: 1px "+t.spacing.unit+"px;\n    border: 1px solid "+t.colors.border.light+";\n    font-size: 12px;\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily})}),extensionsHook("ConstraintItem"));export var PatternLabel=styled(ConstraintItem)(templateObject_11||(templateObject_11=__makeTemplateObject([""],[""])));export var ToggleButton=styled.button(templateObject_12||(templateObject_12=__makeTemplateObject(["\n  background-color: transparent;\n  border: 0;\n  color: ",";\n  margin-left: ","px;\n  border-radius: ",";\n  cursor: pointer;\n  outline-color: ",";\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  border: 0;\n  color: ",";\n  margin-left: ","px;\n  border-radius: ",";\n  cursor: pointer;\n  outline-color: ",";\n  font-size: 12px;\n"])),(function(e){return e.theme.colors.text.secondary}),(function(e){return e.theme.spacing.unit}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.colors.text.secondary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{PropertyNameCell}from"./fields-layout";import{ShelfIcon}from"./icons";import{getCssVariable,typography}from"../utils";import{css}from"styled-components";export var ClickablePropertyNameCell=styled(PropertyNameCell)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"],["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0;\n    font-family: var(--field-name-font-family);\n    font-size: var(--field-name-font-size);\n    color: var(--color-content);\n    &:focus {\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: var(--schema-chevron-size);\n    width: var(--schema-chevron-size);\n    fill: var(--schema-chevron-color);\n    margin-top: -1px;\n  }\n\n  ",";\n"])),ShelfIcon,(function(){var e=getCssVariable("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){var n="\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: "+e+";\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    ";return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),typography("field-name"),n)}return typography("field-name")}));export var FieldLabel=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"],["\n  vertical-align: middle;\n  line-height: 20px;\n  font-size: var(--field-name-font-size);\n"])));export var TypePrefix=styled(FieldLabel)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"])));export var TypeName=styled(FieldLabel)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  color: var(--schema-type-name-color);\n"],["\n  color: var(--schema-type-name-color);\n"])));export var TypeTitle=styled(FieldLabel)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"],["\n  color: var(--schema-type-title-color);\n  word-break: break-word;\n"])));export var TypeFormat=TypeName;export var RequiredLabel=styled(FieldLabel.withComponent("div"))(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"],["\n  color: var(--schema-require-label-color);\n  font-size: var(--schema-labels-text-size);\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"])));export var RecursiveLabel=styled(FieldLabel)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"],["\n  color: var(--recursive-label-color);\n  font-size: 13px;\n"])));export var ExampleValue=styled(FieldLabel)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-example-background-color);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"])),typography("field-example"));export var ExtensionValue=styled(ExampleValue)(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));export var ConstraintItem=styled(FieldLabel)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"],["\n  border-radius: var(--global-border-radius);\n  background-color: var(--field-constraint-background-color);\n  margin: 0 var(--spacing-unit);\n  padding: 1px var(--spacing-unit);\n  border: 1px solid var(--global-border-color);\n  font-size: 12px;\n  font-family: var(--field-name-font-family);\n  word-break: car(--code-word-break);\n\n  & + & {\n    margin-left: 0;\n  }\n\n  ",";\n"])),typography("field-constraint"));export var PatternLabel=styled(ConstraintItem)(templateObject_12||(templateObject_12=__makeTemplateObject([""],[""])));export var ToggleButton=styled.button(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  border: 0;\n  color: var(--color-content-secondary);\n  margin-left: var(--spacing-unit);\n  border-radius: var(--global-border-radius);\n  cursor: pointer;\n  outline-color: var(--color-content-secondary);\n  font-size: 12px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13;
 //# sourceMappingURL=fields.js.map

package/lib-esm/redoc-lib/src/common-elements/headers.d.ts

@@ -1,6 +1,5 @@
-export declare const headerCommonMixin: (level: number) => any;
-export declare const H1: import("styled-components").StyledComponent<"h1", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const H3: import("styled-components").StyledComponent<"h2", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const RightPanelHeader: import("styled-components").StyledComponent<"h3", import("../../../services/extendTheme").ProTheme, {}, never>;
-export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H1: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const H2: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const H3: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

package/lib-esm/redoc-lib/src/common-elements/headers.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{css,extensionsHook,mediaCSS}from"../styled-components";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,headerFontSize={1:"36px",2:"28px",3:"18px"};export var headerCommonMixin=function(e){return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(t){var n=t.theme;return mediaCSS({fontSize:headerFontSize[e],fontFamily:n.typography.headings.fontFamily,fontWeight:n.typography.headings.fontWeight,lineHeight:headerFontSize[e]})}))};export var H1=styled.h1(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ",";\n  color: ",";\n  margin: 0 0 25px;\n\n  ",";\n"],["\n  ",";\n  color: ",";\n  margin: 0 0 25px;\n\n  ",";\n"])),headerCommonMixin(1),(function(e){return e.theme.colors.text.primary}),extensionsHook("H1"));export var H2=styled.h2(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ",";\n  color: ",";\n  margin: 0 0 20px;\n\n  ",";\n"],["\n  ",";\n  color: ",";\n  margin: 0 0 20px;\n\n  ",";\n"])),headerCommonMixin(2),(function(e){return e.theme.colors.text.primary}),extensionsHook("H2"));export var H3=styled.h2(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  ",";\n  color: ",";\n\n  ",";\n"],["\n  ",";\n  color: ",";\n\n  ",";\n"])),headerCommonMixin(3),(function(e){return e.theme.colors.text.primary}),extensionsHook("H3"));export var RightPanelHeader=styled.h3(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  ","\n\n  ",";\n"],["\n  ","\n\n  ",";\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.rightPanel.textColor})}),extensionsHook("RightPanelHeader"));export var FieldsGroupHeader=styled.h5(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  color: ",";\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n\n  ",";\n"],["\n  color: ",";\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n\n  ",";\n"])),(function(e){return e.theme.colors.text.secondary}),extensionsHook("FieldsGroupHeader"));
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{typography}from"../utils";export var H1=styled.h1(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 0 25px;\n\n  ",";\n"],["\n  margin: 0 0 25px;\n\n  ",";\n"])),typography("h1","h"));export var H2=styled.h2(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin: 0 0 20px;\n\n  ",";\n"],["\n  margin: 0 0 20px;\n\n  ",";\n"])),typography("h2","h"));export var H3=styled.h2(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),typography("h3","h"));export var SamplesPanelHeader=styled.h3(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"],["\n  color: var(--samples-panel-text-color);\n\n  ",";\n"])),typography("right-panel-header"));export var FieldsGroupHeader=styled.h5(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"],["\n  color: var(--color-content-secondary);\n  font-weight: bold;\n  text-transform: uppercase;\n  font-size: 14px;\n  line-height: 20px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;
 //# sourceMappingURL=headers.js.map

package/lib-esm/redoc-lib/src/common-elements/icons.d.ts

@@ -7,32 +7,34 @@ export interface ShelfIconProps {
     direction: 'left' | 'right' | 'up' | 'down';
     style?: React.CSSProperties;
 }
-export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: ShelfIconProps) => JSX.Element, import("../../../services/extendTheme").ProTheme, {}, never>;
-declare function CrossIconInt({ className }: {
-    className?: string;
-}): JSX.Element;
-export declare const CrossIcon: import("styled-components").StyledComponent<typeof CrossIconInt, import("../../../services/extendTheme").ProTheme, {
+export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: ShelfIconProps) => JSX.Element, any, {}, never>;
+export declare const CrossIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, {
     size?: string | undefined;
     color?: string | undefined;
     float?: string | undefined;
 }, never>;
-declare function LockIconInt({ className }: {
-    className?: string;
-}): JSX.Element;
-export declare const LockIcon: import("styled-components").StyledComponent<typeof LockIconInt, import("../../../services/extendTheme").ProTheme, {
+export declare const LockIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, {
     size?: string | undefined;
     color?: string | undefined;
     float?: string | undefined;
 }, never>;
 export declare const FileIcon: import("styled-components").StyledComponent<({ className }: {
     className?: string | undefined;
-}) => JSX.Element, import("../../../services/extendTheme").ProTheme, {
+}) => JSX.Element, any, {
     size?: string | undefined;
     color?: string | undefined;
 }, never>;
 export declare const LinkIcon: import("styled-components").StyledComponent<({ className }: {
     className?: string | undefined;
-}) => JSX.Element, import("../../../services/extendTheme").ProTheme, {
+}) => JSX.Element, any, {
     size?: string | undefined;
 }, never>;
-export {};
+export declare const SearchIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, {
+    className: "search-icon";
+}, "className">;