@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.12

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

@@ -0,0 +1,103 @@
+import styled,{css}from"styled-components";import{typography}from"../../../utils";import{PropertyNameCell,getCssVariable}from"./fields-layout";import{ShelfIcon}from"../../icons";export const ClickablePropertyNameCell=styled(PropertyNameCell)`
+  button {
+    background-color: transparent;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    padding: 0 10px 0 0;
+    font-family: var(--field-name-font-family);
+    font-size: var(--field-name-font-size);
+    color: var(--text-color);
+    &:focus {
+      font-weight: var(--font-weight-bold);
+    }
+  }
+  ${ShelfIcon} {
+    margin-left: 4px;
+    height: var(--schema-chevron-size);
+    width: var(--schema-chevron-size);
+    fill: var(--schema-chevron-color);
+    margin-top: -1px;
+  }
+
+  ${()=>{const e=getCssVariable("--schema-field-name-word-break");if(["break-all","break-word"].includes(e)){const r=`\n      && button {\n        max-width: calc(100% - 21px); /* left padding + toggle button width: 16px/2 + 13px */\n        text-align: left;\n        span {\n          white-space: normal;\n          word-break: ${e};\n          vertical-align: top;\n          display: inline-flex;\n        }\n      }\n    `;return css`
+        ${typography("schema-property-name")}
+        ${r}
+      `}return typography("schema-property-name")}};
+`;export const FieldLabel=styled.span`
+  vertical-align: middle;
+  line-height: 20px;
+  font-size: var(--schema-property-labels-font-size);
+`;export const TypePrefix=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeName=styled(FieldLabel)`
+  color: var(--schema-type-text-color);
+`;export const TypeTitle=styled(FieldLabel)`
+  color: var(--schema-type-title-text-color);
+  word-break: break-word;
+`;export const TypeFormat=TypeName;export const PropertyLabel=styled(FieldLabel.withComponent("div"))`
+  color: var(--text-color-secondary);
+  font-size: var(--schema-labels-font-size);
+  font-weight: normal;
+  line-height: 1;
+  display: block;
+`;export const RequiredLabel=styled(PropertyLabel)`
+  color: var(--schema-property-required-label-text-color);
+`;export const AdditionalPropertiesLabel=styled(PropertyLabel)`
+  color: var(--schema-property-additional-label-text-color);
+`;export const AccessLabel=styled(PropertyLabel)`
+  color: var(--schema-property-access-label-text-color);
+`;export const FieldValueLabel=styled(FieldLabel)`
+  background-color: var(--schema-inline-background-color);
+  border-radius: var(--border-radius);
+  border: var(--schema-inline-border);
+  padding: 1px var(--spacing-unit);
+
+  ${typography("schema-inline-code")}
+`;export const RecursiveLabel=styled(FieldValueLabel)`
+  background-color: var(--schema-recursive-background-color);
+  border-color: var(--schema-recursive-border-color);
+  color: var(--schema-recursive-text-color);
+`;export const EnumValue=styled(FieldValueLabel)`
+  background-color: var(--schema-enum-background-color);
+  border-color: var(--schema-enum-border-color);
+  color: var(--schema-enum-text-color);
+`;export const DefaultValue=styled(FieldValueLabel)`
+  background-color: var(--schema-default-background-color);
+  border-color: var(--schema-default-border-color);
+  color: var(--schema-default-text-color);
+`;export const ExampleValue=styled(FieldValueLabel)`
+  background-color: var(--schema-example-background-color);
+  border-color: var(--schema-example-border-color);
+  color: var(--schema-example-text-color);
+  word-break: var(--code-word-break);
+
+  & + & {
+    margin-left: 0;
+  }
+
+  line-height: 1.2em;
+  display: inline-flex;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+`;export const ExtensionValue=styled(ExampleValue)``;export const ConstraintItem=styled(FieldValueLabel)`
+  background-color: var(--schema-constraint-background-color);
+  border-color: var(--schema-constraint-border-color);
+  color: var(--schema-constraint-text-color);
+  word-break: var(--code-word-break);
+  margin: 0 var(--spacing-unit);
+
+  & + & {
+    margin-left: 0;
+  }
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.button`
+  background-color: transparent;
+  border: 0;
+  color: var(--text-color-secondary);
+  margin-left: var(--spacing-unit);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline-color: var(--text-color-secondary);
+  font-size: 12px;
+`;
+//# sourceMappingURL=fields.js.map

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

@@ -0,0 +1,2 @@
+export * from './fields';
+export * from './fields-layout';

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

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

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

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
-import type { UploadFileType } from '../../../models';
+import type { SchemaModel, UploadFileType } from '../../../models';
 export interface FileUploadProps {
     schema: SchemaModel | GenericObject;
     contentName: string;

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

@@ -1,5 +1,4 @@
-import type { SchemaModel } from '../../../redoc-lib';
-import type { UploadFileType } from '../../../models';
+import type { SchemaModel, UploadFileType } from '../../../models';
 /**
  * Convert request body mime-type to accept value for file upload input in browser
  */

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

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import type { FieldModel } from '../../models';
+interface LinkToFieldProps {
+    field: FieldModel;
+    className?: string;
+}
+export declare const LinkToField: (props: PropsWithChildren<LinkToFieldProps>) => JSX.Element;
+export declare const ShareLinkToField: import("styled-components").StyledComponent<(props: PropsWithChildren<LinkToFieldProps>) => JSX.Element, any, {}, never>;
+export {};

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

@@ -0,0 +1,27 @@
+import styled from"styled-components";import React,{useContext,useEffect,useState}from"react";import{StoreContext}from"../../context";import{SECTION_ATTR}from"../../constants";import{constructFieldDeepFragment}from"../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{LinkIcon}from"../icons";export const LinkToField=e=>{var i,n;const o=useContext(StoreContext),[t,r]=useState(!1),l=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",s=constructFieldDeepFragment(e.field),a=o&&s?o.menu.history.generateDeepLink(s,l):null,c=o?{[SECTION_ATTR]:(null===(n=e.field.deps.operation)||void 0===n?void 0:n.id)+o.options.deepLinkPrefix+s,id:a&&a.split("#")[1]||void 0}:null;return useEffect((()=>{if(o&&c)return r(o.menu.history.currentId===c[SECTION_ATTR]),o.menu.history.subscribe((e=>{r(e===c[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==c?void 0:c[SECTION_ATTR]]),s&&o&&a?React.createElement("a",Object.assign({className:e.className+(t?" active":""),href:a,onClick:e=>(((e,i,n)=>{i.defaultPrevented||userIsForcingNavigation(i)||(i.preventDefault(),e.replaceForField(n))})(null==o?void 0:o.menu.history,e,a),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(a),!1)},c),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export const ShareLinkToField=styled(LinkToField)`
+  ${linkifyMixin("&","13px")}
+
+  & ${LinkIcon} {
+    color: var(--schema-property-deep-link-icon-color);
+
+    background-image: var(--schema-property-deep-link-icon);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+  }
+
+  & {
+    position: absolute;
+    padding-right: 4px;
+    transform: translateX(-90%);
+
+    .field-name:hover & ${LinkIcon}, &:hover & ${LinkIcon} {
+      visibility: visible;
+    }
+  }
+
+  &.active ${LinkIcon} {
+    visibility: visible;
+  }
+`;
+//# sourceMappingURL=LinkToField.js.map

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

@@ -1,4 +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 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"../../hooks";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export const getInvertedInputStyles=e=>css`
+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);

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

@@ -0,0 +1,36 @@
+import styled from"styled-components";import{typography}from"../../utils";export const H1=styled.h1`
+  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
+
+  ${typography("h1","h")};
+`;export const H2=styled.h2`
+  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
+
+  ${typography("h2","h")};
+`;export const H3=styled.h3`
+  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
+
+  ${typography("h3","h")};
+`;export const H4=styled.h4`
+  margin: var(--h4-margin-top) 0 var(--h4-margin-bottom);
+
+  ${typography("h4","h")};
+`;export const H5=styled.h5`
+  margin: var(--h5-margin-top) 0 var(--h5-margin-bottom);
+
+  ${typography("h5","h")};
+`;export const H6=styled.h6`
+  margin: var(--h6-margin-top) 0 var(--h6-margin-bottom);
+
+  ${typography("h6","h")};
+`;export const SamplesPanelHeader=styled.h3`
+  color: var(--panel-samples-text-color);
+
+  ${typography("right-panel-header")};
+`;export const FieldsGroupHeader=styled.h5`
+  color: var(--text-color-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,12 @@
+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 { H1, H2, H3, H4, H5, H6, FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { linkifyMixin, userIsForcingNavigation, ShareLink, Link } from './linkify';
+export * from './shelfs';
+export * from './schema';
+export * from './perfect-scrollbar';

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{H1,H2,H3,H4,H5,H6,FieldsGroupHeader,SamplesPanelHeader}from"./headers";export{linkifyMixin,userIsForcingNavigation,ShareLink,Link}from"./linkify";export*from"./shelfs";export*from"./schema";export*from"./perfect-scrollbar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,55 @@
+import React,{useCallback}from"react";import styled,{css}from"styled-components";import{useStore}from"../../context";import{LinkIcon}from"../icons";export function userIsForcingNavigation(e){return 0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}export const linkifyMixin=(e,i)=>css`
+  ${e} {
+    cursor: pointer;
+    line-height: inherit;
+    display: inline-block;
+    outline: 0;
+    position: absolute;
+    padding-right: 4px;
+    transform: translateX(-100%);
+  }
+
+  ${e} ${LinkIcon} {
+    width: ${i};
+    height: ${i};
+    visibility: hidden;
+    display: inline-block;
+    vertical-align: middle;
+    color: var(--heading-anchor-color);
+
+    background-image: var(--heading-anchor-icon);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+  }
+
+  h1:hover
+    > ${e}
+    ${LinkIcon},
+    h2:hover
+    > ${e}
+    ${LinkIcon},
+    h3:hover
+    > ${e}
+    ${LinkIcon},
+    h4:hover
+    > ${e}
+    ${LinkIcon},
+    h5:hover
+    > ${e}
+    ${LinkIcon},
+    h6:hover
+    > ${e}
+    ${LinkIcon},
+    ${e}:hover
+    ${LinkIcon} {
+    visibility: visible;
+  }
+
+  ${e}:focus ${LinkIcon} {
+    visibility: visible;
+  }
+`;export function Link(e){var i,n,o;const t=useCallback(((i,n)=>{n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),i.replace(encodeURI(e.to)))}),[e.to]),r=useStore();let l;if(e.security){const n=null===(i=null==r?void 0:r.options.hooks)||void 0===i?void 0:i.replaceSecurityLink;l=n&&n({securityRequirementId:e.to})}else l=null===(o=null==r?void 0:(n=r.menu.history).linkForId)||void 0===o?void 0:o.call(n,e.to);return l?React.createElement("a",{className:e.className,href:l,onClick:t.bind(this,null==r?void 0:r.menu.history),"aria-label":e.to},e.children):e.children?React.createElement("span",{className:e.className}," ",e.children," "):null}const StyledShareLink=styled(Link)`
+  ${linkifyMixin("&","18px")};
+`;export function ShareLink(e){return React.createElement(StyledShareLink,{to:e.to},React.createElement(LinkIcon,null))}
+//# sourceMappingURL=linkify.js.map

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

@@ -0,0 +1,13 @@
+import { LayoutVariant } from '../../constants';
+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,91 @@
+import styled,{css}from"styled-components";import{SECTION_ATTR,LayoutVariant}from"../../constants";export const SamplesMiddlePanel=styled.div`
+  ${({compact:a,isStacked:t,theme:i})=>{const e=a?0:"var(--spacing-vertical)";return css`
+      width: 100%;
+      padding: ${e} var(--panel-gap-horizontal);
+
+      ${i.mediaQueries[i.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};
+      }
+
+      ${i.mediaQueries.print} {
+        width: 100%;
+        padding-top: ${e};
+        padding-bottom: ${e};
+      }
+    `}}
+`;export const Section=styled.div.attrs((a=>({[SECTION_ATTR]:a.sectionId,id:a.id})))`
+  z-index: 1;
+  padding: 0;
+  width: 100%;
+  &:last-child {
+    min-height: calc(100vh + 1px);
+  }
+
+  & > &: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-color);
+      }
+    `}
+`;export const SamplesPanel=styled.div`
+  color: var(--panel-samples-text-color);
+  width: 100%;
+  padding-top: var(--panel-gap-vertical);
+  padding-bottom: var(--panel-gap-vertical);
+  padding-left: var(--panel-gap-horizontal);
+  padding-right: var(--panel-gap-horizontal);
+
+  ${({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.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{OptionsContext}from"../../context";import{IS_BROWSER}from"../../utils";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"]);return React.createElement(OptionsContext.Consumer,null,(e=>e.nativeScrollbars?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/icons/CrossIcon.d.ts

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

@@ -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(--text-color);
+  }
+`;
+//# sourceMappingURL=LinkIcon.js.map

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

@@ -0,0 +1,2 @@
+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" | "className" | "color" | "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,5 @@
+export declare const SearchIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => 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,2 @@
+import type { IconProps } from './types';
+export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: IconProps) => JSX.Element, any, {}, never>;

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

@@ -0,0 +1,12 @@
+import React from"react";import styled,{css}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const directionMap={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},IntShelfIcon=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},React.createElement("path",{d:"M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"}),React.createElement("path",{d:"M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"}));export const ShelfIcon=styled(IntShelfIcon)`
+  ${({size:e="9px",float:t="",direction:o,color:a})=>css`
+    height: ${e};
+    width: ${e};
+    float: ${t};
+    transform: rotateZ(${directionMap[o]});
+    fill: ${getCssColorVariable(a)};
+  `}
+  vertical-align: middle;
+  transition: transform 0.2s ease-out;
+`;
+//# sourceMappingURL=ShelfIcon.js.map

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

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

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

@@ -0,0 +1,19 @@
+import React from"react";import styled,{keyframes}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const _Spinner=({className:e})=>React.createElement("svg",{className:e,version:"1.1",width:"512",height:"512",viewBox:"0 0 512 512"},React.createElement("path",{d:"M275.682 147.999c0 10.864-8.837 19.661-19.682 19.661v0c-10.875 0-19.681-8.796-19.681-19.661v-96.635c0-10.885 8.806-19.661 19.681-19.661v0c10.844 0 19.682 8.776 19.682 19.661v96.635z"}),React.createElement("path",{d:"M275.682 460.615c0 10.865-8.837 19.682-19.682 19.682v0c-10.875 0-19.681-8.817-19.681-19.682v-96.604c0-10.885 8.806-19.681 19.681-19.681v0c10.844 0 19.682 8.796 19.682 19.682v96.604z"}),React.createElement("path",{d:"M147.978 236.339c10.885 0 19.681 8.755 19.681 19.641v0c0 10.885-8.796 19.702-19.681 19.702h-96.624c-10.864 0-19.661-8.817-19.661-19.702v0c0-10.885 8.796-19.641 19.661-19.641h96.624z"}),React.createElement("path",{d:"M460.615 236.339c10.865 0 19.682 8.755 19.682 19.641v0c0 10.885-8.817 19.702-19.682 19.702h-96.584c-10.885 0-19.722-8.817-19.722-19.702v0c0-10.885 8.837-19.641 19.722-19.641h96.584z"}),React.createElement("path",{d:"M193.546 165.703c7.69 7.66 7.68 20.142 0 27.822v0c-7.701 7.701-20.162 7.701-27.853 0.020l-68.311-68.322c-7.68-7.701-7.68-20.142 0-27.863v0c7.68-7.68 20.121-7.68 27.822 0l68.342 68.342z"}),React.createElement("path",{d:"M414.597 386.775c7.7 7.68 7.7 20.163 0.021 27.863v0c-7.7 7.659-20.142 7.659-27.843-0.062l-68.311-68.26c-7.68-7.7-7.68-20.204 0-27.863v0c7.68-7.7 20.163-7.7 27.842 0l68.291 68.322z"}),React.createElement("path",{d:"M165.694 318.464c7.69-7.7 20.153-7.7 27.853 0v0c7.68 7.659 7.69 20.163 0 27.863l-68.342 68.322c-7.67 7.659-20.142 7.659-27.822-0.062v0c-7.68-7.68-7.68-20.122 0-27.801l68.311-68.322z"}),React.createElement("path",{d:"M386.775 97.362c7.7-7.68 20.142-7.68 27.822 0v0c7.7 7.68 7.7 20.183 0.021 27.863l-68.322 68.311c-7.68 7.68-20.163 7.68-27.843-0.020v0c-7.68-7.68-7.68-20.162 0-27.822l68.322-68.332z"})),rotate=keyframes`
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg);
+  }
+`;export const Spinner=styled(_Spinner)`
+  animation: 2s ${rotate} linear infinite;
+  width: 50px;
+  height: 50px;
+  content: '';
+  display: inline-block;
+  margin-left: -25px;
+
+  path {
+    fill: ${({color:e})=>getCssColorVariable(e)};
+  }
+`;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1,8 @@
+export { CrossIcon } from './CrossIcon';
+export { FileIcon } from './FileIcon';
+export { LinkIcon } from './LinkIcon';
+export { LockIcon } from './LockIcon';
+export { ShelfIcon } from './ShelfIcon';
+export { SearchIcon } from './SearchIcon';
+export { Spinner } from './Spinner';
+export * from './types';

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

@@ -0,0 +1,2 @@
+export{CrossIcon}from"./CrossIcon";export{FileIcon}from"./FileIcon";export{LinkIcon}from"./LinkIcon";export{LockIcon}from"./LockIcon";export{ShelfIcon}from"./ShelfIcon";export{SearchIcon}from"./SearchIcon";export{Spinner}from"./Spinner";export*from"./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+export interface IconProps {
+    className?: string;
+    float?: 'left' | 'right';
+    size?: string;
+    color?: string;
+    direction: 'left' | 'right' | 'up' | 'down';
+    style?: CSSProperties;
+    mr?: string;
+}

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

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