@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -1,133 +0,0 @@
-import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";const darkDropdownStyle=css`
-  background-color: var(--panel-samples-dropdown-background-color);
-  border: var(--panel-samples-dropdown-border);
-  color: var(--panel-samples-dropdown-color);
-
-  &,
-  &:hover,
-  &:focus-within {
-    box-shadow: none;
-  }
-`;export const Dropdown=styled(DropdownComponent)`
-  box-sizing: border-box;
-  outline: none;
-  display: inline-block;
-  vertical-align: bottom;
-  position: relative;
-  width: ${({fullWidth:o})=>o?"100%":"auto"};
-  cursor: pointer;
-  text-transform: none;
-
-  label {
-    box-sizing: border-box;
-    min-width: 90px;
-    height: 36px;
-    outline: none;
-    display: inline-block;
-    color: var(--docs-dropdown-text-color);
-    border-radius: var(--border-radius-md);
-    padding: var(--docs-dropdown-padding);
-    vertical-align: bottom;
-    width: ${({fullWidth:o})=>o?"100%":"auto"};
-    text-transform: none;
-    line-height: inherit;
-    font-size: var(--docs-dropdown-font-size);
-    font-family: inherit;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-
-    &,
-    &:hover,
-    &:focus-within {
-      box-shadow: none;
-    }
-
-    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
-  }
-
-  .dropdown-select {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    border: none;
-    appearance: none;
-    cursor: pointer;
-
-    color: var(--text-secondary);
-    line-height: inherit;
-    font-size: var(--font-size-base);
-    font-family: inherit;
-    padding: var(--docs-dropdown-padding);
-    ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
-  }
-`;export const SimpleDropdown=styled(Dropdown)`
-  svg {
-    top: 60%;
-    transform: translateY(-60%);
-  }
-  label {
-    padding: 0 26px 0 4px;
-    background: transparent;
-    font-size: var(--font-size-base);
-    font-weight: var(--font-weight-regular);
-    appearance: none;
-    height: auto;
-
-    &:hover,
-    &:focus-within {
-      box-shadow: none;
-    }
-  }
-`;export const CollapsingDropdown=styled(Dropdown)`
-  svg {
-    top: 60%;
-    transform: translateY(-60%);
-  }
-  label {
-    ${darkDropdownStyle};
-
-    border-radius: var(--border-radius-lg);
-    margin-left: 5px;
-    transition: none;
-    min-width: auto;
-    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"var(--bg-base)"};
-    & {
-      &[open],
-      &:focus-within,
-      &:hover {
-        background-color: var(--bg-raised);
-      }
-    }
-  }
-`;export const VersionDropdown=styled(Dropdown)`
-  width: 90%;
-  label {
-    width: 100%;
-    font-weight: 600;
-    color: var(--text-secondary);
-  }
-`;export const SchemaDiscriminatorDropdown=styled(Dropdown)`
-  .dropdown-select {
-    padding: var(--schemas-discriminator-dropdown-padding);
-  }
-
-  label {
-    height: 26px;
-    padding: var(--schemas-discriminator-dropdown-padding);
-    border: var(--schemas-discriminator-dropdown-border);
-    font-size: var(--schemas-discriminator-font-size);
-    color: var(--schemas-discriminator-dropdown-text-color);
-  }
-`;export const SchemaMimeTypeDropdown=styled(SimpleDropdown)`
-  label {
-    padding: var(--schemas-mime-type-dropdown-padding);
-    border: var(--schemas-mime-type-dropdown-border);
-    font-size: var(--schemas-mime-type-dropdown-font-size);
-    color: var(--schemas-mime-type-dropdown-text-color);
-  }
-`;
-//# sourceMappingURL=styled.js.map

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

@@ -1,25 +0,0 @@
-import type React from 'react';
-export interface DropdownOption {
-    idx?: number;
-    value: string;
-    title?: string;
-    serverUrl?: string;
-    label?: string;
-}
-export interface DropdownProps {
-    options: DropdownOption[];
-    onChange: (option: DropdownOption) => void;
-    handleClear?: () => void;
-    clearable?: boolean;
-    ariaLabel?: string;
-    className?: string;
-    placeholder?: string;
-    value?: string;
-    dense?: boolean;
-    fullWidth?: boolean;
-    variant?: 'dark' | 'light';
-}
-export interface ArrowIconProps {
-    className?: string;
-    style?: React.CSSProperties;
-}

package/lib-esm/components/common/Dropdown/types.js

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

package/lib-esm/components/common/FileUpload/FileUpload.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { SchemaModel, UploadFileType } from '../../../models';
-export interface FileUploadProps {
-    schema: SchemaModel | GenericObject;
-    contentName: string;
-    onChange(key: string, file: UploadFileType): void;
-    name: string;
-}
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

package/lib-esm/components/common/FileUpload/FileUpload.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){return new(n||(n=Promise))((function(o,r){function i(e){try{c(a.next(e))}catch(e){r(e)}}function l(e){try{c(a.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}c((a=a.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n};import React,{forwardRef}from"react";import{useField}from"informed";import{getFileToUpload}from"./helper";export const FileUpload=forwardRef(((e,t)=>{var n=__rest(e,[]);const{schema:a,contentName:o,onChange:r,name:i}=n,l=__rest(n,["schema","contentName","onChange","name"]),{render:c}=useField(Object.assign({field:i},l));return c(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:n.id,className:n.className,name:n.name,onChange:e=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield getFileToUpload(e.target.files,a);r(o,t)})),multiple:n.multiple,accept:n.accept,ref:t}))}));FileUpload.displayName="FileUpload";
-//# sourceMappingURL=FileUpload.js.map

package/lib-esm/components/common/FileUpload/helper.d.ts

@@ -1,11 +0,0 @@
-import type { SchemaModel, UploadFileType } from '../../../models';
-/**
- * Convert request body mime-type to accept value for file upload input in browser
- */
-export declare function mimeTypeToAccept(mimeType: string): string | undefined;
-export declare function isFileUploadMime(mimeType: string): boolean;
-export declare function isMultipartFileUploadProperty(schema: SchemaModel): boolean;
-export declare function isRootFileUpload(schema: SchemaModel | GenericObject, mimeType: string): boolean;
-export declare function fileToBase64(file: File): Promise<string>;
-export declare function getIsBase64({ format, contentEncoding, contentMediaType, }: SchemaModel | GenericObject): boolean;
-export declare function getFileToUpload(rawFiles: FileList, schema: SchemaModel | GenericObject): Promise<UploadFileType>;

package/lib-esm/components/common/FileUpload/helper.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(o,a){function r(e){try{p(n.next(e))}catch(e){a(e)}}function s(e){try{p(n.throw(e))}catch(e){a(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,s)}p((n=n.apply(e,t||[])).next())}))};import{DefinitionTypes,FileUploadFormats}from"../../../models";const FILE_UPLOAD_FORMATS=Object.values(FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];export function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t))))return e}export function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t)))}export function isMultipartFileUploadProperty(e){const t="array"===e.type?e.items:e;if(!t||!t.type||"any"===(null==t?void 0:t.type))return!0;const i=t.contentMediaType||"",n=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(n)}export function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);const i=e.format||e.contentEncoding||"";return e.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}export function fileToBase64(e){return new Promise(((t,i)=>{const n=new FileReader;n.onload=()=>{const e=n.result.replace(/data:.*\/.*;base64,/g,"");t(e)},n.onerror=()=>i(n.error),n.readAsDataURL(e)}))}export function getIsBase64({format:e,contentEncoding:t,contentMediaType:i}){return[e,t,i].includes(FileUploadFormats.BASE64)}export function getFileToUpload(e,t){return __awaiter(this,void 0,void 0,(function*(){const i=Object.values(e);let n=1===i.length?i[0]:i;return t.type===DefinitionTypes.STRING&&getIsBase64(t)?n=yield fileToBase64(i[0]):t.type===DefinitionTypes.ARRAY&&t.items&&(n=getIsBase64(t.items)?yield Promise.all(i.map((e=>__awaiter(this,void 0,void 0,(function*(){return yield fileToBase64(e)}))))):i),n}))}
-//# sourceMappingURL=helper.js.map

package/lib-esm/components/common/FileUpload/index.d.ts

@@ -1 +0,0 @@
-export * from './FileUpload';

package/lib-esm/components/common/FileUpload/index.js

@@ -1,2 +0,0 @@
-export*from"./FileUpload";
-//# sourceMappingURL=index.js.map

package/lib-esm/components/common/LinearProgress.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const LinearProgress: () => JSX.Element;

package/lib-esm/components/common/LinearProgress.js

@@ -1,104 +0,0 @@
-import React from"react";import styled from"styled-components";const LoadingLine=styled.div`
-  position: relative;
-  height: 4px;
-  display: block;
-  width: 100%;
-  background-color: var(--linear-progress-background-color);
-  border-radius: var(--border-radius);
-  background-clip: padding-box;
-  margin: 0.5rem 0 1rem 0;
-  overflow: hidden;
-
-  .determinate {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    background-color: var(--linear-progress-color);
-    transition: width 0.3s linear;
-  }
-  .indeterminate {
-    background-color: var(--linear-progress-color);
-  }
-  .indeterminate:before {
-    content: '';
-    position: absolute;
-    background-color: inherit;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    will-change: left, right;
-    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-  }
-  .indeterminate:after {
-    content: '';
-    position: absolute;
-    background-color: inherit;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    will-change: left, right;
-    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-    -webkit-animation-delay: 1.15s;
-    animation-delay: 1.15s;
-  }
-
-  @-webkit-keyframes indeterminate {
-    0% {
-      left: -35%;
-      right: 100%;
-    }
-    60% {
-      left: 100%;
-      right: -90%;
-    }
-    100% {
-      left: 100%;
-      right: -90%;
-    }
-  }
-  @keyframes indeterminate {
-    0% {
-      left: -35%;
-      right: 100%;
-    }
-    60% {
-      left: 100%;
-      right: -90%;
-    }
-    100% {
-      left: 100%;
-      right: -90%;
-    }
-  }
-  @-webkit-keyframes indeterminate-short {
-    0% {
-      left: -200%;
-      right: 100%;
-    }
-    60% {
-      left: 107%;
-      right: -8%;
-    }
-    100% {
-      left: 107%;
-      right: -8%;
-    }
-  }
-  @keyframes indeterminate-short {
-    0% {
-      left: -200%;
-      right: 100%;
-    }
-    60% {
-      left: 107%;
-      right: -8%;
-    }
-    100% {
-      left: 107%;
-      right: -8%;
-    }
-  }
-`;export const LinearProgress=()=>React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}));
-//# sourceMappingURL=LinearProgress.js.map

package/lib-esm/components/common/Portal/Portal.d.ts

@@ -1,6 +0,0 @@
-import type { PropsWithChildren } from 'react';
-interface PortalProps {
-    mountId?: string;
-}
-export declare const Portal: ({ children, mountId }: PropsWithChildren<PortalProps>) => JSX.Element;
-export {};

package/lib-esm/components/common/Portal/Portal.js

@@ -1,2 +0,0 @@
-import React,{useEffect}from"react";import{createPortal}from"react-dom";import{IS_BROWSER}from"../../../utils";const container=IS_BROWSER?document.createElement("div"):null;export const Portal=({children:e,mountId:t="api-content"})=>{const n=IS_BROWSER?document.getElementById(t):null;return useEffect((()=>{if(n&&container)return n.appendChild(container),()=>{n.removeChild(container)}}),[n]),n&&container?createPortal(e,container):React.createElement(React.Fragment,null,e)};
-//# sourceMappingURL=Portal.js.map

package/lib-esm/components/common/Portal/index.d.ts

@@ -1 +0,0 @@
-export { Portal } from './Portal';

package/lib-esm/components/common/Portal/index.js

@@ -1,2 +0,0 @@
-export{Portal}from"./Portal";
-//# sourceMappingURL=index.js.map

package/lib-esm/components/common/TextField.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { FieldProps } from 'informed';
-import type { FlattenInterpolation, ThemeProps } from 'styled-components';
-import type { DropdownOption, DropdownProps } from './Dropdown';
-export declare const getInvertedInputStyles: (panelType: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
-    fullWidth?: boolean | undefined;
-    inputType?: string | undefined;
-    inputActionButton?: InputActionButtonProps | undefined;
-    panel: 'samples' | 'try-it';
-}, never>;
-export interface InputActionButtonProps {
-    label: string;
-    onClick: React.EventHandler<React.SyntheticEvent>;
-}
-export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    fullWidth?: boolean;
-    errorMessage?: string;
-    inputActionButton?: InputActionButtonProps;
-    panel?: 'samples' | 'try-it';
-}
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
-export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
-export interface FormDropdownProps extends Partial<DropdownProps> {
-    options: DropdownOption[];
-    initValue?: string;
-}
-export declare const FormDropdown: React.ComponentType<FieldProps<string, any> & FormDropdownProps>;

package/lib-esm/components/common/TextField.js

@@ -1,79 +0,0 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r};import{asField,useField}from"informed";import styled,{css}from"styled-components";import React,{forwardRef,useCallback,useState}from"react";import{useMount}from"@redocly/theme";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export const getInvertedInputStyles=e=>css`
-  border: var(--input-border);
-  outline: none;
-  padding: var(--input-padding);
-  border-radius: var(--input-border-radius);
-  background-color: var(--panel-${e}-input-background-color);
-  color: var(--input-text-color);
-  font-family: var(--input-font-family);
-  font-size: var(--input-font-size);
-  line-height: var(--input-line-height);
-
-  &::placeholder {
-    opacity: 0.6;
-    color: var(--input-placeholder-text-color);
-  }
-
-  &:hover {
-    color: var(--input-hover-text-color);
-    border: var(--input-hover-border);
-  }
-
-  &:focus {
-    color: var(--input-focus-text-color);
-    border: var(--input-focus-border);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-${e}-input-background-color);
-  }
-`;const TextFieldWrapper=styled.div`
-  display: ${({type:e})=>"hidden"===e?"none":"inline-block"};
-  ${({fullWidth:e})=>e?"width: 100%;":""}
-`,InputWrap=styled.div`
-  position: relative;
-`;export const StyledInput=styled.input`
-  ${({panel:e})=>{return css`
-  border: var(--input-border);
-  outline: none;
-  padding: var(--input-padding);
-  border-radius: var(--input-border-radius);
-  background-color: var(--panel-${t=e}-input-background-color);
-  color: var(--input-text-color);
-  font-family: var(--input-font-family);
-  font-size: var(--input-font-size);
-  line-height: var(--input-line-height);
-
-  &::placeholder {
-    opacity: 0.6;
-    color: var(--input-placeholder-text-color);
-  }
-
-  &:hover {
-    color: var(--input-hover-text-color);
-    border: var(--input-hover-border);
-  }
-
-  &:focus {
-    color: var(--input-focus-text-color);
-    border: var(--input-focus-border);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-${t}-input-background-color);
-  }
-`;var t}}
-  ${({inputType:e,inputActionButton:t})=>"password"===e||t?"padding-right: 40px;":""};
-  ${({fullWidth:e})=>e?"width: 100%;":""}
-`;const InputActionButton=styled.span`
-  position: absolute;
-  right: 0;
-  line-height: normal;
-
-  font-size: 0.8em;
-  padding: calc(8px / 0.8);
-  cursor: pointer;
-  text-align: center;
-  color: var(--panel-samples-text-color);
-`;function TextFieldComponent(e,t){var{fullWidth:r,errorMessage:o,type:n,inputActionButton:l,panel:i="samples"}=e,a=__rest(e,["fullWidth","errorMessage","type","inputActionButton","panel"]);const[p,u]=useState("password"===n),c=useCallback((()=>{u(!p)}),[p]);return React.createElement(TextFieldWrapper,{fullWidth:r,type:n},React.createElement(InputWrap,null,React.createElement(StyledInput,Object.assign({fullWidth:r,inputActionButton:l,type:p?"password":"text",inputType:n,ref:t,panel:i},a)),l?React.createElement(InputActionButton,{onClick:l.onClick},l.label):"password"===n?React.createElement(InputActionButton,{onClick:c},p?"show":"hide"):null),o?React.createElement(FormError,null,o):null)}export const TextField=forwardRef(TextFieldComponent);export function FormTextField(e){const t=useField(Object.assign({fieldType:"text"},e)),{userProps:r,render:o,fieldState:n}=t,l=t.informed;return o(React.createElement(TextField,Object.assign({},r,l,{errorMessage:n.error})))}const FormDropdownInt=({initValue:e,options:t,fieldApi:r,fieldState:o})=>{const n=t.map(((e,t)=>({value:e.title||e.value,idx:t,origValue:e.value}))),l=n.find((t=>t.origValue===e)),[i,a]=useState(null==l?void 0:l.value);useMount((()=>{e&&r.setValue(e)}));const p=useCallback((e=>{r.setValue(n[e.idx].origValue),a(n[e.idx].value)}),[r,n]);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:i,options:n,onChange:p}),o.error?React.createElement(FormError,null,o.error):null)};export const FormDropdown=asField(FormDropdownInt);
-//# sourceMappingURL=TextField.js.map

package/lib-esm/components/common/form.d.ts

@@ -1,17 +0,0 @@
-export declare const Table: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormLabel: import("styled-components").StyledComponent<"label", any, {
-    required?: boolean | undefined;
-}, never>;
-export declare const FormError: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FormWarning: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TokenField: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TokenValue: import("styled-components").StyledComponent<"code", any, {
-    masked?: boolean | undefined;
-    length: number;
-}, never>;
-export declare const TokenShowHide: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TokenClear: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FormHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/common/form.js

@@ -1,64 +0,0 @@
-import styled,{css}from"styled-components";export const Table=styled.div`
-  display: table;
-  width: 100%;
-`;export const GroupLabel=styled.div`
-  color: #969a9a;
-  font-size: 1em;
-  font-weight: normal;
-  text-align: left;
-  position: absolute;
-`;export const FormControl=styled.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;export const FormWrapper=styled.div`
-  width: 100%;
-  margin-bottom: 20px;
-`;export const FormLabel=styled.label`
-  padding-bottom: 6px;
-  display: block;
-  white-space: nowrap;
-  line-height: 1em;
-
-  ${({required:o})=>o&&css`
-      &:after {
-        display: inline-block;
-        content: '*';
-        margin-left: 4px;
-        color: var(--color-error);
-      }
-    `}
-`;export const FormError=styled.div`
-  color: var(--color-error);
-  font-size: 0.9em;
-  & pre {
-    word-break: break-word;
-    white-space: pre-wrap;
-  }
-`;export const FormWarning=styled.div`
-  color: var(--color-warning);
-  font-size: 0.9em;
-`;function placeholder(o,e){let t="";for(let r=0;r<o;r++)t+=e;return'"'+t+'"'}export const TokenField=styled.div`
-  position: relative;
-  margin-bottom: 1em;
-  display: flex;
-`;export const TokenValue=styled.code`
-  flex: 1;
-  overflow-wrap: anywhere;
-  ${({masked:o,length:e})=>o&&`\n  color: transparent;\n\n  &:before {\n    content: ${placeholder(e,"*")};\n    color: white;\n    position: absolute;\n    right: 100px;\n  }\n  `||""}
-`;export const TokenShowHide=styled.span`
-  padding: 0 5px;
-  cursor: pointer;
-`;export const TokenClear=styled(TokenShowHide)`
-  color: var(--color-error);
-`;export const FormHeader=styled.div`
-  font-weight: bold;
-  font-size: 1.2em;
-  margin: 1em 0;
-`;
-//# sourceMappingURL=form.js.map

package/lib-esm/components/common/perfect-scrollbar.d.ts

@@ -1,18 +0,0 @@
-import { Component } from 'react';
-import type PerfectScrollbarType from 'perfect-scrollbar';
-import type { PropsWithChildren } from 'react';
-export interface PerfectScrollbarProps {
-    options?: PerfectScrollbarType.Options;
-    className?: string;
-    updateFn?: (fn: any) => void;
-}
-export declare class PerfectScrollbar extends Component<PerfectScrollbarProps> {
-    private _container;
-    private inst;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    handleRef: (ref: HTMLDivElement) => void;
-    render(): JSX.Element;
-}
-export declare function PerfectScrollbarWrap({ children, ...rest }: PropsWithChildren<PerfectScrollbarProps>): JSX.Element;

package/lib-esm/components/common/perfect-scrollbar.js

@@ -1,4 +0,0 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};import styled,{createGlobalStyle}from"styled-components";import*as PerfectScrollbarNamespace from"perfect-scrollbar";import React,{Component}from"react";import{useRecoilValue}from"@redocly/recoil";import{IS_BROWSER}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";let psStyles="";IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled.div`
-  position: relative;
-`;export class PerfectScrollbar extends Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),React.createElement(React.Fragment,null,psStyles&&React.createElement(PSStyling,null),React.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}export function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=useRecoilValue(globalOptionsSelector);return o?React.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):React.createElement(PerfectScrollbar,Object.assign({},r),t)}
-//# sourceMappingURL=perfect-scrollbar.js.map

package/lib-esm/components/common/shelfs.d.ts

@@ -1,3 +0,0 @@
-export declare const Badge: import("styled-components").StyledComponent<"span", any, {
-    deprecated?: boolean | undefined;
-}, never>;

package/lib-esm/components/common/shelfs.js

@@ -1,23 +0,0 @@
-import styled,{css}from"styled-components";export const Badge=styled.span`
-  display: inline-block;
-  padding: 2px 8px;
-  vertical-align: middle;
-  line-height: 1.6;
-  color: var(--badge-text-color);
-  background-color: var(--badge-background-color);
-  border-color: var(--badge-border-color);
-  border: var(--badge-border);
-  border-radius: var(--badge-border-radius);
-  margin: 0 0 0 0.5em;
-  font-size: var(--code-font-size);
-  font-weight: var(--font-weight-bold);
-
-  ${({deprecated:r})=>r&&css`
-      color: var(--badge-deprecated-text-color);
-      background-color: var(--badge-deprecated-background-color);
-      border-color: var(--badge-deprecated-border-color);
-      border: var(--badge-deprecated-border);
-      border-radius: var(--badge-deprecated-border-radius);
-    `}
-`;
-//# sourceMappingURL=shelfs.js.map

package/lib-esm/components/icons/CrossIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const CrossIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, Pick<IconProps, "color" | "size" | "float">, never>;

package/lib-esm/components/icons/CrossIcon.js

@@ -1,11 +0,0 @@
-import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const CrossIconInt=({className:e})=>React.createElement("svg",{className:e,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"122.879px",height:"122.879px",viewBox:"0 0 122.879 122.879"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M61.44,0c33.933,0,61.439,27.507,61.439,61.439 s-27.506,61.439-61.439,61.439C27.507,122.879,0,95.372,0,61.439S27.507,0,61.44,0L61.44,0z M73.451,39.151 c2.75-2.793,7.221-2.805,9.986-0.027c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.076,12.249 c2.729,2.77,2.689,7.257-0.08,10.022c-2.773,2.765-7.23,2.758-9.955-0.013L61.446,71.54L49.428,83.728 c-2.75,2.793-7.22,2.805-9.986,0.027c-2.763-2.776-2.776-7.293-0.027-10.084L51.48,61.434L39.403,49.185 c-2.728-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.953,0.013l11.997,12.165L73.451,39.151L73.451,39.151z"}));export const CrossIcon=styled(CrossIconInt)`
-  height: ${e=>e.size||"9px"};
-  width: ${e=>e.size||"9px"};
-  vertical-align: middle;
-  float: ${e=>e.float||""};
-  transition: transform 0.2s ease-out;
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=CrossIcon.js.map

package/lib-esm/components/icons/FileIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const FileIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, Pick<IconProps, "color" | "size">, never>;

package/lib-esm/components/icons/FileIcon.js

@@ -1,9 +0,0 @@
-import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const FileIconInt=({className:e})=>React.createElement("svg",{className:e,viewBox:"0 0 368.553 368.553",xmlSpace:"preserve"},React.createElement("path",{d:"M239.68 0H42.695v368.553h283.164V86.811L239.68 0zm4.377 25.7 56.288 56.701h-56.288V25.7zM57.695 353.553V15h171.362v82.401h81.802v256.151H57.695v.001z"}),React.createElement("path",{d:"M86.435 82.401H208.31v15H86.435zM86.435 151.122H282.12v15H86.435zM86.435 219.843H282.12v15H86.435zM86.435 288.563H282.12v15H86.435z"}));export const FileIcon=styled(FileIconInt)`
-  vertical-align: middle;
-  height: ${e=>e.size||"15px"};
-  width: ${e=>e.size||"15px"};
-  path {
-    fill: ${({color:e})=>getCssColorVariable(e)};
-  }
-`;
-//# sourceMappingURL=FileIcon.js.map

package/lib-esm/components/icons/LinkIcon.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const LinkIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, Pick<IconProps, "size">, never>;

package/lib-esm/components/icons/LinkIcon.js

@@ -1,11 +0,0 @@
-import React from"react";import styled from"styled-components";const LinkIconInt=({className:e})=>React.createElement("svg",{className:e,viewBox:"0 0 16 16","aria-hidden":"true"},React.createElement("path",{fillRule:"evenodd",fill:"currentColor",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}));export const LinkIcon=styled(LinkIconInt)`
-  vertical-align: middle;
-  ${e=>e.size?`height:${e.size}`:""};
-  ${e=>e.size?`width:${e.size}`:""};
-  color: var(--link-text-color);
-  &:active,
-  &:visited {
-    color: var(--link-visited-text-color);
-  }
-`;
-//# sourceMappingURL=LinkIcon.js.map

package/lib-esm/components/icons/LockIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from './types';
-export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "color" | "className" | "size" | "float">, never>;