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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/console.redocly-openapi-docs.min.js +18 -28
  2. package/dist/oauth2-redirect.js +1 -1
  3. package/dist/redocly-openapi-docs.min.js +5498 -4835
  4. package/lib/components/Callbacks/CallbackSummary.js +1 -1
  5. package/lib/components/Download/DownloadButtonWithLabel.js +6 -14
  6. package/lib/components/DropdownOrLabel/DropdownOrLabel.js +3 -3
  7. package/lib/components/Endpoint/Summary.js +1 -1
  8. package/lib/components/Endpoint/styled.js +2 -2
  9. package/lib/components/NextSectionButton/NextSectionButton.js +1 -1
  10. package/lib/components/Panel/CodeHeader.js +2 -2
  11. package/lib/components/Panel/CodePanel.js +1 -5
  12. package/lib/components/Parameters/ParametersGroup.js +1 -1
  13. package/lib/components/RedoclyOpenAPIDocs/styled.js +1 -1
  14. package/lib/components/Search/styled.js +3 -1
  15. package/lib/components/SecurityRequirement/RequirementElement.js +1 -1
  16. package/lib/components/SecurityRequirement/SecurityRequirement.js +1 -1
  17. package/lib/components/SideMenu/MenuItem.js +1 -1
  18. package/lib/components/SideMenu/MenuOperationItemContent.js +1 -1
  19. package/lib/components/SourceCodeWithFile/SourceCodeWithFile.js +1 -1
  20. package/lib/components/StickySidebar/StickyResponsiveSidebar.js +2 -2
  21. package/lib/components/Tabs/CollapsingTabs/CollapsingTabList.js +10 -2
  22. package/lib/components/Tabs/Tab.js +8 -12
  23. package/lib/components/common/CheckboxList.js +3 -3
  24. package/lib/components/common/Dropdown/Dropdown.js +3 -3
  25. package/lib/components/common/Dropdown/styled.js +10 -21
  26. package/lib/components/common/Dropdown/types.d.ts +0 -1
  27. package/lib/components/common/Fields/fields-layout.js +3 -3
  28. package/lib/components/common/Fields/fields.js +7 -7
  29. package/lib/components/common/form.js +4 -4
  30. package/lib/components/common/headers.js +1 -1
  31. package/lib/components/common/panels.js +1 -1
  32. package/lib/components/icons/LinkIcon.js +1 -1
  33. package/lib/components/pluggable/styled.components.js +1 -0
  34. package/lib/components/rightPanel/ActionPanel.js +1 -1
  35. package/lib/components/rightPanel/CodemirrorInput/styled.js +3 -3
  36. package/lib/components/rightPanel/ConsoleTabs/styled.js +6 -16
  37. package/lib/components/rightPanel/OAuth2Flow/OAuth2Flow.js +1 -1
  38. package/lib/components/rightPanel/ParameterArray.js +1 -1
  39. package/lib/components/rightPanel/ResponsePanel.js +1 -1
  40. package/lib/components/rightPanel/TryItPanel.js +3 -3
  41. package/lib/components/rightPanel/styled.js +3 -4
  42. package/lib/components/shared/HttpVerb.d.ts +2 -6
  43. package/lib/components/shared/HttpVerb.js +2 -3
  44. package/lib/components/shared/MimeLabel.js +5 -3
  45. package/lib/components/shared/NoSampleLabel.js +1 -1
  46. package/lib-esm/components/Callbacks/CallbackSummary.js +1 -1
  47. package/lib-esm/components/Download/DownloadButtonWithLabel.js +6 -14
  48. package/lib-esm/components/DropdownOrLabel/DropdownOrLabel.js +1 -1
  49. package/lib-esm/components/Endpoint/Summary.js +1 -1
  50. package/lib-esm/components/Endpoint/styled.js +2 -2
  51. package/lib-esm/components/NextSectionButton/NextSectionButton.js +1 -1
  52. package/lib-esm/components/Panel/CodeHeader.js +2 -2
  53. package/lib-esm/components/Panel/CodePanel.js +1 -5
  54. package/lib-esm/components/Parameters/ParametersGroup.js +1 -1
  55. package/lib-esm/components/RedoclyOpenAPIDocs/styled.js +1 -1
  56. package/lib-esm/components/Search/styled.js +3 -1
  57. package/lib-esm/components/SecurityRequirement/RequirementElement.js +1 -1
  58. package/lib-esm/components/SecurityRequirement/SecurityRequirement.js +1 -1
  59. package/lib-esm/components/SideMenu/MenuItem.js +1 -1
  60. package/lib-esm/components/SideMenu/MenuOperationItemContent.js +2 -2
  61. package/lib-esm/components/SourceCodeWithFile/SourceCodeWithFile.js +1 -1
  62. package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.js +3 -3
  63. package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabList.js +9 -1
  64. package/lib-esm/components/Tabs/Tab.js +7 -11
  65. package/lib-esm/components/common/CheckboxList.js +3 -3
  66. package/lib-esm/components/common/Dropdown/Dropdown.js +2 -2
  67. package/lib-esm/components/common/Dropdown/styled.js +9 -20
  68. package/lib-esm/components/common/Dropdown/types.d.ts +0 -1
  69. package/lib-esm/components/common/Fields/fields-layout.js +2 -2
  70. package/lib-esm/components/common/Fields/fields.js +4 -4
  71. package/lib-esm/components/common/form.js +4 -4
  72. package/lib-esm/components/common/headers.js +1 -1
  73. package/lib-esm/components/common/panels.js +1 -1
  74. package/lib-esm/components/icons/LinkIcon.js +1 -1
  75. package/lib-esm/components/pluggable/styled.components.js +1 -0
  76. package/lib-esm/components/rightPanel/ActionPanel.js +1 -1
  77. package/lib-esm/components/rightPanel/CodemirrorInput/styled.js +3 -3
  78. package/lib-esm/components/rightPanel/ConsoleTabs/styled.js +5 -15
  79. package/lib-esm/components/rightPanel/OAuth2Flow/OAuth2Flow.js +1 -1
  80. package/lib-esm/components/rightPanel/ParameterArray.js +1 -1
  81. package/lib-esm/components/rightPanel/ResponsePanel.js +2 -2
  82. package/lib-esm/components/rightPanel/TryItPanel.js +3 -3
  83. package/lib-esm/components/rightPanel/styled.js +3 -4
  84. package/lib-esm/components/shared/HttpVerb.d.ts +2 -6
  85. package/lib-esm/components/shared/HttpVerb.js +2 -3
  86. package/lib-esm/components/shared/MimeLabel.js +4 -2
  87. package/lib-esm/components/shared/NoSampleLabel.js +1 -1
  88. package/package.json +3 -3
@@ -1,6 +1,7 @@
1
1
  "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullWidthPanel=exports.ExamplesWrap=exports.SamplesWrap=void 0;const styled_components_1=__importDefault(require("styled-components")),panels_1=require("../common/panels");exports.SamplesWrap=styled_components_1.default.div`
2
2
  padding: calc(var(--spacing-unit) * 4);
3
3
  border-radius: var(--panel-border-radius);
4
+ border: var(--panel-samples-border);
4
5
  background-color: var(--panel-samples-background-color);
5
6
  `,exports.ExamplesWrap=(0,styled_components_1.default)(exports.SamplesWrap)`
6
7
  width: 100%;
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_2=require("./utils");function formatPath(e,t,n){const r=t.path||{},a=t.query||{},o=Object.keys(a);let i=(0,utils_2.expandVariables)(e,r);return o.length&&(i+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?(0,utils_1.serializeParameterValue)(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),i}const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:a={}})=>react_1.default.createElement(Panel_1.CodeHeader,null,react_1.default.createElement(Endpoint_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),react_1.default.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},e?"Sending...":n?"Resend":"Send"));exports.ActionPanelComponent=ActionPanelComponent;const SendButton=(0,styled_components_1.default)(Endpoint_1.TryItButton)`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_2=require("./utils");function formatPath(e,t,n){const r=t.path||{},o=t.query||{},a=Object.keys(o);let i=(0,utils_2.expandVariables)(e,r);return a.length&&(i+="?"+a.map((e=>{if(!o[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?(0,utils_1.serializeParameterValue)(t,o[e]):`${e}=${encodeURIComponent(o[e])}`})).filter(Boolean).join("&")),i}const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:o={}})=>react_1.default.createElement(Panel_1.CodeHeader,null,react_1.default.createElement(Endpoint_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{color:t.httpVerb},t.httpVerb),react_1.default.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(t.path,o,t.parameters))),react_1.default.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},e?"Sending...":n?"Resend":"Send"));exports.ActionPanelComponent=ActionPanelComponent;const SendButton=(0,styled_components_1.default)(Endpoint_1.TryItButton)`
2
2
  width: var(--panel-try-it-action-button-width);
3
3
  `;exports.ActionPanel=(0,react_1.memo)(exports.ActionPanelComponent);
4
4
  //# sourceMappingURL=ActionPanel.js.map
@@ -1,7 +1,7 @@
1
1
  "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`
2
2
  .cm-s-material.CodeMirror {
3
- background-color: var(--panel-samples-controls-background-color)!important;
4
- color: var(--text-color-inverse)!important;
3
+ background-color: var(--code-block-controls-background-color)!important;
4
+ color: var(--text-secondary)!important;
5
5
  font-family: var(--code-font-family);
6
6
  line-height: 18px;
7
7
  padding: 10px;
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  .cm-s-material .CodeMirror-code .cm-atom {
28
- color: var(--text-color-inverse);
28
+ color: var(--text-secondary);
29
29
  }
30
30
 
31
31
  div .cm-s-material .CodeMirror-matchingbracket {
@@ -1,4 +1,4 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(r,t,e,o){void 0===o&&(o=e);var a=Object.getOwnPropertyDescriptor(t,e);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(r,o,a)}:function(r,t,e,o){void 0===o&&(o=e),r[o]=t[e]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}:function(r,t){r.default=t}),__importStar=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var t={};if(null!=r)for(var e in r)"default"!==e&&Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(t,r,e);return __setModuleDefault(t,r),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;const styled_components_1=__importStar(require("styled-components"));exports.TabsWrap=styled_components_1.default.div`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(e,r);a&&!("get"in a?!e.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,a)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)"default"!==r&&Object.prototype.hasOwnProperty.call(t,r)&&__createBinding(e,t,r);return __setModuleDefault(e,t),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;const styled_components_1=__importStar(require("styled-components"));exports.TabsWrap=styled_components_1.default.div`
2
2
  display: flex;
3
3
  font-size: 12px;
4
4
  button {
@@ -13,34 +13,24 @@
13
13
  color: var(--panel-try-it-tabs-text-color);
14
14
  min-width: 80px;
15
15
  min-height: 30px;
16
- border-radius: var(--border-radius);
16
+ border-radius: var(--border-radius-lg);
17
17
  font-size: var(--panel-try-it-tabs-font-size);
18
18
  font-family: var(--panel-try-it-tabs-font-family);
19
19
  font-weight: var(--panel-try-it-tabs-font-weight);
20
20
  padding: 0 10px;
21
- border-bottom: 4px solid var(--panel-try-it-tabs-border-color);
22
-
23
- &:first-child {
24
- border-radius: var(--border-radius) 0 0 var(--border-radius);
25
- }
26
-
27
- &:last-child {
28
- border-radius: 0 var(--border-radius) var(--border-radius) 0;
29
- }
30
21
 
31
22
  &:hover:not(:disabled) {
32
- border-color: var(--panel-try-it-tabs-hover-border-color);
33
23
  background-color: var(--panel-try-it-tabs-hover-background-color);
24
+ color: var(--panel-try-it-tabs-hover-text-color);
34
25
  }
35
26
 
36
- ${({active:r})=>r&&styled_components_1.css`
37
- border-color: var(--panel-try-it-tabs-active-border-color);
27
+ ${({active:t})=>t&&styled_components_1.css`
38
28
  background-color: var(--panel-try-it-tabs-active-background-color);
29
+ color: var(--panel-try-it-tabs-active-text-color);
39
30
  `||""}
40
31
 
41
- ${({disabled:r})=>r&&styled_components_1.css`
32
+ ${({disabled:t})=>t&&styled_components_1.css`
42
33
  cursor: default;
43
- border-color: var(--panel-try-it-tabs-disables-border-color)
44
34
  background-color: var(--panel-try-it-tabs-disabled-background-color);
45
35
  color: var(--panel-try-it-tabs-disabled-text-color);
46
36
  `||""}
@@ -1,2 +1,2 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function n(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(o,n)}u((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),styled_1=require("./styled"),LinearProgress_1=require("../../common/LinearProgress"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),Checkbox_1=require("../../common/Checkbox"),OAuth2_1=require("../../../services/OAuth2"),utils_1=require("../../../utils"),utils_2=require("../../../services/utils"),utils_3=require("../utils"),Scope_1=__importDefault(require("../Scope")),Error_1=require("./Error"),store_1=require("../../../recoil/store");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:o,tokenEndpointAuthMethod:n,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,h,m,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,q]=(0,react_1.useState)(void 0),w=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},T=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&x!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{S(e),A(t),q(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);S(e),q(t)})),panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:x,onChange:({target:{value:e}})=>{A(e)},inputActionButton:j,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),w.token&&w.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:w.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,w.token&&w.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,color:"secondary",disabled:!(0,utils_2.isEmptyObject)(T),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(T))return;C(!0),k(null);const c=o?o+(0,utils_3.normalizeUrlProtocol)(t):t,d=o&&i?o+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:w.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(n)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:w.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:n,clientId:w.client_id,clientSecret:w.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${n}`)})(d)}},"Authorize")),O||E||!w.token||!w.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:w.token}))};exports.OAuth2Flow=OAuth2Flow;
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function n(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(n,o)}u((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),styled_1=require("./styled"),LinearProgress_1=require("../../common/LinearProgress"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),Checkbox_1=require("../../common/Checkbox"),OAuth2_1=require("../../../services/OAuth2"),utils_1=require("../../../utils"),utils_2=require("../../../services/utils"),utils_3=require("../utils"),Scope_1=__importDefault(require("../Scope")),Error_1=require("./Error"),store_1=require("../../../recoil/store");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:n,tokenEndpointAuthMethod:o,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,h,m,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,q]=(0,react_1.useState)(void 0),w=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},T=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&x!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{S(e),A(t),q(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);S(e),q(t)})),panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:x,onChange:({target:{value:e}})=>{A(e)},inputActionButton:j,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),w.token&&w.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:w.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,w.token&&w.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(T),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(T))return;C(!0),k(null);const c=n?n+(0,utils_3.normalizeUrlProtocol)(t):t,d=n&&i?n+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:w.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:w.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:w.client_id,clientSecret:w.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${o}`)})(d)}},"Authorize")),O||E||!w.token||!w.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:w.token}))};exports.OAuth2Flow=OAuth2Flow;
2
2
  //# sourceMappingURL=OAuth2Flow.js.map
@@ -14,7 +14,7 @@
14
14
  span {
15
15
  cursor: pointer;
16
16
  margin-left: auto;
17
- color: var(--text-color-secondary);
17
+ color: var(--text-secondary);
18
18
  &:hover {
19
19
  color: #fff;
20
20
  }
@@ -5,7 +5,7 @@
5
5
  margin-right: 20px;
6
6
  padding: 2px 0;
7
7
  text-align: center;
8
- color: var(--text-color-inverse);
8
+ color: var(--text-primary);
9
9
  `,ResponseBadge=(0,styled_components_1.default)(ResponseBadgeBase)`
10
10
  color: ${({code:e})=>e>=200&&e<300?"var(--response-success-text-color)":e>=300&&e<400?"var(--response-redirect-text-color)":e>400?"var(--response-error-text-color)":"var(--response-info-text-color)"};
11
11
  `,ErrorHeader=styled_components_1.default.header`
@@ -1,13 +1,13 @@
1
- "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,n)}: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},__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.TryItPanel=void 0;const React=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),icons_1=require("../icons");function TryItPanel(e){var{header:t,error:r,success:o}=e,n=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},n,{header:({toggle:e,expanded:a=!1})=>React.createElement(theme_1.PanelHeader,{onClick:e,expanded:a,"data-cy":n["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(theme_1.PanelHeaderTitle,null,t),React.createElement(theme_1.ShelfIcon,{direction:a?"down":"right"})),r&&React.createElement(icons_1.CrossIcon,{size:"14px",color:"--color-error-500"})||null,o&&React.createElement(icons_1.LockIcon,{size:"14px",color:"--color-success-500"})||null)}))}exports.TryItPanel=TryItPanel;const StyledTryItPanel=(0,styled_components_1.default)(theme_1.Panel)`
1
+ "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,n)}: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},__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.TryItPanel=void 0;const React=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),icons_1=require("../icons");function TryItPanel(e){var{header:t,error:r,success:o}=e,n=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},n,{header:({toggle:e,expanded:a=!1})=>React.createElement(theme_1.PanelHeader,{onClick:e,expanded:a,"data-cy":n["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(theme_1.PanelHeaderTitle,null,t),React.createElement(theme_1.ShelfIcon,{direction:a?"down":"right"})),r&&React.createElement(icons_1.CrossIcon,{size:"14px",color:"--color-error"})||null,o&&React.createElement(icons_1.LockIcon,{size:"14px",color:"--color-success"})||null)}))}exports.TryItPanel=TryItPanel;const StyledTryItPanel=(0,styled_components_1.default)(theme_1.Panel)`
2
2
  ${theme_1.PanelHeader} {
3
3
  border: 1px solid
4
- ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"};
4
+ ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-heading-border-color)"};
5
5
  padding: 10px;
6
6
  }
7
7
 
8
8
  ${theme_1.PanelBody} {
9
9
  border: 1px solid
10
- ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"};
10
+ ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-body-border-color)"};
11
11
  border-top: 0;
12
12
  }
13
13
  `;
@@ -41,8 +41,7 @@
41
41
  margin-bottom: 10px;
42
42
  ${({shaking:o})=>o&&shakeAnimation};
43
43
  > div:last-child {
44
- border-top-left-radius: 0;
45
- border-top-right-radius: 0;
44
+ border-radius: 0 0 var(--panel-border-radius) var(--panel-border-radius);
46
45
  }
47
46
  `,exports.ConsoleBody=styled_components_1.default.div`
48
47
  flex: 1;
@@ -56,7 +55,7 @@
56
55
  cursor: pointer;
57
56
  font-size: 18px;
58
57
  font-weight: bold;
59
- color: var(--text-color-inverse);
58
+ color: var(--text-secondary);
60
59
  `,exports.invertedInputStyles=styled_components_1.css`
61
60
  border: none;
62
61
  outline: none;
@@ -70,7 +69,7 @@
70
69
 
71
70
  &::placeholder {
72
71
  opacity: 0.6;
73
- color: var(--text-color-inverse);
72
+ color: var(--text-secondary);
74
73
  }
75
74
 
76
75
  &:-webkit-autofill {
@@ -1,6 +1,2 @@
1
- export declare const HttpVerb: import("styled-components").StyledComponent<"span", any, {
2
- className: `operation-type ${string}`;
3
- 'data-component-name': string;
4
- } & {
5
- type: string;
6
- }, "className" | "data-component-name">;
1
+ import { Tag } from '@redocly/theme';
2
+ export declare const HttpVerb: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
@@ -1,5 +1,4 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HttpVerb=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.HttpVerb=(0,styled_components_1.default)(theme_1.OperationBadge)`
2
- display: inline-block;
3
- padding: 0 8px;
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HttpVerb=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.HttpVerb=(0,styled_components_1.default)(theme_1.Tag)`
2
+ text-transform: uppercase;
4
3
  `;
5
4
  //# sourceMappingURL=HttpVerb.js.map
@@ -1,6 +1,8 @@
1
- "use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MimeLabel=styled_components_1.default.div`
1
+ "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MimeLabel=styled_components_1.default.div`
2
+ display: flex;
3
+ align-items: center;
2
4
  background-color: var(--panel-samples-dropdown-background-color);
3
- color: var(---panel-samples-dropdown-color);
5
+ color: var(--panel-samples-text-color);
4
6
  font-family: var(--code-font-family);
5
7
  margin-bottom: 0;
6
8
  height: 36px;
@@ -8,6 +10,6 @@
8
10
  font-size: 14px;
9
11
  line-height: 16px;
10
12
  border: var(--panel-samples-dropdown-border);
11
- border-radius: var(--border-radius);
13
+ border-radius: var(--panel-border-radius);
12
14
  `;
13
15
  //# sourceMappingURL=MimeLabel.js.map
@@ -4,7 +4,7 @@
4
4
  `,exports.WarnMessage=styled_components_1.default.div`
5
5
  font-size: 12px;
6
6
  padding-bottom: 10px;
7
- color: var(--color-warning-500);
7
+ color: var(--color-warning);
8
8
  font-family: var(--code-font-family);
9
9
  `;
10
10
  //# sourceMappingURL=NoSampleLabel.js.map
@@ -1,2 +1,2 @@
1
- import React from"react";import{PanelHeader}from"@redocly/theme";import{Trigger}from"../Panel";import{HttpVerb}from"../shared";import{ShelfIcon}from"../icons";import{l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{Badge}from"../common";import{CallbackTitle}from"./styled";export function CallbackSummary({expanded:e=!1,toggle:t,operation:{name:r,httpVerb:a,deprecated:o}}){return React.createElement(PanelHeader,{expanded:e,onClick:t},React.createElement(Trigger,null,React.createElement(HttpVerb,{type:a},shortenHTTPVerb(a)),React.createElement(CallbackTitle,{deprecated:o},r),o?React.createElement(Badge,{deprecated:!0},l("deprecated")):null),React.createElement(ShelfIcon,{direction:e?"down":"right"}))}
1
+ import React from"react";import{PanelHeader}from"@redocly/theme";import{Trigger}from"../Panel";import{HttpVerb}from"../shared";import{ShelfIcon}from"../icons";import{l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{Badge}from"../common";import{CallbackTitle}from"./styled";export function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:t,httpVerb:a,deprecated:o}}){return React.createElement(PanelHeader,{expanded:e,onClick:r},React.createElement(Trigger,null,React.createElement(HttpVerb,{color:a},shortenHTTPVerb(a)),React.createElement(CallbackTitle,{deprecated:o},t),o?React.createElement(Badge,{deprecated:!0},l("deprecated")):null),React.createElement(ShelfIcon,{direction:e?"down":"right"}))}
2
2
  //# sourceMappingURL=CallbackSummary.js.map
@@ -1,20 +1,12 @@
1
- import React,{useState,useEffect,memo}from"react";import{useRecoilValue}from"recoil";import styled from"styled-components";import{baseButtonStyles}from"@redocly/theme";import{l}from"../../services";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreSelector}from"../../recoil/store";function DownloadButtonWithLabelComponent({wrapped:o}){const{options:e,parser:t}=useRecoilValue(globalStoreSelector),{definition:n,definitionUrl:r}=t,{downloadDefinitionUrl:a}=e,[i,c]=useState(a),{downloadFileName:d,getDownloadLink:s}=useDownloadInfo({definition:n,definitionUrl:r});useEffect((()=>{a||c(s())}),[a,s]);return React.createElement(DownloadWrapper,{wrapped:o},l("downloadSpecification"),":",React.createElement(DownloadButton,{download:d||!0,target:"_blank",href:i,onClick:({target:o})=>{o.href||(o.href=i)}},l("download")))}export const DownloadButtonWithLabel=memo(DownloadButtonWithLabelComponent);const DownloadButton=styled.a.attrs({className:"download-specification-button button-color-secondary"})`
1
+ import React,{useState,useEffect,memo}from"react";import{useRecoilValue}from"recoil";import styled from"styled-components";import{baseButtonStyles}from"@redocly/theme";import{l}from"../../services";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreSelector}from"../../recoil/store";function DownloadButtonWithLabelComponent({wrapped:o}){const{options:t,parser:e}=useRecoilValue(globalStoreSelector),{definition:n,definitionUrl:a}=e,{downloadDefinitionUrl:i}=t,[r,d]=useState(i),{downloadFileName:s,getDownloadLink:f}=useDownloadInfo({definition:n,definitionUrl:a});useEffect((()=>{i||d(f())}),[i,f]);return React.createElement(DownloadWrapper,{wrapped:o},l("downloadSpecification"),":",React.createElement(DownloadButton,{download:s||!0,target:"_blank",href:r,onClick:({target:o})=>{o.href||(o.href=r)}},l("download")))}export const DownloadButtonWithLabel=memo(DownloadButtonWithLabelComponent);const DownloadButton=styled.a.attrs({className:"download-specification-button button-default"})`
2
2
  ${baseButtonStyles};
3
-
4
- color: var(--button-color);
5
- background-color: var(--button-background-color);
6
- &:hover {
7
- background-color: var(--button-hover-background-color);
8
- }
9
-
10
- &:active {
11
- background-color: var(--button-active-background-color);
12
- }
13
-
14
- margin-left: 0.5em;
3
+ font-size: var(--button-small-font-size);
4
+ padding: var(--button-small-padding);
5
+ min-width: var(--button-small-min-width);
15
6
  text-decoration: none;
16
- vertical-align: middle;
17
7
  `,DownloadWrapper=styled.p`
8
+ display: flex;
9
+ align-items: center;
18
10
  align-self: flex-start;
19
11
  padding-left: ${({wrapped:o})=>o?0:"var(--spacing-horizontal)"};
20
12
  `;
@@ -3,6 +3,6 @@ var __rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.proto
3
3
  font-size: 14px;
4
4
  text-transform: none;
5
5
  font-weight: 400;
6
- color: var(--text-color);
6
+ color: var(--text-primary);
7
7
  `;export function DropdownOrLabel(e){var{Label:t=MimeLabel,Dropdown:o=SimpleDropdown}=e,r=__rest(e,["Label","Dropdown"]);return 1===r.options.length?React.createElement(t,null,r.options[0].value):React.createElement(o,Object.assign({},r))}
8
8
  //# sourceMappingURL=DropdownOrLabel.js.map
@@ -1,2 +1,2 @@
1
- import React from"react";import{PanelHeader,ShelfIcon}from"@redocly/theme";import{HttpVerb}from"../shared";import{Path,PathWrapper,TryItButton}from"./styled";export const Summary=({operation:e,expanded:t=!1,toggle:r,onToggleConsole:o,tryItOverride:l,showConsole:a})=>{const n=(null==l?void 0:l.label)||"Try it",c=(null==l?void 0:l.link)?TryItButton.withComponent("a"):TryItButton;return React.createElement(PanelHeader,{onClick:r,expanded:t},React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:e.httpVerb},e.httpVerb),React.createElement(Path,null,e.path),React.createElement(ShelfIcon,{direction:t?"down":"right"})),!e.isWebhook&&!e.isCallback&&a&&React.createElement(c,{color:"primary",onClick:l?e=>{var t;null===(t=null==l?void 0:l.onClick)||void 0===t||t.call(l),e.stopPropagation()}:o,"data-cy":"try-it",href:null==l?void 0:l.link},n)||null)};
1
+ import React from"react";import{PanelHeader,ShelfIcon}from"@redocly/theme";import{HttpVerb}from"../shared";import{Path,PathWrapper,TryItButton}from"./styled";export const Summary=({operation:e,expanded:t=!1,toggle:r,onToggleConsole:o,tryItOverride:l,showConsole:a})=>{const n=(null==l?void 0:l.label)||"Try it",c=(null==l?void 0:l.link)?TryItButton.withComponent("a"):TryItButton;return React.createElement(PanelHeader,{onClick:r,expanded:t},React.createElement(PathWrapper,null,React.createElement(HttpVerb,{color:e.httpVerb},e.httpVerb),React.createElement(Path,null,e.path),React.createElement(ShelfIcon,{direction:t?"down":"right"})),!e.isWebhook&&!e.isCallback&&a&&React.createElement(c,{color:"primary",onClick:l?e=>{var t;null===(t=null==l?void 0:l.onClick)||void 0===t||t.call(l),e.stopPropagation()}:o,"data-cy":"try-it",href:null==l?void 0:l.link},n)||null)};
2
2
  //# sourceMappingURL=Summary.js.map
@@ -4,7 +4,7 @@ import styled from"styled-components";import{Button}from"@redocly/theme";import{
4
4
  margin-bottom: 10px;
5
5
  `;export const Path=styled.span`
6
6
  margin: 0 4px;
7
- color: var(--text-color-inverse);
7
+ color: var(--text-secondary);
8
8
  overflow-x: hidden;
9
9
  text-overflow: ellipsis;
10
10
  white-space: ${({wrap:t})=>t?"normal":"nowrap"};
@@ -21,7 +21,7 @@ import styled from"styled-components";import{Button}from"@redocly/theme";import{
21
21
  padding: 5px 0;
22
22
  `;export const ServerUrl=styled.div`
23
23
  ${invertedInputStyles};
24
- border-radius: 0 0 var(--border-radius) var(--border-radius);
24
+ border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
25
25
  padding: 7px 12px;
26
26
  overflow-wrap: break-word;
27
27
  `;export const TryItButton=styled(Button)`
@@ -1,2 +1,2 @@
1
- import{Button}from"@redocly/theme";import React from"react";import{Link}from"../common";export function NextSectionButton({pagination:t,href:e,label:o}){return t&&"none"!==t?React.createElement(Link,{to:e},React.createElement(Button,{extraClass:"next-section-button",color:"secondary"},"➔ Next to ",React.createElement("strong",null,o))):null}
1
+ import{Button}from"@redocly/theme";import React from"react";import{Link}from"../common";export function NextSectionButton({pagination:t,href:e,label:n}){return t&&"none"!==t?React.createElement(Link,{to:e},React.createElement(Button,{extraClass:"next-section-button"},"➔ Next to ",React.createElement("strong",null,n))):null}
2
2
  //# sourceMappingURL=NextSectionButton.js.map
@@ -1,7 +1,7 @@
1
1
  import styled from"styled-components";import{PanelHeader}from"@redocly/theme";export const CodeHeader=styled(PanelHeader)`
2
2
  cursor: default;
3
- border-bottom-right-radius: 0 !important;
4
- border-bottom-left-radius: 0 !important;
3
+ border-bottom-right-radius: 0;
4
+ border-bottom-left-radius: 0;
5
5
  min-height: 50px;
6
6
  --panel-heading-background-color: var(--panel-samples-heading-background-color);
7
7
  --panel-heading-padding-local: var(--panel-samples-heading-padding);
@@ -1,6 +1,2 @@
1
- import styled from"styled-components";import{Panel,PanelHeader}from"@redocly/theme";export const CodePanel=styled(Panel)`
2
- > ${PanelHeader} {
3
- min-height: 50px;
4
- }
5
- `;
1
+ import styled from"styled-components";import{Panel}from"@redocly/theme";export const CodePanel=styled(Panel)``;
6
2
  //# sourceMappingURL=CodePanel.js.map
@@ -1,7 +1,7 @@
1
1
  import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTable}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
2
2
  margin: 20px 0 0 0;
3
3
  padding-bottom: 20px;
4
- border-bottom: 1px solid var(--border-color);
4
+ border-bottom: 1px solid var(--border-primary);
5
5
 
6
6
  &:first-child {
7
7
  margin: 0;
@@ -10,7 +10,7 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
10
10
  font-size: var(--font-size-base);
11
11
  line-height: var(--line-height-base);
12
12
  font-weight: var(--font-weight-regular);
13
- color: var(--text-color);
13
+ color: var(--text-base);
14
14
  -webkit-font-text-smoothing: var(--text-smoothing);
15
15
 
16
16
  * {
@@ -2,7 +2,7 @@ import React from"react";import styled from"styled-components";export const Cros
2
2
  cursor: pointer;
3
3
  position: absolute;
4
4
  right: 15px;
5
- color: var(--text-color);
5
+ color: var(--text-secondary);
6
6
  `;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
7
7
  cursor: pointer;
8
8
  position: absolute;
@@ -97,8 +97,10 @@ import React from"react";import styled from"styled-components";export const Cros
97
97
  background-color: var(--search-modal-clear-button-background-color);
98
98
  padding: 4px 16px;
99
99
  border-radius: var(--border-radius);
100
+ border: var(--search-modal-clear-button-border);
100
101
  &:hover {
101
102
  background-color: var(--search-modal-clear-button-hover-background-color);
103
+ border: var(--search-modal-clear-button-hover-border);
102
104
  }
103
105
  }
104
106
  `;export const TextContainer=styled.div`
@@ -12,7 +12,7 @@ import React from"react";import styled from"styled-components";import{linksCss}f
12
12
  `,SecurityRequirementOrWrap=styled.span`
13
13
  ${linksCss};
14
14
  `,ScopeName=styled.code`
15
- border: 1px solid var(--border-color);
15
+ border: 1px solid var(--border-primary);
16
16
  margin: 0 3px;
17
17
  padding: 0.2em;
18
18
  line-height: 1;
@@ -1,5 +1,5 @@
1
1
  import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{LockIcon}from"../icons";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{l}from"../../services";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreSelector}from"../../recoil/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,t){const r=[];let o=t.length;for(;o--;){const n=t[o];let c=n.schemes.length;for(;c--;){const t=n.schemes[c];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=useState(!1),{options:{showSecuritySchemeType:o,hideSecuritySection:n},parser:c}=useRecoilValue(globalStoreSelector),a=useSecurityRequirements({parser:c,securities:e});return!e.length||n?null:React.createElement(ContentPanel,{className:"panel-security-schemas",header:l("authorizations"),onToggle:e=>r(e),description:!t&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:o}),expanded:t},t&&a&&a.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,c,a="";return e.length>1&&t.schemes.length>1&&(c=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or",n=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},c,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:o}),a,n)}))):null,t?a.map((t=>{const r=getRequiredScopes(t.id,e);return React.createElement(SecurityDetails,{key:t.id},React.createElement("h5",null,React.createElement(LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",AUTH_TYPES[t.type]||t.type,": ",t.id),React.createElement(Markdown,{source:t.description||""}),React.createElement(MarkdownWrapper,{key:t.id},t.apiKey?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,titleize(t.apiKey.in||"")," parameter name: "),React.createElement("code",null,t.apiKey.name)),React.createElement(RequiredScopesRow,{scopes:r})):t.http?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"HTTP Authorization Scheme: "),React.createElement("code",null,t.http.scheme)),React.createElement(Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&React.createElement(React.Fragment,null,React.createElement("b",null,"Bearer format: "),React.createElement("code",null,t.http.bearerFormat))),React.createElement(RequiredScopesRow,{scopes:r})):t.openId?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Connect URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),React.createElement(RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,flow:t.flows[e]},React.createElement(RequiredScopesRow,{scopes:r})))):null))})):null)}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.div`
2
- border-bottom: 1px solid var(--border-color);
2
+ border-bottom: 1px solid var(--border-primary);
3
3
  margin-bottom: 1.5em;
4
4
  padding-bottom: 0.7em;
5
5
  &:last-child {
@@ -1,2 +1,2 @@
1
- import React,{memo,useCallback}from"react";import{Badge}from"@redocly/theme";import{Pagination}from"../../services";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n,pagination:m}){var i;const[o,a]=useMenuItemExpanded(e),r=getLink(e,m),c=useCallback((()=>{r&&e.hasActiveSubItem||a(!o)}),[r,e.hasActiveSubItem,a,o]),l=(null===(i=e.items)||void 0===i?void 0:i.length)>0;return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:r,active:e.active},t):React.createElement(MenuItemLink,{to:r,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&React.createElement(ShelfIcon,{direction:o?"down":"right"})||null,e.isSchema?React.createElement(Badge,{type:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),l&&React.createElement(MenuItems,{expanded:o,items:e.items}))}export const MenuItem=memo(MenuItemComponent);export function getLink(e,t){return"tag"!==e.type||e.description||t!==Pagination.Item?encodeBackSlashes(e.href):""}
1
+ import React,{memo,useCallback}from"react";import{Tag}from"@redocly/theme";import{Pagination}from"../../services";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n,pagination:m}){var o;const[i,a]=useMenuItemExpanded(e),r=getLink(e,m),c=useCallback((()=>{r&&e.hasActiveSubItem||a(!i)}),[r,e.hasActiveSubItem,a,i]),l=(null===(o=e.items)||void 0===o?void 0:o.length)>0;return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:r,active:e.active},t):React.createElement(MenuItemLink,{to:r,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&React.createElement(ShelfIcon,{direction:i?"down":"right"})||null,e.isSchema?React.createElement(Tag,{color:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),l&&React.createElement(MenuItems,{expanded:i,items:e.items}))}export const MenuItem=memo(MenuItemComponent);export function getLink(e,t){return"tag"!==e.type||e.description||t!==Pagination.Item?encodeBackSlashes(e.href):""}
2
2
  //# sourceMappingURL=MenuItem.js.map
@@ -1,8 +1,8 @@
1
- import React,{memo}from"react";import{Badge}from"@redocly/theme";import styled from"styled-components";import{useRecoilValue}from"recoil";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";const MenuItemOperationLink=styled(MenuItemLink)`
1
+ import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useRecoilValue}from"recoil";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";const MenuItemOperationLink=styled(MenuItemLink)`
2
2
  flex-wrap: wrap;
3
3
  `,MenuItemDescription=styled.small`
4
4
  display: block;
5
5
  font-size: 0.87em;
6
6
  line-height: 1.2;
7
- `;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,i;const{sideNavStyle:m,showWebhookVerb:a}=useRecoilValue(globalOptionsSelector);return m!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=m===SideNavStyle.IdOnly?e.operationId||e.path:e.name,i=null):(r=React.createElement(MenuItemPath,{title:e.path}," ",e.path," "),i=React.createElement(MenuItemDescription,null," ",e.name," ")),React.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?React.createElement(Badge,{type:"hook"},a?e.httpVerb:l("webhook")):React.createElement(Badge,{type:e.httpVerb},shortenHTTPVerb(e.httpVerb)),React.createElement(MenuItemTitle,{width:"calc(100% - 42px)"},r,o),i)}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
7
+ `;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,i;const{sideNavStyle:m,showWebhookVerb:a}=useRecoilValue(globalOptionsSelector);return m!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=m===SideNavStyle.IdOnly?e.operationId||e.path:e.name,i=null):(r=React.createElement(MenuItemPath,{title:e.path}," ",e.path," "),i=React.createElement(MenuItemDescription,null," ",e.name," ")),React.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?React.createElement(HttpTag,{color:"hook"},a?e.httpVerb:l("webhook")):React.createElement(HttpTag,{color:e.httpVerb},shortenHTTPVerb(e.httpVerb)),React.createElement(MenuItemTitle,{width:"calc(100% - 42px)"},r,o),i)}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
8
8
  //# sourceMappingURL=MenuOperationItemContent.js.map
@@ -1,2 +1,2 @@
1
- import React from"react";import{CodeBlockContainer,CodeBlockControls}from"@redocly/theme";import styled from"styled-components";import{DownloadLink}from"../Download";import{FileIcon}from"../icons";export function SourceCodeWithFile({fileInfo:e}){return React.createElement(Wrapper,null,React.createElement(CodeBlockControls,null,React.createElement(DownloadLink,{fileInfo:e})),React.createElement(CodeBlockContainer,null,React.createElement(FileIcon,{color:"--text-color-inverse"}),null==e?void 0:e.fileName))}const Wrapper=styled.div``;
1
+ import React from"react";import{CodeBlockContainer,CodeBlockControls}from"@redocly/theme";import styled from"styled-components";import{DownloadLink}from"../Download";import{FileIcon}from"../icons";export function SourceCodeWithFile({fileInfo:e}){return React.createElement(Wrapper,null,React.createElement(CodeBlockControls,null,React.createElement(DownloadLink,{fileInfo:e})),React.createElement(CodeBlockContainer,null,React.createElement(FileIcon,{color:"--text-secondary"}),null==e?void 0:e.fileName))}const Wrapper=styled.div``;
2
2
  //# sourceMappingURL=SourceCodeWithFile.js.map
@@ -24,8 +24,8 @@ import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from
24
24
  }
25
25
  `}
26
26
  `,FloatingButton=styled(MobileSidebarButton)`
27
- --fab-background-color: var(--color-secondary-900);
28
- --fab-active-background: var(--color-secondary-900);
27
+ --fab-background-color: var(--bg-overlay);
28
+ --fab-active-background: var(--bg-raised);
29
29
 
30
30
  ${({theme:e})=>css`
31
31
  ${e.mediaQueries[e.showAtBreakpoint.sidebar]} {
@@ -35,5 +35,5 @@ import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from
35
35
  display: none;
36
36
  }
37
37
  `}
38
- `;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[a,l]=useState("0px"),s=useRef(null),c=useLocation(),[n,d]=useRecoilState(isSidebarOpenedSelector);useEffect((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(s.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:i,offsetTop:a,style:{top:a},ref:s,collapsedSidebar:r},r||n?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:n,onClick:()=>{d(!n)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
38
+ `;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[a,l]=useState("0px"),s=useRef(null),n=useLocation(),[c,d]=useRecoilState(isSidebarOpenedSelector);useEffect((()=>{n.hash&&d(!1)}),[n.pathname,n.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(s.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:c,className:i,offsetTop:a,style:{top:a},ref:s,collapsedSidebar:r},r||c?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:c,onClick:()=>{d(!c)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
39
39
  //# sourceMappingURL=StickyResponsiveSidebar.js.map
@@ -1,4 +1,12 @@
1
1
  import styled from"styled-components";import{TabList}from"../TabList";export const CollapsingTabList=styled(TabList)`
2
- margin: 0 0 10px;
2
+ background-color: var(--bg-overlay);
3
+ border-radius: var(--border-radius-lg);
4
+ padding: 2px;
5
+ margin: 0 0 15px;
6
+
7
+ li[class^='Tab'] {
8
+ margin: 0;
9
+ list-style: none;
10
+ }
3
11
  `;
4
12
  //# sourceMappingURL=CollapsingTabList.js.map
@@ -1,32 +1,28 @@
1
1
  import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export const Tab=styled(ReactTab)`
2
2
  flex: 1;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
3
6
  cursor: pointer;
4
- padding: 5px 10px;
7
+ padding: 0px 8px;
5
8
  font-size: var(--panel-samples-tabs-font-size);
6
9
  line-height: 26px;
7
10
  font-weight: var(--panel-samples-tabs-font-weight);
8
11
  text-align: center;
9
12
  color: var(--panel-samples-tabs-text-color);
10
13
  background-color: var(--panel-samples-tabs-background-color);
11
- border-bottom: 4px solid var(--panel-samples-tabs-border-color);
12
- margin-bottom: -4px;
14
+ border-radius: var(--border-radius-lg);
13
15
 
14
16
  &:hover {
15
17
  border-color: var(--panel-samples-tabs-hover-border-color);
16
18
  background-color: var(--panel-samples-tabs-hover-background-color);
19
+ color: var(--panel-samples-tabs-hover-text-color);
17
20
  }
18
21
 
19
22
  &.react-tabs__tab--selected {
20
23
  background-color: var(--panel-samples-tabs-active-background-color);
21
24
  border-color: var(--panel-samples-tabs-active-border-color);
22
- }
23
-
24
- &:first-child {
25
- border-top-left-radius: var(--border-radius);
26
- }
27
-
28
- &:last-child {
29
- border-top-right-radius: var(--border-radius);
25
+ color: var(--panel-samples-tabs-active-text-color);
30
26
  }
31
27
  `;
32
28
  //# sourceMappingURL=Tab.js.map
@@ -1,7 +1,7 @@
1
- import{asField}from"informed";import{CodeBlockControls,CodeBlockControlButton}from"@redocly/theme";import React,{useState}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export const CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:o,maxDisplayedItems:l,showControls:r,trimItemsLength:c})=>{const[a,n]=useState(!0),s=e=>t.getValue().includes(e),i=t.getError(),d=l||11,m=c&&a?e.slice(0,d):e;return React.createElement("div",null,r?React.createElement(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.createElement(ListWrapper,null,m.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:s(e),label:e,key:e,onChange:e=>{(e=>{const o=e.target.value,l=e.target.checked;t.setTouched(!0);const r=t.getValue()||[];let c;if(l)c=[...r,o];else{const e=r.indexOf(o);c=[...r.slice(0,e),...r.slice(e+1)]}t.setValue(c)})(e),o&&t.validate()}}))),e.length>d&&c?React.createElement(ToggleButton,{onClick:()=>{n((e=>!e))}},a?"Show all":"Collapse"):null),i?React.createElement(FormError,null,i):"")};export const CheckboxList=asField(CheckboxListComponent);const ListWrapper=styled.div`
1
+ import{asField}from"informed";import{CodeBlockControls,CodeBlockControlButton}from"@redocly/theme";import React,{useState}from"react";import styled from"styled-components";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export const CheckboxListComponent=({items:e,fieldApi:t,validateOnChange:o,maxDisplayedItems:l,showControls:r,trimItemsLength:c})=>{const[a,s]=useState(!0),n=e=>t.getValue().includes(e),i=t.getError(),d=l||11,m=c&&a?e.slice(0,d):e;return React.createElement("div",null,r?React.createElement(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.createElement(ListWrapper,null,m.map((e=>React.createElement(Checkbox,{fullWidth:!0,id:e,value:e,checked:n(e),label:e,key:e,onChange:e=>{(e=>{const o=e.target.value,l=e.target.checked;t.setTouched(!0);const r=t.getValue()||[];let c;if(l)c=[...r,o];else{const e=r.indexOf(o);c=[...r.slice(0,e),...r.slice(e+1)]}t.setValue(c)})(e),o&&t.validate()}}))),e.length>d&&c?React.createElement(ToggleButton,{onClick:()=>{s((e=>!e))}},a?"Show all":"Collapse"):null),i?React.createElement(FormError,null,i):"")};export const CheckboxList=asField(CheckboxListComponent);const ListWrapper=styled.div`
2
2
  padding: 10px;
3
- background-color: var(--panel-samples-input-background-color);
4
- border-radius: 0 0 var(--border-radius) var(--border-radius);
3
+ border: 1px solid var(--border-primary);
4
+ border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
5
5
  `,ToggleButton=styled(CodeBlockControlButton)`
6
6
  float: right;
7
7
  `;
@@ -10,7 +10,7 @@ import React,{memo,useMemo}from"react";import styled from"styled-components";imp
10
10
  margin: auto;
11
11
  text-align: center;
12
12
  polyline {
13
- color: ${e=>"dark"===e.variant&&"white"};
13
+ color: inherit;
14
14
  }
15
- `,DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:n,placeholder:a,value:r="",className:l,variant:s="light"})=>{var i;const c=useMemo((()=>e.map((({idx:e,value:t,title:o},n)=>{const a=normalizeText(t);return React.createElement("option",{key:e||a+n,value:a,className:"dropdown-option"},o||a)}))),[e]),m=normalizeText(r),d=(null===(i=e.find((e=>e.value===r)))||void 0===i?void 0:i.title)||m;return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),n&&(null==m?void 0:m.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:n}=o.target;t(e[a||!r?n-1:n])},value:m,className:"dropdown-select"},a&&React.createElement("option",{disabled:!0,hidden:!0,value:a},a),!m&&!a&&React.createElement("option",{disabled:!0}),c),React.createElement("label",null,d))};export const Dropdown=memo(DropdownComponent);
15
+ `,DropdownComponent=({options:e,onChange:t,handleClear:o,clearable:n,placeholder:r,value:a="",className:l})=>{var s;const c=useMemo((()=>e.map((({idx:e,value:t,title:o},n)=>{const r=normalizeText(t);return React.createElement("option",{key:e||r+n,value:r,className:"dropdown-option"},o||r)}))),[e]),i=normalizeText(a),m=(null===(s=e.find((e=>e.value===a)))||void 0===s?void 0:s.title)||i;return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,null),n&&(null==i?void 0:i.length)>0&&React.createElement(ClearButton,{handleClear:o}),React.createElement("select",{onChange:o=>{const{selectedIndex:n}=o.target;t(e[r||!a?n-1:n])},value:i,className:"dropdown-select"},r&&React.createElement("option",{disabled:!0,hidden:!0,value:r},r),!i&&!r&&React.createElement("option",{disabled:!0}),c),React.createElement("label",null,m))};export const Dropdown=memo(DropdownComponent);
16
16
  //# sourceMappingURL=Dropdown.js.map