@redocly/openapi-docs 0.0.0-react18-20231120182601

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { UseControllerProps } from 'react-hook-form/dist/types/controller';
+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>>;
+type FormFieldProps = {
+    fieldName: string;
+    defaultValue?: string;
+    rules?: UseControllerProps['rules'];
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+};
+export declare function FormTextField({ id, fieldName, defaultValue, rules, validateOnBlur, validateOnChange, ...rest }: TextFieldExtraProps & FormFieldProps): JSX.Element;
+export interface FormDropdownProps extends Partial<DropdownProps>, FormFieldProps {
+    options: DropdownOption[];
+}
+export declare const FormDropdown: React.NamedExoticComponent<FormDropdownProps>;
+export {};

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

@@ -0,0 +1,79 @@
+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 styled,{css}from"styled-components";import React,{forwardRef,useCallback,useState,memo}from"react";import{useFormContext,Controller}from"react-hook-form";import{FormError}from"./form";import{Dropdown}from"./Dropdown";import{isNull}from"../../utils";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:a="samples"}=e,i=__rest(e,["fullWidth","errorMessage","type","inputActionButton","panel"]);const[u,p]=useState("password"===n);return React.createElement(TextFieldWrapper,{fullWidth:r,type:n},React.createElement(InputWrap,null,React.createElement(StyledInput,Object.assign({fullWidth:r,inputActionButton:l,type:u?"password":"text",inputType:n,ref:t,panel:a},i)),l?React.createElement(InputActionButton,{onClick:l.onClick},l.label):"password"===n?React.createElement(InputActionButton,{onClick:()=>{p(!u)}},u?"show":"hide"):null),o?React.createElement(FormError,null,o):null)}export const TextField=forwardRef(TextFieldComponent);export function FormTextField(e){var{id:t,fieldName:r,defaultValue:o="",rules:n,validateOnBlur:l,validateOnChange:a}=e,i=__rest(e,["id","fieldName","defaultValue","rules","validateOnBlur","validateOnChange"]);const{setValue:u,getFieldState:p,control:c,trigger:d}=useFormContext(),s=e=>{u(r,e.target.value),a&&d(r)},m=()=>{l&&d(r)},{error:v}=p(r);return React.createElement(Controller,{control:c,name:r,defaultValue:o,rules:n,render:({field:{value:e=""}})=>React.createElement(TextField,Object.assign({},i,{id:t||r,name:r,value:isNull(e)?"":e,onChange:s,onBlur:m,errorMessage:null==v?void 0:v.message}))})}const FormDropdownComponent=({fieldName:e,options:t,defaultValue:r,rules:o,validateOnChange:n})=>{const{setValue:l,getFieldState:a,control:i,trigger:u}=useFormContext(),p=t.map(((e,t)=>({value:e.title||e.value,idx:t,origValue:e.value}))),c=useCallback((t=>{l(e,p[t.idx].origValue),n&&u(e)}),[e,p,l,u,n]),{error:d}=a(e);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Controller,{control:i,name:e,defaultValue:r,rules:o,render:({field:{value:e}})=>{var t;const r=null===(t=p.find((t=>t.origValue===e)))||void 0===t?void 0:t.value;return React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:r,options:p,onChange:c})}}),d?React.createElement(FormError,null,d.message):null)};export const FormDropdown=memo(FormDropdownComponent);
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,64 @@
+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/headers.d.ts

@@ -0,0 +1,2 @@
+export declare const SamplesPanelHeader: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;

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

@@ -0,0 +1,12 @@
+import styled from"styled-components";import{typography}from"../../utils";export const SamplesPanelHeader=styled.h3`
+  color: var(--panel-samples-text-color);
+
+  ${typography("right-panel-header")};
+`;export const FieldsGroupHeader=styled.h5`
+  color: var(--text-secondary);
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+`;
+//# sourceMappingURL=headers.js.map

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

@@ -0,0 +1,14 @@
+export { Dropdown, SchemaDiscriminatorDropdown } from './Dropdown';
+export type { DropdownProps, DropdownOption } from './Dropdown';
+export { ShareLinkToField } from './LinkToField';
+export { deprecatedCss } from './mixins';
+export { FormControl } from './form';
+export * from './Fields';
+export * from './panels';
+export { FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { ShareLink, Link } from './linkify';
+export * from './shelfs';
+export * from './schema';
+export * from './perfect-scrollbar';
+export { Portal } from './Portal';
+export { Skeleton } from './Skeleton';

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

@@ -0,0 +1,2 @@
+export{Dropdown,SchemaDiscriminatorDropdown}from"./Dropdown";export{ShareLinkToField}from"./LinkToField";export{deprecatedCss}from"./mixins";export{FormControl}from"./form";export*from"./Fields";export*from"./panels";export{FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";export{Portal}from"./Portal";export{Skeleton}from"./Skeleton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+export declare function Link(props: PropsWithChildren<{
+    to: string;
+    className?: string;
+    security?: boolean;
+    id?: string;
+}>): JSX.Element | null;
+export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export declare function ShareLink(props: any): JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{AnchorIcon}from"@redocly/theme";import{Link as LinkRouter}from"react-router-dom";import{globalOptionsAtom}from"../../jotai/store";export function Link(e){var t;const{routingBasePath:o,hooks:r,onDeepLinkClick:n}=useAtomValue(globalOptionsAtom),i=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,a=n&&{onClick:e=>{e.preventDefault(),n(o+i)}};return i?React.createElement(LinkRouter,Object.assign({id:e.id,className:e.className||"",to:(null==i?void 0:i.startsWith("#"))?i:o+i},a),e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}export const StyledShareLink=styled(Link)`
+  position: absolute;
+  transform: translateX(-100%);
+  padding-right: var(--heading-anchor-offset-right);
+
+  :hover ${AnchorIcon} {
+    visibility: visible;
+  }
+`;export function ShareLink(e){return React.createElement(StyledShareLink,Object.assign({},e),React.createElement(AnchorIcon,null))}
+//# sourceMappingURL=linkify.js.map

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

@@ -0,0 +1 @@
+export declare const deprecatedCss: import("styled-components").FlattenSimpleInterpolation;

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

@@ -0,0 +1,5 @@
+import{css}from"styled-components";export const deprecatedCss=css`
+  text-decoration: line-through;
+  color: var(--schemas-property-deprecated-text-color);
+`;
+//# sourceMappingURL=mixins.js.map

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

@@ -0,0 +1,13 @@
+import { LayoutVariant } from '@redocly/theme';
+export declare const SamplesMiddlePanel: import("styled-components").StyledComponent<"div", any, {
+    compact?: boolean | undefined;
+    isStacked?: boolean | undefined;
+}, never>;
+export declare const Section: import("styled-components").StyledComponent<"div", any, {
+    underlined?: boolean | undefined;
+    sectionId?: string | undefined;
+}, never>;
+export declare const SamplesPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {
+    layout?: LayoutVariant | undefined;
+}, never>;

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

@@ -0,0 +1,102 @@
+import{H2,LayoutVariant}from"@redocly/theme";import styled,{css}from"styled-components";import{SECTION_ATTR}from"../../constants";export const SamplesMiddlePanel=styled.div`
+  ${({compact:a,isStacked:t,theme:e})=>{const i=a?0:"var(--spacing-vertical)";return css`
+      &:empty {
+        display: none;
+      }
+      width: 100%;
+      padding: ${i} var(--panel-gap-horizontal);
+
+      ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+        width: calc(100% - var(--panel-samples-width));
+        padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+        padding-top: 0;
+        padding-bottom: ${t?"var(--spacing-vertical)":0};
+      }
+
+      ${e.mediaQueries.print} {
+        width: 100%;
+        padding-top: ${i};
+        padding-bottom: ${i};
+      }
+    `}}
+`;export const Section=styled.div.attrs((a=>({[SECTION_ATTR]:a.sectionId,id:a.id})))`
+  z-index: 0;
+  padding: 0;
+  width: 100%;
+
+  & > &:last-child {
+    min-height: initial;
+  }
+  ${({theme:a})=>css`
+    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+      padding-top: var(--spacing-vertical);
+      padding-bottom: var(--spacing-vertical);
+    }
+
+    ${a.mediaQueries.print} {
+      padding: 0;
+    }
+  `}
+  ${({underlined:a})=>a&&css`
+      position: relative;
+
+      &:not(:last-of-type):after {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        display: block;
+        content: '';
+        border-bottom: 1px solid var(--border-primary);
+      }
+    `}
+  ${H2} {
+    position: relative;
+  }
+`;export const SamplesPanel=styled.div`
+  color: var(--panel-samples-text-color);
+  width: 100%;
+  height: fit-content;
+  padding-top: var(--panel-gap-vertical);
+  padding-bottom: var(--panel-gap-vertical);
+  padding-left: var(--panel-gap-horizontal);
+  padding-right: var(--panel-gap-horizontal);
+
+  position: sticky;
+  top: calc(var(--navbar-height) + var(--panel-gap-vertical));
+
+  &:empty {
+    display: none;
+  }
+
+  ${({theme:a})=>css`
+    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+      width: var(--panel-samples-width);
+      padding-top: 0;
+      padding-bottom: 0;
+      padding-left: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+    }
+
+    ${a.mediaQueries.print} {
+      width: 100%;
+      padding-top: var(--spacing-vertical);
+      padding-bottom: var(--spacing-vertical);
+    }
+  `}
+`;export const Row=styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0;
+
+  ${({theme:a,layout:t})=>css`
+    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+      flex-direction: ${t!==LayoutVariant.STACKED?"row":"column"};
+    }
+
+    ${a.mediaQueries.print} {
+      flex-direction: column;
+    }
+  `}
+`;
+//# sourceMappingURL=panels.js.map

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

@@ -0,0 +1,18 @@
+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<PropsWithChildren<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

@@ -0,0 +1,4 @@
+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{useAtomValue}from"jotai";import{IS_BROWSER}from"../../utils";import{globalOptionsAtom}from"../../jotai/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}=useAtomValue(globalOptionsAtom);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/schema.d.ts

@@ -0,0 +1,11 @@
+export declare const OneOfButton: import("styled-components").StyledComponent<"button", any, {
+    selected: boolean;
+    deprecated: boolean;
+}, never>;
+export declare const OneOfList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BadgeStyle: import("styled-components").StyledComponent<"span", any, {
+    deprecated?: boolean | undefined;
+}, never>;
+export declare const ArrayOpeningLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,68 @@
+import styled,{css}from"styled-components";import{deprecatedCss}from"./mixins";import{Badge}from"./shelfs";export const OneOfButton=styled.button`
+  border: 1px solid var(--schema-buttons-border-color);
+  height: 24px;
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline: none;
+  font-family: var(--schema-buttons-font-family);
+  font-weight: var(--schema-buttons-font-weight);
+  font-size: var(--schema-buttons-font-size);
+  line-height: 1em;
+  color: var(--schema-buttons-text-color);
+  background-color: var(--schema-buttons-background-color);
+  padding: 0 10px;
+  min-width: 90px;
+  transition: background-color 0.2s ease-in, border-color 0.2s ease-in;
+
+  &:hover {
+    background-color: var(--schema-buttons-hover-background-color);
+  }
+
+  &:active {
+    background-color: var(--schema-buttons-active-background-color);
+  }
+
+  ${({deprecated:o})=>o&&deprecatedCss};
+
+  ${({selected:o})=>o&&css`
+      border-color: var(--schema-buttons-selected-border-color);
+      background-color: var(--schema-buttons-selected-background-color);
+      color: var(--schema-buttons-selected-text-color);
+
+      &:hover {
+        background-color: var(--schema-buttons-selected-hover-background-color);
+      }
+      &:active {
+        background-color: var(--schema-buttons-active-hover-background-color);
+      }
+    `}
+`;export const OneOfList=styled.div`
+  display: inline;
+
+  flex-wrap: wrap;
+  margin: 4px -3px;
+  margin-left: 10px;
+
+  ${OneOfButton} {
+    margin: 2px;
+  }
+`;export const Wrapper=styled.div`
+  margin-bottom: 1em;
+`;export const BadgeStyle=styled(Badge)`
+  margin-left: 0;
+`;export const ArrayOpeningLabel=styled.div`
+  font-size: 0.9em;
+
+  font-family: var(--code-font-family);
+  &::after {
+    content: ' [';
+  }
+`;export const ArrayClosingLabel=styled.div`
+  font-size: 0.9em;
+  font-family: var(--code-font-family);
+
+  &::after {
+    content: ']';
+  }
+`;
+//# sourceMappingURL=schema.js.map

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

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

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,5 @@
+/// <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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,5 @@
+/// <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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,3 @@
+/// <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>;

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

@@ -0,0 +1,12 @@
+import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";const LockIconInt=({className:e,style:c})=>React.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 100 100",style:c},React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M94.5 49.7c0-7.8-5-14.5-12-16.9C78 19.1 65.2 9.3 50 9.3c-15.1 0-27.9 9.9-32.4 23.5C10.6 35.1 5.5 41.8 5.5 49.7c0 9.9 8 17.9 17.9 17.9V34.9c3.6-11.3 14.2-19.4 26.6-19.4 12.4 0 22.9 8.1 26.6 19.2v30.7c-1.3 2.7-8.8 17.6-18.7 18 -0.8-2.1-2.8-3.6-5.1-3.6 -3 0-5.5 2.5-5.5 5.5 0 3 2.5 5.5 5.5 5.5 2.4 0 4.4-1.5 5.1-3.6 11.8-0.4 20-16 21.9-19.8C88.2 65.7 94.5 58.4 94.5 49.7z"})),React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M63.3 12.4V8.7c0-1.2-1.2-2.2-2.7-2.2 -1.5 0-2.7 1-2.7 2.2v1.9c-0.8-0.1-1.5-0.2-2.3-0.2H44.4c-9.2 0-16.7 7.6-16.7 16.9v49.3c0 9.3 7.5 16.9 16.7 16.9h11.1c9.2 0 16.7-7.6 16.7-16.9V27.3C72.3 20.8 68.6 15.2 63.3 12.4zM56.6 84.9H43.3v-4.2h13.4V84.9zM65.2 67.4c-0.2 0.2-4.7 5.4-15.4 5.4 -10.5 0-16.4-5-16.7-5.2 -0.7-0.6-0.8-1.8-0.2-2.5 0.6-0.7 1.8-0.8 2.5-0.2 0 0 5.2 4.3 14.3 4.3 8.9 0 12.5-4 12.7-4.1 0.6-0.7 1.8-0.8 2.5-0.2C65.8 65.5 65.9 66.6 65.2 67.4zM66.4 51.6c0 3.1-2.4 5.6-5.3 5.6H39.2c-3 0-5.3-2.5-5.3-5.6v-25c0-3.1 2.4-5.6 5.3-5.6h21.9c3 0 5.3 2.5 5.3 5.6V51.6z"})),React.createElement("g",{display:"none"},React.createElement("path",{display:"inline",d:"M63.4 9.7H36.6c-5.4 0-9.8 4.5-9.8 10v60.7c0 5.5 4.4 10 9.8 10h26.8c5.4 0 9.8-4.5 9.8-10V19.7C73.2 14.2 68.8 9.7 63.4 9.7zM50 85c-2.6 0-4.8-2.1-4.8-4.8s2.1-4.8 4.8-4.8c2.6 0 4.8 2.1 4.8 4.8S52.6 85 50 85zM67.1 71.5H32.9V20.8h34.3V71.5z"})),React.createElement("path",{d:"M16.1 45.4V92.5h67.8V45.4H16.1zM53.9 70.9v12.4h-7.4V70.9c-3.2-1.4-5.4-4.6-5.4-8.2 0-5 4-9 9-9 5 0 9 4.1 9 9C59.3 66.3 57.1 69.5 53.9 70.9zM37.2 39.8c-0.3 0-1.4-2.9-1.4-2.9 -0.5-1.5-0.7-3-0.7-4.6 0-8.4 6.8-15.2 15.2-15.2 8.4 0 15.2 6.8 15.2 15.2 0 1.6-0.2 3.1-0.7 4.6l0 0 0 0c0 0-1.1 2.9-1.4 2.9 -0.3 0 10.4 0 10.6 0l0 0c0.8-2.4 1.2-4.9 1.2-7.5C75.1 18.6 64 7.5 50.3 7.5c-13.7 0-24.8 11.1-24.8 24.8 0 2.5 0.4 5.1 1.2 7.5C26.6 39.8 37.5 39.8 37.2 39.8z"}));export const LockIcon=styled(LockIconInt)`
+  height: ${({size:e})=>e||"9px"};
+  width: ${({size:e})=>e||"9px"};
+  vertical-align: middle;
+  float: ${({float:e})=>e||""};
+  transition: transform 0.2s ease-out;
+
+  path {
+    fill: ${({color:e})=>getCssColorVariable(e)};
+  }
+`;
+//# sourceMappingURL=LockIcon.js.map

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const SearchIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => React.JSX.Element, any, {
+    className: "search-icon";
+}, "className">;

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

@@ -0,0 +1,11 @@
+import React from"react";import styled from"styled-components";const SearchIconInt=({className:e})=>React.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 1000 1000",x:"0px",xmlns:"http://www.w3.org/2000/svg",y:"0px"},React.createElement("path",{d:"M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"}));export const SearchIcon=styled(SearchIconInt).attrs({className:"search-icon"})`
+  position: absolute;
+  left: calc(var(--spacing-unit) * 4);
+  height: 1.8em;
+  width: 0.9em;
+
+  path {
+    fill: var(--sidebar-item-text-color);
+  }
+`;
+//# sourceMappingURL=SearchIcon.js.map

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

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