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

package/lib/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),services_1=require("../../services"),FieldDetail_1=require("./FieldDetail"),ConstraintsView_1=require("./ConstraintsView"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),styled_1=require("./styled"),store_1=require("../../recoil/store"),MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[l,r]=(0,react_1.useState)(!1),{enumSkipQuotes:n,hideSchemaTitles:i,hideSchemaPattern:c}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{schema:o,description:u,example:s,deprecated:_,examples:d}=t,m=Boolean(n)||"header"===t.in;let p=null;if(e&&(void 0!==s||void 0!==d))if(void 0!==d)p=react_1.default.createElement(Examples_1.Examples,{field:t});else{const e=!!t.in;p=react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}return react_1.default.createElement("div",null,react_1.default.createElement(styled_1.TypeWrapper,null,react_1.default.createElement(common_1.TypePrefix,null,o.typePrefix),react_1.default.createElement(common_1.TypeName,null,o.displayType),o.displayFormat&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!i&&react_1.default.createElement(common_1.TypeTitle,null," (",o.title,") "),react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.PatternLabel,null,l||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:`${o.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),o.pattern.length>MAX_PATTERN_LENGTH&&react_1.default.createElement(common_1.ToggleButton,{onClick:()=>{r(!l)}},l?"Hide pattern":"Show pattern"))," ",o.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,(0,services_1.l)("recursive"))),_&&react_1.default.createElement("div",null,react_1.default.createElement(common_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,services_1.l)("deprecated")," ")),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:m,label:"default",value:o.default}),react_1.default.createElement(styled_1.FieldDescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:u})),!a&&react_1.default.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",p,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),o.extensions)}),o.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"const",value:t.const})||null)}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),services_1=require("../../services"),FieldDetail_1=require("./FieldDetail"),ConstraintsView_1=require("./ConstraintsView"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),styled_1=require("./styled"),store_1=require("../../recoil/store"),MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[l,r]=(0,react_1.useState)(!1),{enumSkipQuotes:n,hideSchemaTitles:i,hideSchemaPattern:c}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{schema:o,description:u,example:s,deprecated:_,examples:d}=t,m=Boolean(n)||"header"===t.in;let p=null;if(e&&(void 0!==s||void 0!==d))if(void 0!==d)p=react_1.default.createElement(Examples_1.Examples,{field:t});else{const e=!!t.in;p=react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}return react_1.default.createElement("div",null,react_1.default.createElement(styled_1.TypeWrapper,null,react_1.default.createElement(common_1.TypePrefix,null,o.typePrefix),react_1.default.createElement(common_1.TypeName,null,o.displayType),o.displayFormat&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!i&&react_1.default.createElement(common_1.TypeTitle,null," (",o.title,") "),react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.PatternLabel,null,l||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:`${o.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),o.pattern.length>MAX_PATTERN_LENGTH&&react_1.default.createElement(common_1.ToggleButton,{onClick:()=>{r(!l)}},l?"Hide pattern":"Show pattern"))," ",o.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,(0,services_1.l)("recursive"))),_&&react_1.default.createElement("div",null,react_1.default.createElement(common_1.DeprecatedLabel,null,(0,services_1.l)("deprecated"))),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:m,label:"default",value:o.default}),react_1.default.createElement(styled_1.FieldDescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:u})),!a&&react_1.default.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",p,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),o.extensions)}),o.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"const",value:t.const})||null)}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);
 //# sourceMappingURL=FieldDetails.js.map

package/lib/components/Panel/CodeHeader.js

@@ -7,6 +7,9 @@
   --panel-heading-padding-local: var(--panel-samples-heading-padding);
   --panel-heading-text-color: var(--panel-samples-heading-text-color);
 `,exports.StyledCodeHeader=(0,styled_components_1.default)(exports.CodeHeader)`
+  --panel-heading-font-size-local: var(--panel-heading-font-size);
+  --panel-heading-white-space-local: var(--panel-heading-white-space);
+  --panel-heading-line-height-local: var(--panel-heading-line-height);
   --panel-heading-padding-local: 10px 20px;
 `;
 //# sourceMappingURL=CodeHeader.js.map

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

@@ -12,6 +12,7 @@ export declare const AdditionalPropertiesLabel: import("styled-components").Styl
 export declare const AccessLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DeprecatedLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout"),icons_1=require("../../icons");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,o,t){void 0===t&&(t=o);var a=Object.getOwnPropertyDescriptor(r,o);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(e,t,a)}:function(e,r,o,t){void 0===t&&(t=o),e[t]=r[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(r,e,o);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToggleButton=exports.PatternLabel=exports.ConstraintItem=exports.ExtensionValue=exports.ExampleValue=exports.DefaultValue=exports.EnumValue=exports.DeprecatedLabel=exports.RecursiveLabel=exports.FieldValueLabel=exports.AccessLabel=exports.AdditionalPropertiesLabel=exports.RequiredLabel=exports.PropertyLabel=exports.TypeFormat=exports.TypeTitle=exports.TypeName=exports.TypePrefix=exports.FieldLabel=exports.ClickablePropertyNameCell=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),fields_layout_1=require("./fields-layout"),icons_1=require("../../icons");exports.ClickablePropertyNameCell=(0,styled_components_1.default)(fields_layout_1.PropertyNameCell)`
   button {
     background-color: transparent;
     border: 0;
@@ -62,6 +62,10 @@
   background-color: var(--schema-recursive-background-color);
   border-color: var(--schema-recursive-border-color);
   color: var(--schema-recursive-text-color);
+`,exports.DeprecatedLabel=(0,styled_components_1.default)(exports.FieldValueLabel)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  border-color: var(--badge-deprecated-border-color);
 `,exports.EnumValue=(0,styled_components_1.default)(exports.FieldValueLabel)`
   background-color: var(--schema-enum-background-color);
   border-color: var(--schema-enum-border-color);

package/lib/components/rightPanel/CodemirrorInput/styled.js

@@ -1,10 +1,13 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeMirrorStyles=void 0;const styled_components_1=require("styled-components");exports.CodeMirrorStyles=styled_components_1.createGlobalStyle`
   .cm-s-material.CodeMirror {
-    background-color: var(--code-block-controls-background-color)!important;
-    color: var(--text-secondary)!important;
-    font-family: var(--code-font-family);
-    line-height: 18px;
-    padding: 10px;
+    background-color: var(--bg-overlay) !important;
+    color: var(--code-block-text-color) !important;
+    font-family: var(--code-block-font-family);
+    font-weight: var(--code-block-font-weight);
+    font-size: var(--code-block-font-size);
+    line-height: var(--code-block-line-height);
+    padding: var(--code-block-padding);
+    white-space: var(--code-wrap, pre);
   }
 
   .CodeMirror-lint-mark-error {
@@ -12,10 +15,6 @@
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;
   }
 
-  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {
-    background: rgba(255, 255, 255, 0.3) !important;
-  }
-
   .cm-s-material .CodeMirror-code .cm-string.cm-property {
     color: var(--code-block-tokens-property-string-color);
   }
@@ -31,6 +30,11 @@
   div .cm-s-material .CodeMirror-matchingbracket {
     outline: 1px solid grey;
     text-decoration: none;
+    color: var(--color-gold-8) !important;
+  }
+
+  div .cm-s-material .CodeMirror-nonmatchingbracket {
+    color: var(--color-red-8) !important;
   }
 
   .react-codemirror2 {

package/lib-esm/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper,FieldDescriptionWrapper}from"./styled";import{globalOptionsSelector}from"../../recoil/store";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:i,hideSchemaTitles:o,hideSchemaPattern:c}=useRecoilValue(globalOptionsSelector),{schema:m,description:s,example:p,deprecated:u,examples:d}=t,E=Boolean(i)||"header"===t.in;let R=null;if(e&&(void 0!==p||void 0!==d))if(void 0!==d)R=React.createElement(Examples,{field:t});else{const e=!!t.in;R=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!o&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<MAX_PATTERN_LENGTH?m.pattern:`${m.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),m.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:E,label:"default",value:m.default}),React.createElement(FieldDescriptionWrapper,null,React.createElement(Markdown,{source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=memo(FieldDetailsComponent);
+import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,DeprecatedLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper,FieldDescriptionWrapper}from"./styled";import{globalOptionsSelector}from"../../recoil/store";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:i,hideSchemaTitles:o,hideSchemaPattern:c}=useRecoilValue(globalOptionsSelector),{schema:m,description:s,example:p,deprecated:u,examples:E}=t,d=Boolean(i)||"header"===t.in;let R=null;if(e&&(void 0!==p||void 0!==E))if(void 0!==E)R=React.createElement(Examples,{field:t});else{const e=!!t.in;R=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!o&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<MAX_PATTERN_LENGTH?m.pattern:`${m.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),m.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(DeprecatedLabel,null,l("deprecated"))),React.createElement(FieldDetail,{raw:d,label:"default",value:m.default}),React.createElement(FieldDescriptionWrapper,null,React.createElement(Markdown,{source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=memo(FieldDetailsComponent);
 //# sourceMappingURL=FieldDetails.js.map

package/lib-esm/components/Panel/CodeHeader.js

@@ -7,6 +7,9 @@ import styled from"styled-components";import{PanelHeader}from"@redocly/theme";ex
   --panel-heading-padding-local: var(--panel-samples-heading-padding);
   --panel-heading-text-color: var(--panel-samples-heading-text-color);
 `;export const StyledCodeHeader=styled(CodeHeader)`
+  --panel-heading-font-size-local: var(--panel-heading-font-size);
+  --panel-heading-white-space-local: var(--panel-heading-white-space);
+  --panel-heading-line-height-local: var(--panel-heading-line-height);
   --panel-heading-padding-local: 10px 20px;
 `;
 //# sourceMappingURL=CodeHeader.js.map

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

@@ -12,6 +12,7 @@ export declare const AdditionalPropertiesLabel: import("styled-components").Styl
 export declare const AccessLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DeprecatedLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -62,6 +62,10 @@ import styled,{css}from"styled-components";import{typography}from"../../../utils
   background-color: var(--schema-recursive-background-color);
   border-color: var(--schema-recursive-border-color);
   color: var(--schema-recursive-text-color);
+`;export const DeprecatedLabel=styled(FieldValueLabel)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  border-color: var(--badge-deprecated-border-color);
 `;export const EnumValue=styled(FieldValueLabel)`
   background-color: var(--schema-enum-background-color);
   border-color: var(--schema-enum-border-color);

package/lib-esm/components/rightPanel/CodemirrorInput/styled.js

@@ -1,10 +1,13 @@
 import{createGlobalStyle}from"styled-components";export const CodeMirrorStyles=createGlobalStyle`
   .cm-s-material.CodeMirror {
-    background-color: var(--code-block-controls-background-color)!important;
-    color: var(--text-secondary)!important;
-    font-family: var(--code-font-family);
-    line-height: 18px;
-    padding: 10px;
+    background-color: var(--bg-overlay) !important;
+    color: var(--code-block-text-color) !important;
+    font-family: var(--code-block-font-family);
+    font-weight: var(--code-block-font-weight);
+    font-size: var(--code-block-font-size);
+    line-height: var(--code-block-line-height);
+    padding: var(--code-block-padding);
+    white-space: var(--code-wrap, pre);
   }
 
   .CodeMirror-lint-mark-error {
@@ -12,10 +15,6 @@ import{createGlobalStyle}from"styled-components";export const CodeMirrorStyles=c
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;
   }
 
-  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {
-    background: rgba(255, 255, 255, 0.3) !important;
-  }
-
   .cm-s-material .CodeMirror-code .cm-string.cm-property {
     color: var(--code-block-tokens-property-string-color);
   }
@@ -31,6 +30,11 @@ import{createGlobalStyle}from"styled-components";export const CodeMirrorStyles=c
   div .cm-s-material .CodeMirror-matchingbracket {
     outline: 1px solid grey;
     text-decoration: none;
+    color: var(--color-gold-8) !important;
+  }
+
+  div .cm-s-material .CodeMirror-nonmatchingbracket {
+    color: var(--color-red-8) !important;
   }
 
   .react-codemirror2 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.56.patch.0",
+  "version": "3.0.0-alpha.56.patch.1",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -15,7 +15,7 @@
     "openapi-docs": "bin.js"
   },
   "peerDependencies": {
-    "@redocly/theme": ">=0.9.4",
+    "@redocly/theme": "0.18.3-patch.1",
     "core-js": "^3.1.4",
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0",
@@ -64,7 +64,7 @@
     "yargs": "^17.3.0"
   },
   "devDependencies": {
-    "@redocly/theme": "0.18.3-patch.0",
+    "@redocly/theme": "0.18.3-patch.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",