@redocly/reference-docs 2.11.6 → 2.11.7

package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,2 @@
-import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{CodePanel}from"../../../../components/Panel";import{MimeLabel}from"../../../../components/shared";import styled,{mediaCSS}from"../../styled-components";import{OptionsContext}from"../OptionsProvider";import{GenericChildrenSwitcher}from"../GenericChildrenSwitcher/GenericChildrenSwitcher";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{CallbackPayloadSample}from"./CallbackReqSamples";import{Dropdown}from"../../../src/common-elements/dropdown";import{DropdownWrapper}from"../../..";var templateObject_1,CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var t=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!t.some((function(e){return e.hasSamples})))return null;var n=t.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher,{items:t,renderDropdown:this.renderDropdown,options:n},(function(r){return React.createElement(CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),r=__decorate([observer],r)}(React.Component);export{CallbackSamples};export var SamplesWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return mediaCSS({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
+import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{CodePanel}from"../../../../components/Panel";import{MimeLabel}from"../../../../components/shared";import styled,{mediaCSS}from"../../styled-components";import{OptionsContext}from"../OptionsProvider";import{GenericChildrenSwitcher}from"../GenericChildrenSwitcher/GenericChildrenSwitcher";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{CallbackPayloadSample}from"./CallbackReqSamples";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";var templateObject_1,CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),r=__decorate([observer],r)}(React.Component);export{CallbackSamples};export var SamplesWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return mediaCSS({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
 //# sourceMappingURL=CallbackSamples.js.map

package/lib-esm/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownProps } from '../../common-elements/dropdown';
+import { DropdownProps } from '../../../../components/common/Dropdown';
 export interface DropdownOrLabelProps extends DropdownProps {
     Label?: React.ComponentClass;
     Dropdown?: React.ComponentClass;

package/lib-esm/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import*as React from"react";import{MimeLabel,SimpleDropdown}from"../../common-elements/dropdown";export function DropdownOrLabel(e){var o=e.Label,r=void 0===o?MimeLabel:o,t=e.Dropdown,n=void 0===t?SimpleDropdown:t;return 1===e.options.length?React.createElement(r,null,e.options[0].value):React.createElement(n,__assign({},e,{searchable:!1}))}
+import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"../../styled-components";import{SimpleDropdown}from"../../../../components/common/Dropdown";var templateObject_1,MimeLabel=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.primary}));export function DropdownOrLabel(e){var t=e.Label,n=void 0===t?MimeLabel:t,o=e.Dropdown,r=void 0===o?SimpleDropdown:o;return 1===e.options.length?React.createElement(n,null,e.options[0].value):React.createElement(r,__assign({},e))}
 //# sourceMappingURL=DropdownOrLabel.js.map

package/lib-esm/redoc-lib/src/components/Fields/EnumValues.d.ts

@@ -11,7 +11,7 @@ export interface EnumValuesState {
 export declare class EnumValues extends React.PureComponent<EnumValuesProps, EnumValuesState> {
     constructor(props: EnumValuesProps);
     state: EnumValuesState;
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     private toggle;
     render(): JSX.Element | null;
 }

package/lib-esm/redoc-lib/src/components/Fields/FieldDetails.d.ts

@@ -6,7 +6,7 @@ export declare class FieldDetails extends React.PureComponent<FieldProps, {
     state: {
         patternShown: boolean;
     };
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     togglePattern: () => void;
     render(): JSX.Element;
 }

package/lib-esm/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownProps, DropdownOption } from '../../common-elements/dropdown';
+import { DropdownProps, DropdownOption } from '../../../../components/common/Dropdown';
 export interface GenericChildrenSwitcherProps<T> {
     items?: T[];
     options: DropdownOption[];

package/lib-esm/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled.elements";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
+import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled.elements";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

package/lib-esm/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownProps } from '../../common-elements/dropdown';
+import { DropdownProps } from '../../../../components/common/Dropdown';
 import { MediaContentModel, MediaTypeModel, SchemaModel } from '../../services/models';
 export interface MediaTypeChildProps {
     schema: SchemaModel;

package/lib-esm/redoc-lib/src/components/Operation/Operation.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,MiddlePanel,RightPanel,Row}from"../../common-elements";import{ShareLink}from"../../common-elements";import styled from"../../styled-components";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown/Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses/ResponsesList";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ScrollableContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../helper";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));export var Operation=observer((function(e){var t,o,n,a,r=e.operation,i=r.name,s=r.description,c=r.deprecated,m=r.externalDocs,p=r.isWebhook,d=e.operation,u=e.layout,R=React.useContext(StoreContext),E=!(!s&&!m),b=null==R?void 0:R.options.hooks,k=null==R?void 0:R.options.events,v=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==k?void 0:k.panelToggle)||void 0===t||t.call(k,o)}),[k]),f=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==k?void 0:k.panelToggle)||void 0===t||t.call(k,o)}),[k]);return React.createElement(OperationRow,{layout:u},React.createElement(MiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),i,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{type:"warning"},"Deprecated"),p&&React.createElement(Badge,{type:"primary"},"Webhook")),(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),E&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),m&&React.createElement(ExternalDocumentation,{externalDocs:m}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),(null===(t=d.security)||void 0===t?void 0:t.length)||(null===(o=d.parameters)||void 0===o?void 0:o.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:R.options.expandDefaultRequest},React.createElement(SecurityRequirements,{securities:d.security}),React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(n=d.responses)||void 0===n?void 0:n.length)?React.createElement(ScrollableContentPanel,{header:l("responses"),onToggle:v,expanded:R.options.expandDefaultResponse},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(a=d.callbacks)||void 0===a?void 0:a.length)?React.createElement(ScrollableContentPanel,{header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(RightPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
+import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import React from"react";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,MiddlePanel,RightPanel,Row}from"../../common-elements";import{ShareLink}from"../../common-elements";import styled from"../../styled-components";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown/Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses/ResponsesList";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ScrollableContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../helper";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));export var Operation=observer((function(e){var t,o,n,a,r=e.operation,i=r.name,s=r.description,c=r.deprecated,m=r.externalDocs,p=r.isWebhook,d=e.operation,u=e.layout,R=React.useContext(StoreContext),E=!(!s&&!m),b=null==R?void 0:R.options.hooks,v=null==R?void 0:R.options.events,k=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,o)}),[v]),f=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,o)}),[v]);return React.createElement(OperationRow,{layout:u},React.createElement(MiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),i,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{type:"warning"},"Deprecated"),p&&React.createElement(Badge,{type:"primary"},"Webhook")),(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),E&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),m&&React.createElement(ExternalDocumentation,{externalDocs:m}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),(null===(t=d.security)||void 0===t?void 0:t.length)||(null===(o=d.parameters)||void 0===o?void 0:o.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:null==R?void 0:R.options.expandDefaultRequest},React.createElement(SecurityRequirements,{securities:d.security}),React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(n=d.responses)||void 0===n?void 0:n.length)?React.createElement(ScrollableContentPanel,{header:l("responses"),onToggle:k,expanded:null==R?void 0:R.options.expandDefaultResponse},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(a=d.callbacks)||void 0===a?void 0:a.length)?React.createElement(ScrollableContentPanel,{header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(RightPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
 //# sourceMappingURL=Operation.js.map

package/lib-esm/redoc-lib/src/components/OptionsProvider.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { RedocNormalizedOptions } from '../services/RedocNormalizedOptions';
-export declare const OptionsContext: React.Context<RedocNormalizedOptions>;
-export declare const OptionsProvider: React.Provider<RedocNormalizedOptions>;
-export declare const OptionsConsumer: React.Consumer<RedocNormalizedOptions>;
+/// <reference types="react" />
+import { RedocProNormalizedOptions } from '../../../services';
+export declare const OptionsContext: import("react").Context<RedocProNormalizedOptions>;
+export declare const OptionsProvider: import("react").Provider<RedocProNormalizedOptions>;
+export declare const OptionsConsumer: import("react").Consumer<RedocProNormalizedOptions>;

package/lib-esm/redoc-lib/src/components/OptionsProvider.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=React.createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;
+import{createContext}from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;
 //# sourceMappingURL=OptionsProvider.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../common-elements/dropdown";import{DropdownWrapper}from"../../..";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,a=__rest(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==o?void 0:o.defaultMimeType);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},a))}))}));
+import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,a=__rest(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==o?void 0:o.defaultMimeType);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},a))}))}));
 //# sourceMappingURL=PayloadSamples.js.map

package/lib-esm/redoc-lib/src/components/RequestSamples/CodeSample.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{SourceCodeWithText}from"../SourceCode/SourceCode";import{MimeLabel,NoSampleLabel}from"../../../../components/shared";import{Dropdown}from"../../common-elements/dropdown";import{DropdownWrapper}from"../../../src/components/PayloadSamples/styled.elements";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var r,t=e.onlyDefaultSample,o=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===a||null!=n.source)return l();var m=o&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),p=a&&a.mediaTypes.length>1&&!m,i=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:p?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},o=Object.keys(r);if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");if(1===o.length)return l();var a=useExampleKey(e.operation,r),n=a.exampleKey;return a.defaultExampleName&&t?l(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n))}))}));
+import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{SourceCodeWithText}from"../SourceCode/SourceCode";import{MimeLabel,NoSampleLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../../src/components/PayloadSamples/styled.elements";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var r,o=e.onlyDefaultSample,t=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===a||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),m=a&&a.mediaTypes.length>1&&!p,i=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:m?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r);if(!t.length)return React.createElement(NoSampleLabel,null,"No sample");if(1===t.length)return l();var a=useExampleKey(e.operation,r),n=a.exampleKey;return a.defaultExampleName&&o?l(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n))}))}));
 //# sourceMappingURL=CodeSample.js.map

package/lib-esm/redoc-lib/src/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{useContext,useEffect}from"react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";import{l}from"../../services/Labels";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer]);var p=useCodeSamples(a),i=p.samples,c=p.payload,d=1===i.length&&m;return i.length?React.createElement(CodePanel,{header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
+import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";import{l}from"../../services/Labels";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer]);var p=useCodeSamples(a),i=p.samples,c=p.payload,d=1===i.length&&m;return i.length?React.createElement(CodePanel,{header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownOption } from '../../common-elements/dropdown';
+import { DropdownOption } from '../../../../components/common/Dropdown';
 import { SchemaModel } from '../../services/models';
 export declare class DiscriminatorDropdown extends React.Component<{
     parent: SchemaModel;

package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../common-elements/dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
+import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../../../components/common/Dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
 //# sourceMappingURL=DiscriminatorDropdown.js.map

package/lib-esm/redoc-lib/src/components/Schema/ObjectSchema.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ObjectSchemaProps } from './types';
 import type { SchemaModel } from '../../services';
 export declare class ObjectSchema extends React.Component<ObjectSchemaProps> {
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     get parentSchema(): SchemaModel | undefined;
     render(): JSX.Element;
 }

package/lib-esm/redoc-lib/src/components/SideMenu/SideMenu.d.ts

@@ -6,7 +6,7 @@ export declare class SideMenu extends React.Component<{
     menu: ProMenu;
     className?: string;
 }> {
-    static contextType: React.Context<import("../..").RedocNormalizedOptions>;
+    static contextType: React.Context<RedocProNormalizedOptions>;
     context: RedocProNormalizedOptions;
     private _updateScroll?;
     render(): JSX.Element;

package/lib-esm/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.d.ts

@@ -11,7 +11,7 @@ export interface StickySidebarState {
     offsetTop?: string;
 }
 export declare class StickyResponsiveSidebar extends React.Component<StickySidebarProps, StickySidebarState> {
-    static contextType: React.Context<RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     context: React.ContextType<typeof OptionsContext>;
     state: StickySidebarState;
     stickyElement: Element;

package/lib-esm/redoc-lib/src/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
-export { MiddlePanel, Row, RightPanel, Section, Dropdown, SimpleDropdown, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
-export type { TooltipProps, ShelfIconProps, DropdownProps, DropdownOption, } from './common-elements';
+export { MiddlePanel, Row, RightPanel, Section, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
+export type { TooltipProps, ShelfIconProps } from './common-elements';
 export * from './services';
 export * from './utils';
 export * from './styled-components';

package/lib-esm/redoc-lib/src/index.js

@@ -1,2 +1,2 @@
-export*from"./components";export{MiddlePanel,Row,RightPanel,Section,Dropdown,SimpleDropdown,ShelfIcon,LockIcon,CrossIcon,Tooltip}from"./common-elements";export*from"./services";export*from"./utils";export*from"./styled-components";export{default as styled}from"./styled-components";export*from"./types";
+export*from"./components";export{MiddlePanel,Row,RightPanel,Section,ShelfIcon,LockIcon,CrossIcon,Tooltip}from"./common-elements";export*from"./services";export*from"./utils";export*from"./styled-components";export{default as styled}from"./styled-components";export*from"./types";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/reference-docs",
-  "version": "2.11.6",
+  "version": "2.11.7",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -15,8 +15,7 @@
     "reference-docs": "bin/cli/commands/redocly-docs-cli.min.js"
   },
   "dependencies": {
-    "@redocly/openapi-core": "^1.0.0-beta.80",
-    "@redocly/react-dropdown-aria": "2.0.12",
+    "@redocly/openapi-core": "^1.0.0-beta.82",
     "@redocly/vscode-json-languageservice": "3.4.9",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
     "classnames": "^2.2.6",

package/lib/components/Tabs/CollapsingTabs/CollapsingDropdown.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const CollapsingDropdown: import("styled-components").StyledComponent<{
-    (props: import("@redocly/react-dropdown-aria").DropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-} & {
-    active?: boolean | undefined;
-}, never>;

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingDropdown=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../../redoc-lib/src/styled-components")),dropdown_1=require("../../../redoc-lib/src/common-elements/dropdown");exports.CollapsingDropdown=(0,styled_components_1.default)(dropdown_1.Dropdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"],["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"])),dropdown_1.darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var t=n.theme;return n.active?t.colors.border.dark:"none"}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.typography.fontFamily}));
-//# sourceMappingURL=CollapsingDropdown.js.map

package/lib/redoc-lib/src/common-elements/dropdown.d.ts

@@ -1,79 +0,0 @@
-/// <reference types="react" />
-import { DropdownProps as ReactDropdownProps } from '@redocly/react-dropdown-aria';
-export interface DropdownOption {
-    idx: number;
-    value: string;
-    title?: string;
-}
-export interface DropdownProps extends Partial<ReactDropdownProps> {
-    options: DropdownOption[];
-    onChange: (option: DropdownOption) => void;
-}
-export declare const darkDropdownStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../services/extendTheme").ProTheme>>;
-export declare const Dropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const SimpleDropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const MimeLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib/redoc-lib/src/common-elements/dropdown.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=exports.SimpleDropdown=exports.Dropdown=exports.darkDropdownStyle=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),react_dropdown_aria_1=(0,tslib_1.__importDefault)(require("@redocly/react-dropdown-aria")),styled_components_1=(0,tslib_1.__importStar)(require("../styled-components"));exports.darkDropdownStyle=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.colors.secondary.main})),exports.Dropdown=(0,styled_components_1.default)(react_dropdown_aria_1.default)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"],["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 8px":"8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.typography.headings.fontFamily}),(function(n){return n.prefix}),(function(n){return"rotate("+(n.openUp?"-180":"0")+"deg)"}),(function(n){return n.theme.colors.text.primary}),(function(n){return"rotate("+(n.openUp?"0":"-180")+"deg)"}),(function(n){return n.openUp?"0 0 2px 0":"2px 0 0 0"}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"0.4em 8px":"0.4em 10px"}),(function(n){return"dark"===n.variant?exports.darkDropdownStyle:""})),exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"],["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.text.primary})),exports.MimeLabel=styled_components_1.default.span(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));
-//# sourceMappingURL=dropdown.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const CollapsingDropdown: import("styled-components").StyledComponent<{
-    (props: import("@redocly/react-dropdown-aria").DropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-} & {
-    active?: boolean | undefined;
-}, never>;

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../../redoc-lib/src/styled-components";import{Dropdown,darkDropdownStyle}from"../../../redoc-lib/src/common-elements/dropdown";export var CollapsingDropdown=styled(Dropdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"],["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"])),darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var t=n.theme;return n.active?t.colors.border.dark:"none"}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.typography.fontFamily}));var templateObject_1;
-//# sourceMappingURL=CollapsingDropdown.js.map

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

@@ -1,79 +0,0 @@
-/// <reference types="react" />
-import { DropdownProps as ReactDropdownProps } from '@redocly/react-dropdown-aria';
-export interface DropdownOption {
-    idx: number;
-    value: string;
-    title?: string;
-}
-export interface DropdownProps extends Partial<ReactDropdownProps> {
-    options: DropdownOption[];
-    onChange: (option: DropdownOption) => void;
-}
-export declare const darkDropdownStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../services/extendTheme").ProTheme>>;
-export declare const Dropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const SimpleDropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const MimeLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import{default as DropdownComponent}from"@redocly/react-dropdown-aria";import styled,{css}from"../styled-components";export var darkDropdownStyle=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.colors.secondary.main}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"],["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 8px":"8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.typography.headings.fontFamily}),(function(n){return n.prefix}),(function(n){return"rotate("+(n.openUp?"-180":"0")+"deg)"}),(function(n){return n.theme.colors.text.primary}),(function(n){return"rotate("+(n.openUp?"0":"-180")+"deg)"}),(function(n){return n.openUp?"0 0 2px 0":"2px 0 0 0"}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"0.4em 8px":"0.4em 10px"}),(function(n){return"dark"===n.variant?darkDropdownStyle:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"],["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.text.primary}));export var MimeLabel=styled.span(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4;
-//# sourceMappingURL=dropdown.js.map