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

package/lib/components/Callbacks/CallbackSummary.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),shared_1=require("../shared"),icons_1=require("../icons"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),styled_1=require("./styled");function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:t,httpVerb:a,deprecated:l}}){return react_1.default.createElement(theme_1.PanelHeader,{expanded:e,onClick:r},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(shared_1.HttpVerb,{type:a},(0,utils_1.shortenHTTPVerb)(a)),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},t),l?react_1.default.createElement(common_1.Badge,{deprecated:!0},(0,services_1.l)("deprecated")):null),react_1.default.createElement(icons_1.ShelfIcon,{direction:e?"down":"right"}))}exports.CallbackSummary=CallbackSummary;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),shared_1=require("../shared"),icons_1=require("../icons"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),styled_1=require("./styled");function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:t,httpVerb:a,deprecated:l}}){return react_1.default.createElement(theme_1.PanelHeader,{expanded:e,onClick:r},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(shared_1.HttpVerb,{color:a},(0,utils_1.shortenHTTPVerb)(a)),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},t),l?react_1.default.createElement(common_1.Badge,{deprecated:!0},(0,services_1.l)("deprecated")):null),react_1.default.createElement(icons_1.ShelfIcon,{direction:e?"down":"right"}))}exports.CallbackSummary=CallbackSummary;
 //# sourceMappingURL=CallbackSummary.js.map

package/lib/components/Download/DownloadButtonWithLabel.js

@@ -1,20 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadButtonWithLabel=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),services_1=require("../../services"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../recoil/store");function DownloadButtonWithLabelComponent({wrapped:e}){const{options:t,parser:o}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{definition:r,definitionUrl:n}=o,{downloadDefinitionUrl:a}=t,[i,l]=(0,react_1.useState)(a),{downloadFileName:c,getDownloadLink:u}=(0,useDownloadInfo_1.useDownloadInfo)({definition:r,definitionUrl:n});(0,react_1.useEffect)((()=>{a||l(u())}),[a,u]);return react_1.default.createElement(DownloadWrapper,{wrapped:e},(0,services_1.l)("downloadSpecification"),":",react_1.default.createElement(DownloadButton,{download:c||!0,target:"_blank",href:i,onClick:({target:e})=>{e.href||(e.href=i)}},(0,services_1.l)("download")))}exports.DownloadButtonWithLabel=(0,react_1.memo)(DownloadButtonWithLabelComponent);const DownloadButton=styled_components_1.default.a.attrs({className:"download-specification-button button-color-secondary"})`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadButtonWithLabel=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),services_1=require("../../services"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../recoil/store");function DownloadButtonWithLabelComponent({wrapped:e}){const{options:t,parser:o}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{definition:n,definitionUrl:r}=o,{downloadDefinitionUrl:a}=t,[i,l]=(0,react_1.useState)(a),{downloadFileName:d,getDownloadLink:s}=(0,useDownloadInfo_1.useDownloadInfo)({definition:n,definitionUrl:r});(0,react_1.useEffect)((()=>{a||l(s())}),[a,s]);return react_1.default.createElement(DownloadWrapper,{wrapped:e},(0,services_1.l)("downloadSpecification"),":",react_1.default.createElement(DownloadButton,{download:d||!0,target:"_blank",href:i,onClick:({target:e})=>{e.href||(e.href=i)}},(0,services_1.l)("download")))}exports.DownloadButtonWithLabel=(0,react_1.memo)(DownloadButtonWithLabelComponent);const DownloadButton=styled_components_1.default.a.attrs({className:"download-specification-button button-default"})`
   ${theme_1.baseButtonStyles};
-
-  color: var(--button-color);
-  background-color: var(--button-background-color);
-  &:hover {
-    background-color: var(--button-hover-background-color);
-  }
-
-  &:active {
-    background-color: var(--button-active-background-color);
-  }
-
-  margin-left: 0.5em;
+  font-size: var(--button-small-font-size);
+  padding: var(--button-small-padding);
+  min-width: var(--button-small-min-width);
   text-decoration: none;
-  vertical-align: middle;
 `,DownloadWrapper=styled_components_1.default.p`
+  display: flex;
+  align-items: center;
   align-self: flex-start;
   padding-left: ${({wrapped:e})=>e?0:"var(--spacing-horizontal)"};
 `;

package/lib/components/DropdownOrLabel/DropdownOrLabel.js

@@ -1,8 +1,8 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("../common/Dropdown"),MimeLabel=styled_components_1.default.span`
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("../common/Dropdown"),MimeLabel=styled_components_1.default.span`
   margin-left: 4px;
   font-size: 14px;
   text-transform: none;
   font-weight: 400;
-  color: var(--text-color);
-`;function DropdownOrLabel(e){var{Label:t=MimeLabel,Dropdown:o=Dropdown_1.SimpleDropdown}=e,r=__rest(e,["Label","Dropdown"]);return 1===r.options.length?react_1.default.createElement(t,null,r.options[0].value):react_1.default.createElement(o,Object.assign({},r))}exports.DropdownOrLabel=DropdownOrLabel;
+  color: var(--text-primary);
+`;function DropdownOrLabel(e){var{Label:t=MimeLabel,Dropdown:r=Dropdown_1.SimpleDropdown}=e,o=__rest(e,["Label","Dropdown"]);return 1===o.options.length?react_1.default.createElement(t,null,o.options[0].value):react_1.default.createElement(r,Object.assign({},o))}exports.DropdownOrLabel=DropdownOrLabel;
 //# sourceMappingURL=DropdownOrLabel.js.map

package/lib/components/Endpoint/Summary.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),shared_1=require("../shared"),styled_1=require("./styled"),Summary=({operation:e,expanded:t=!1,toggle:r,onToggleConsole:l,tryItOverride:a,showConsole:o})=>{const n=(null==a?void 0:a.label)||"Try it",d=(null==a?void 0:a.link)?styled_1.TryItButton.withComponent("a"):styled_1.TryItButton;return react_1.default.createElement(theme_1.PanelHeader,{onClick:r,expanded:t},react_1.default.createElement(styled_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:e.httpVerb},e.httpVerb),react_1.default.createElement(styled_1.Path,null,e.path),react_1.default.createElement(theme_1.ShelfIcon,{direction:t?"down":"right"})),!e.isWebhook&&!e.isCallback&&o&&react_1.default.createElement(d,{color:"primary",onClick:a?e=>{var t;null===(t=null==a?void 0:a.onClick)||void 0===t||t.call(a),e.stopPropagation()}:l,"data-cy":"try-it",href:null==a?void 0:a.link},n)||null)};exports.Summary=Summary;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),shared_1=require("../shared"),styled_1=require("./styled"),Summary=({operation:e,expanded:t=!1,toggle:r,onToggleConsole:l,tryItOverride:a,showConsole:o})=>{const n=(null==a?void 0:a.label)||"Try it",d=(null==a?void 0:a.link)?styled_1.TryItButton.withComponent("a"):styled_1.TryItButton;return react_1.default.createElement(theme_1.PanelHeader,{onClick:r,expanded:t},react_1.default.createElement(styled_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{color:e.httpVerb},e.httpVerb),react_1.default.createElement(styled_1.Path,null,e.path),react_1.default.createElement(theme_1.ShelfIcon,{direction:t?"down":"right"})),!e.isWebhook&&!e.isCallback&&o&&react_1.default.createElement(d,{color:"primary",onClick:a?e=>{var t;null===(t=null==a?void 0:a.onClick)||void 0===t||t.call(a),e.stopPropagation()}:l,"data-cy":"try-it",href:null==a?void 0:a.link},n)||null)};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

package/lib/components/Endpoint/styled.js

@@ -4,7 +4,7 @@
   margin-bottom: 10px;
 `,exports.Path=styled_components_1.default.span`
   margin: 0 4px;
-  color: var(--text-color-inverse);
+  color: var(--text-secondary);
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: ${({wrap:t})=>t?"normal":"nowrap"};
@@ -21,7 +21,7 @@
   padding: 5px 0;
 `,exports.ServerUrl=styled_components_1.default.div`
   ${styled_1.invertedInputStyles};
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
   padding: 7px 12px;
   overflow-wrap: break-word;
 `,exports.TryItButton=(0,styled_components_1.default)(theme_1.Button)`

package/lib/components/NextSectionButton/NextSectionButton.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NextSectionButton=void 0;const theme_1=require("@redocly/theme"),react_1=__importDefault(require("react")),common_1=require("../common");function NextSectionButton({pagination:e,href:t,label:o}){return e&&"none"!==e?react_1.default.createElement(common_1.Link,{to:t},react_1.default.createElement(theme_1.Button,{extraClass:"next-section-button",color:"secondary"},"➔ Next to ",react_1.default.createElement("strong",null,o))):null}exports.NextSectionButton=NextSectionButton;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NextSectionButton=void 0;const theme_1=require("@redocly/theme"),react_1=__importDefault(require("react")),common_1=require("../common");function NextSectionButton({pagination:e,href:t,label:o}){return e&&"none"!==e?react_1.default.createElement(common_1.Link,{to:t},react_1.default.createElement(theme_1.Button,{extraClass:"next-section-button"},"➔ Next to ",react_1.default.createElement("strong",null,o))):null}exports.NextSectionButton=NextSectionButton;
 //# sourceMappingURL=NextSectionButton.js.map

package/lib/components/Panel/CodeHeader.js

@@ -1,7 +1,7 @@
 "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCodeHeader=exports.CodeHeader=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.CodeHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   cursor: default;
-  border-bottom-right-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
   min-height: 50px;
   --panel-heading-background-color: var(--panel-samples-heading-background-color);
   --panel-heading-padding-local: var(--panel-samples-heading-padding);

package/lib/components/Panel/CodePanel.js

@@ -1,6 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.CodePanel=(0,styled_components_1.default)(theme_1.Panel)`
-  > ${theme_1.PanelHeader} {
-    min-height: 50px;
-  }
-`;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.CodePanel=(0,styled_components_1.default)(theme_1.Panel)``;
 //# sourceMappingURL=CodePanel.js.map

package/lib/components/Parameters/ParametersGroup.js

@@ -1,7 +1,7 @@
 "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrap=exports.ParametersGroup=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),components_1=require("../../components"),Fields_1=require("../Fields"),utils_1=require("../../utils");function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?react_1.default.createElement(exports.Wrap,{key:e},react_1.default.createElement(components_1.FieldsGroupHeader,null,e," Parameters"),react_1.default.createElement(components_1.PropertiesTable,null,react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(t,((e,t)=>react_1.default.createElement(Fields_1.Field,{key:e.name,isLast:t,field:e,showExamples:!0})))))):null}exports.ParametersGroup=(0,react_1.memo)(ParametersGroupComponent),exports.Wrap=styled_components_1.default.div`
   margin: 20px 0 0 0;
   padding-bottom: 20px;
-  border-bottom: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-primary);
 
   &:first-child {
     margin: 0;

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -10,7 +10,7 @@
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-regular);
-  color: var(--text-color);
+  color: var(--text-base);
   -webkit-font-text-smoothing: var(--text-smoothing);
 
   * {

package/lib/components/Search/styled.js

@@ -2,7 +2,7 @@
   cursor: pointer;
   position: absolute;
   right: 15px;
-  color: var(--text-color);
+  color: var(--text-secondary);
 `,exports.ButtonClear=styled_components_1.default.i.attrs((()=>({className:"button-clear"})))`
   cursor: pointer;
   position: absolute;
@@ -97,8 +97,10 @@
     background-color: var(--search-modal-clear-button-background-color);
     padding: 4px 16px;
     border-radius: var(--border-radius);
+    border: var(--search-modal-clear-button-border);
     &:hover {
       background-color: var(--search-modal-clear-button-hover-background-color);
+      border: var(--search-modal-clear-button-hover-border);
     }
   }
 `,exports.TextContainer=styled_components_1.default.div`

package/lib/components/SecurityRequirement/RequirementElement.js

@@ -12,7 +12,7 @@
 `,SecurityRequirementOrWrap=styled_components_1.default.span`
   ${theme_1.linksCss};
 `,ScopeName=styled_components_1.default.code`
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--border-primary);
   margin: 0 3px;
   padding: 0.2em;
   line-height: 1;

package/lib/components/SecurityRequirement/SecurityRequirement.js

@@ -1,5 +1,5 @@
 "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),icons_1=require("../icons"),styled_1=require("./styled"),constants_1=require("./constants"),services_1=require("../../services"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../recoil/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,t){const r=[];let a=t.length;for(;a--;){const n=t[a];let l=n.schemes.length;for(;l--;){const t=n.schemes[l];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:a,hideSecuritySection:n},parser:l}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),c=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:l,securities:e});return!e.length||n?null:react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:(0,services_1.l)("authorizations"),onToggle:e=>r(e),description:!t&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:a}),expanded:t},t&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,l,c="";return e.length>1&&t.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",n=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},l,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:a}),c,n)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,react_1.default.createElement(icons_1.LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(theme_1.MarkdownWrapper,{key:t.id},t.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(t.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,t.apiKey.name)),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,t.http.scheme)),react_1.default.createElement(styled_1.Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("code",null,t.http.bearerFormat))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Connect URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,flow:t.flows[e]},react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})))):null))})):null)}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=styled_components_1.default.div`
-  border-bottom: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;
   &:last-child {

package/lib/components/SideMenu/MenuItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),__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 n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLink=exports.MenuItem=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),services_1=require("../../services"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),icons_1=require("../icons"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n,pagination:i}){var r;const[a,u]=(0,hooks_1.useMenuItemExpanded)(e),o=getLink(e,i),c=(0,react_1.useCallback)((()=>{o&&e.hasActiveSubItem||u(!a)}),[o,e.hasActiveSubItem,u,a]),l=(null===(r=e.items)||void 0===r?void 0:r.length)>0;return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:o,active:e.active},t):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:o,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&react_1.default.createElement(icons_1.ShelfIcon,{direction:a?"down":"right"})||null,e.isSchema?react_1.default.createElement(theme_1.Badge,{type:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,t)),l&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:a,items:e.items}))}function getLink(e,t){return"tag"!==e.type||e.description||t!==services_1.Pagination.Item?(0,utils_1.encodeBackSlashes)(e.href):""}exports.MenuItem=(0,react_1.memo)(MenuItemComponent),exports.getLink=getLink;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,r)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),__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 n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLink=exports.MenuItem=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),services_1=require("../../services"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),icons_1=require("../icons"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n,pagination:i}){var r;const[a,o]=(0,hooks_1.useMenuItemExpanded)(e),u=getLink(e,i),c=(0,react_1.useCallback)((()=>{u&&e.hasActiveSubItem||o(!a)}),[u,e.hasActiveSubItem,o,a]),l=(null===(r=e.items)||void 0===r?void 0:r.length)>0;return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:u,active:e.active},t):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:u,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&react_1.default.createElement(icons_1.ShelfIcon,{direction:a?"down":"right"})||null,e.isSchema?react_1.default.createElement(theme_1.Tag,{color:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,t)),l&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:a,items:e.items}))}function getLink(e,t){return"tag"!==e.type||e.description||t!==services_1.Pagination.Item?(0,utils_1.encodeBackSlashes)(e.href):""}exports.MenuItem=(0,react_1.memo)(MenuItemComponent),exports.getLink=getLink;
 //# sourceMappingURL=MenuItem.js.map

package/lib/components/SideMenu/MenuOperationItemContent.js

@@ -4,5 +4,5 @@
   display: block;
   font-size: 0.87em;
   line-height: 1.2;
-`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return a!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=a===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),o=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?react_1.default.createElement(theme_1.Badge,{type:"hook"},l?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.Badge,{type:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},i,r),o)}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
+`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return a!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=a===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),o=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?react_1.default.createElement(theme_1.HttpTag,{color:"hook"},l?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.HttpTag,{color:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},i,r),o)}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
 //# sourceMappingURL=MenuOperationItemContent.js.map

package/lib/components/SourceCodeWithFile/SourceCodeWithFile.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SourceCodeWithFile=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Download_1=require("../Download"),icons_1=require("../icons");function SourceCodeWithFile({fileInfo:e}){return react_1.default.createElement(Wrapper,null,react_1.default.createElement(theme_1.CodeBlockControls,null,react_1.default.createElement(Download_1.DownloadLink,{fileInfo:e})),react_1.default.createElement(theme_1.CodeBlockContainer,null,react_1.default.createElement(icons_1.FileIcon,{color:"--text-color-inverse"}),null==e?void 0:e.fileName))}exports.SourceCodeWithFile=SourceCodeWithFile;const Wrapper=styled_components_1.default.div``;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SourceCodeWithFile=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Download_1=require("../Download"),icons_1=require("../icons");function SourceCodeWithFile({fileInfo:e}){return react_1.default.createElement(Wrapper,null,react_1.default.createElement(theme_1.CodeBlockControls,null,react_1.default.createElement(Download_1.DownloadLink,{fileInfo:e})),react_1.default.createElement(theme_1.CodeBlockContainer,null,react_1.default.createElement(icons_1.FileIcon,{color:"--text-secondary"}),null==e?void 0:e.fileName))}exports.SourceCodeWithFile=SourceCodeWithFile;const Wrapper=styled_components_1.default.div``;
 //# sourceMappingURL=SourceCodeWithFile.js.map

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

@@ -24,8 +24,8 @@
     }
   `}
 `,FloatingButton=(0,styled_components_1.default)(theme_1.MobileSidebarButton)`
-  --fab-background-color: var(--color-secondary-900);
-  --fab-active-background: var(--color-secondary-900);
+  --fab-background-color: var(--bg-overlay);
+  --fab-active-background: var(--bg-raised);
 
   ${({theme:e})=>styled_components_1.css`
     ${e.mediaQueries[e.showAtBreakpoint.sidebar]} {

package/lib/components/Tabs/CollapsingTabs/CollapsingTabList.js

@@ -1,4 +1,12 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabList=void 0;const styled_components_1=__importDefault(require("styled-components")),TabList_1=require("../TabList");exports.CollapsingTabList=(0,styled_components_1.default)(TabList_1.TabList)`
-  margin: 0 0 10px;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabList=void 0;const styled_components_1=__importDefault(require("styled-components")),TabList_1=require("../TabList");exports.CollapsingTabList=(0,styled_components_1.default)(TabList_1.TabList)`
+  background-color: var(--bg-overlay);
+  border-radius: var(--border-radius-lg);
+  padding: 2px;
+  margin: 0 0 15px;
+
+  li[class^='Tab'] {
+    margin: 0;
+    list-style: none;
+  }
 `;
 //# sourceMappingURL=CollapsingTabList.js.map

package/lib/components/Tabs/Tab.js

@@ -1,32 +1,28 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;const react_tabs_1=require("react-tabs"),styled_components_1=__importDefault(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;const react_tabs_1=require("react-tabs"),styled_components_1=__importDefault(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)`
   flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
-  padding: 5px 10px;
+  padding: 0px 8px;
   font-size: var(--panel-samples-tabs-font-size);
   line-height: 26px;
   font-weight: var(--panel-samples-tabs-font-weight);
   text-align: center;
   color: var(--panel-samples-tabs-text-color);
   background-color: var(--panel-samples-tabs-background-color);
-  border-bottom: 4px solid var(--panel-samples-tabs-border-color);
-  margin-bottom: -4px;
+  border-radius: var(--border-radius-lg);
 
   &:hover {
     border-color: var(--panel-samples-tabs-hover-border-color);
     background-color: var(--panel-samples-tabs-hover-background-color);
+    color: var(--panel-samples-tabs-hover-text-color);
   }
 
   &.react-tabs__tab--selected {
     background-color: var(--panel-samples-tabs-active-background-color);
     border-color: var(--panel-samples-tabs-active-border-color);
-  }
-
-  &:first-child {
-    border-top-left-radius: var(--border-radius);
-  }
-
-  &:last-child {
-    border-top-right-radius: var(--border-radius);
+    color: var(--panel-samples-tabs-active-text-color);
   }
 `;
 //# sourceMappingURL=Tab.js.map

package/lib/components/common/CheckboxList.js

@@ -1,7 +1,7 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,l)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;const informed_1=require("informed"),theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),form_1=require("./form"),Checkbox_1=require("./Checkbox"),DEFAULT_MAX_ITEMS=11,CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:o,maxDisplayedItems:r,showControls:l,trimItemsLength:n})=>{const[a,c]=(0,react_1.useState)(!0),i=e=>t.getValue().includes(e),s=t.getError(),u=r||11,d=n&&a?e.slice(0,u):e;return react_1.default.createElement("div",null,l?react_1.default.createElement(theme_1.CodeBlockControls,{controls:{select:{onClick:()=>{t.setValue(e)},label:"Select all",tooltipText:"Select all checkboxes"},deselect:{onClick:()=>{t.setValue([])},label:"Deselect all",tooltipText:"Deselect all checkboxes"}}}):null,react_1.default.createElement(ListWrapper,null,d.map((e=>react_1.default.createElement(Checkbox_1.Checkbox,{fullWidth:!0,id:e,value:e,checked:i(e),label:e,key:e,onChange:e=>{(e=>{const o=e.target.value,r=e.target.checked;t.setTouched(!0);const l=t.getValue()||[];let n;if(r)n=[...l,o];else{const e=l.indexOf(o);n=[...l.slice(0,e),...l.slice(e+1)]}t.setValue(n)})(e),o&&t.validate()}}))),e.length>u&&n?react_1.default.createElement(ToggleButton,{onClick:()=>{c((e=>!e))}},a?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")};exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(exports.CheckboxListComponent);const ListWrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,l)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;const informed_1=require("informed"),theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),form_1=require("./form"),Checkbox_1=require("./Checkbox"),DEFAULT_MAX_ITEMS=11,CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:r,maxDisplayedItems:o,showControls:l,trimItemsLength:a})=>{const[n,i]=(0,react_1.useState)(!0),c=e=>t.getValue().includes(e),s=t.getError(),u=o||11,d=a&&n?e.slice(0,u):e;return react_1.default.createElement("div",null,l?react_1.default.createElement(theme_1.CodeBlockControls,{controls:{select:{onClick:()=>{t.setValue(e)},label:"Select all",tooltipText:"Select all checkboxes"},deselect:{onClick:()=>{t.setValue([])},label:"Deselect all",tooltipText:"Deselect all checkboxes"}}}):null,react_1.default.createElement(ListWrapper,null,d.map((e=>react_1.default.createElement(Checkbox_1.Checkbox,{fullWidth:!0,id:e,value:e,checked:c(e),label:e,key:e,onChange:e=>{(e=>{const r=e.target.value,o=e.target.checked;t.setTouched(!0);const l=t.getValue()||[];let a;if(o)a=[...l,r];else{const e=l.indexOf(r);a=[...l.slice(0,e),...l.slice(e+1)]}t.setValue(a)})(e),r&&t.validate()}}))),e.length>u&&a?react_1.default.createElement(ToggleButton,{onClick:()=>{i((e=>!e))}},n?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")};exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(exports.CheckboxListComponent);const ListWrapper=styled_components_1.default.div`
   padding: 10px;
-  background-color: var(--panel-samples-input-background-color);
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  border: 1px solid var(--border-primary);
+  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
 `,ToggleButton=(0,styled_components_1.default)(theme_1.CodeBlockControlButton)`
   float: right;
 `;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(ArrowSvg)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),utils_1=require("../../../utils"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(ArrowSvg)`
   position: absolute;
   pointer-events: none;
   z-index: 1;
@@ -10,7 +10,7 @@
   margin: auto;
   text-align: center;
   polyline {
-    color: ${e=>"dark"===e.variant&&"white"};
+    color: inherit;
   }
-`,DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:a,placeholder:n,value:o="",className:l,variant:i="light"})=>{var s;const u=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},a)=>{const n=(0,utils_1.normalizeText)(t);return react_1.default.createElement("option",{key:e||n+a,value:n,className:"dropdown-option"},r||n)}))),[e]),c=(0,utils_1.normalizeText)(o),d=(null===(s=e.find((e=>e.value===o)))||void 0===s?void 0:s.title)||c;return react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:i}),a&&(null==c?void 0:c.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:r=>{const{selectedIndex:a}=r.target;t(e[n||!o?a-1:a])},value:c,className:"dropdown-select"},n&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:n},n),!c&&!n&&react_1.default.createElement("option",{disabled:!0}),u),react_1.default.createElement("label",null,d))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
+`,DropdownComponent=({options:e,onChange:t,handleClear:r,clearable:n,placeholder:o,value:a="",className:l})=>{var i;const u=(0,react_1.useMemo)((()=>e.map((({idx:e,value:t,title:r},n)=>{const o=(0,utils_1.normalizeText)(t);return react_1.default.createElement("option",{key:e||o+n,value:o,className:"dropdown-option"},r||o)}))),[e]),s=(0,utils_1.normalizeText)(a),c=(null===(i=e.find((e=>e.value===a)))||void 0===i?void 0:i.title)||s;return react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,null),n&&(null==s?void 0:s.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:r=>{const{selectedIndex:n}=r.target;t(e[o||!a?n-1:n])},value:s,className:"dropdown-select"},o&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:o},o),!s&&!o&&react_1.default.createElement("option",{disabled:!0}),u),react_1.default.createElement("label",null,c))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,r,e,t){void 0===t&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(o,t,n)}:function(o,r,e,t){void 0===t&&(t=e),o[t]=r[e]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,r){Object.defineProperty(o,"default",{enumerable:!0,value:r})}:function(o,r){o.default=r}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var r={};if(null!=o)for(var e in o)"default"!==e&&Object.prototype.hasOwnProperty.call(o,e)&&__createBinding(r,o,e);return __setModuleDefault(r,o),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.SchemaDiscriminatorDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),darkDropdownStyle=styled_components_1.css`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,e,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,t,n)}:function(o,e,r,t){void 0===t&&(t=r),o[t]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&__createBinding(e,o,r);return __setModuleDefault(e,o),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.SchemaDiscriminatorDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),darkDropdownStyle=styled_components_1.css`
   background-color: var(--panel-samples-dropdown-background-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);
@@ -6,14 +6,12 @@
   &,
   &:hover,
   &:focus-within {
-    border: none;
     box-shadow: none;
   }
 `;exports.Dropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
-  border-radius: var(--border-radius);
   vertical-align: bottom;
   position: relative;
   width: ${({fullWidth:o})=>o?"100%":"auto"};
@@ -25,10 +23,10 @@
     min-width: 90px;
     height: 36px;
     outline: none;
-    display: inline-block;
+    display: flex;
+    align-items: center;
     color: var(--docs-dropdown-text-color);
-    border-radius: var(--border-radius);
-    border: var(--docs-dropdown-border);
+    border-radius: var(--border-radius-md);
     padding: var(--docs-dropdown-padding);
     vertical-align: bottom;
     width: ${({fullWidth:o})=>o?"100%":"auto"};
@@ -43,7 +41,6 @@
     &,
     &:hover,
     &:focus-within {
-      border: 1px solid var(--border-color);
       box-shadow: none;
     }
 
@@ -61,7 +58,7 @@
     appearance: none;
     cursor: pointer;
 
-    color: var(--text-color);
+    color: var(--text-secondary);
     line-height: inherit;
     font-size: 14px;
     font-family: inherit;
@@ -75,7 +72,6 @@
   }
   label {
     padding: 0 26px 0 4px;
-    border: none;
     background: transparent;
     font-size: 14px;
     font-weight: 400;
@@ -84,7 +80,6 @@
 
     &:hover,
     &:focus-within {
-      border: none;
       box-shadow: none;
     }
   }
@@ -96,22 +91,16 @@
   label {
     ${darkDropdownStyle};
 
-    height: 40px;
-    border-radius: 0 var(--border-radius) 0 0;
-    margin: 0 0 -4px;
+    border-radius: var(--border-radius-lg);
+    margin-left: 5px;
     transition: none;
     min-width: auto;
-    background: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"none"};
+    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"var(--bg-base)"};
     & {
-      border-bottom: 4px solid
-        ${({active:o})=>o?"var(--panel-samples-tabs-active-border-color)":"transparent"};
-
       &[open],
       &:focus-within,
       &:hover {
-        background: var(--border-color-secondary);
-        border-bottom: 4px solid
-          ${({active:o})=>o?"var( --panel-samples-tabs-active-border-color)":"transparent"};
+        background-color: var(--bg-raised);
       }
     }
   }
@@ -120,7 +109,7 @@
   label {
     width: 100%;
     font-weight: 600;
-    color: var(--text-color);
+    color: var(--text-secondary);
   }
 `,exports.SchemaDiscriminatorDropdown=(0,styled_components_1.default)(exports.Dropdown)`
   .dropdown-select {

package/lib/components/common/Dropdown/types.d.ts

@@ -21,6 +21,5 @@ export interface DropdownProps {
 }
 export interface ArrowIconProps {
     className?: string;
-    variant?: 'light' | 'dark';
     style?: React.CSSProperties;
 }

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

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__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 t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var a=Object.getOwnPropertyDescriptor(r,t);a&&!("get"in a?!r.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,a)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__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 t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=exports.getCssVariable=void 0;const styled_components_1=__importStar(require("styled-components")),utils_1=require("../../../utils"),mixins_1=require("../mixins"),getCssVariable=e=>"undefined"!=typeof document?getComputedStyle(document.documentElement).getPropertyValue(e).trim():"";exports.getCssVariable=getCssVariable,exports.PropertiesTableCaption=styled_components_1.default.caption`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;
-  color: var(--text-color-secondary);
+  color: var(--text-secondary);
 `;const repeatingGradient=styled_components_1.css`
   repeating-linear-gradient(0deg,
   var(--schemas-lines-color),
@@ -122,7 +122,7 @@
   min-width: 200px;
 
   ${({theme:e})=>e.mediaQueries.small} {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-primary);
     border-left: none;
     padding: 10px 0;
   }

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

@@ -1,11 +1,11 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,o,r,t){void 0===t&&(t=r);var a=Object.getOwnPropertyDescriptor(o,r);a&&!("get"in a?!o.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(e,t,a)}:function(e,o,r,t){void 0===t&&(t=r),e[t]=o[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}:function(e,o){e.default=o}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var o={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(o,e,r);return __setModuleDefault(o,e),o};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.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;
     outline: 0;
     cursor: pointer;
     padding: 0 10px 0 0;
-    color: var(--text-color);
+    color: var(--text-primary);
     &:focus {
       font-weight: var(--font-weight-bold);
     }
@@ -18,10 +18,10 @@
     margin-top: -1px;
   }
 
-  ${()=>{const e=(0,fields_layout_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const o=`\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 styled_components_1.css`
+  ${()=>{const e=(0,fields_layout_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\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 styled_components_1.css`
         button {
           ${(0,utils_1.typography)("schema-property-name")};
-          ${o};
+          ${r};
         }
       `}return styled_components_1.css`
       button {
@@ -40,7 +40,7 @@
   color: var(--schema-type-title-text-color);
   word-break: break-word;
 `,exports.TypeFormat=exports.TypeName,exports.PropertyLabel=(0,styled_components_1.default)(exports.FieldLabel.withComponent("div"))`
-  color: var(--text-color-secondary);
+  color: var(--text-secondary);
   font-size: var(--schema-labels-font-size);
   font-weight: normal;
   line-height: 1;
@@ -97,11 +97,11 @@
 `,exports.PatternLabel=(0,styled_components_1.default)(exports.ConstraintItem)``,exports.ToggleButton=styled_components_1.default.button`
   background-color: transparent;
   border: 0;
-  color: var(--text-color-secondary);
+  color: var(--text-secondary);
   margin-left: var(--spacing-unit);
   border-radius: var(--border-radius);
   cursor: pointer;
-  outline-color: var(--text-color-secondary);
+  outline-color: var(--text-secondary);
   font-size: 12px;
 `;
 //# sourceMappingURL=fields.js.map

package/lib/components/common/form.js

@@ -30,18 +30,18 @@
         display: inline-block;
         content: '*';
         margin-left: 4px;
-        color: var(--color-error-500);
+        color: var(--color-error);
       }
     `}
 `,exports.FormError=styled_components_1.default.div`
-  color: var(--color-error-500);
+  color: var(--color-error);
   font-size: 0.9em;
   & pre {
     word-break: break-word;
     white-space: pre-wrap;
   }
 `,exports.FormWarning=styled_components_1.default.div`
-  color: var(--color-warning-500);
+  color: var(--color-warning);
   font-size: 0.9em;
 `,exports.TokenField=styled_components_1.default.div`
   position: relative;
@@ -55,7 +55,7 @@
   padding: 0 5px;
   cursor: pointer;
 `,exports.TokenClear=(0,styled_components_1.default)(exports.TokenShowHide)`
-  color: var(--color-error-500);
+  color: var(--color-error);
 `,exports.FormHeader=styled_components_1.default.div`
   font-weight: bold;
   font-size: 1.2em;

package/lib/components/common/headers.js

@@ -3,7 +3,7 @@
 
   ${(0,utils_1.typography)("right-panel-header")};
 `,exports.FieldsGroupHeader=styled_components_1.default.h5`
-  color: var(--text-color-secondary);
+  color: var(--text-secondary);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;

package/lib/components/common/panels.js

@@ -46,7 +46,7 @@
         width: 100%;
         display: block;
         content: '';
-        border-bottom: 1px solid var(--border-color);
+        border-bottom: 1px solid var(--border-primary);
       }
     `}
   ${theme_1.H2} {

package/lib/components/icons/LinkIcon.js

@@ -5,7 +5,7 @@
   color: var(--link-text-color);
   &:active,
   &:visited {
-    color: var(--text-color);
+    color: var(--link-visited-text-color);
   }
 `;
 //# sourceMappingURL=LinkIcon.js.map