@redocly/reference-docs 2.43.3 → 2.43.5

package/lib-browser/redoc-lib/src/common-elements/Tooltip.js

@@ -0,0 +1,111 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect,useCallback}from"react";import styled,{css}from"../styled-components";export function Tooltip(t){const{children:o,open:r,tip:e,placement:s="top",variant:a="dark",width:i}=t,[n,l]=useState(r),p=void 0!==r;useEffect((()=>{p&&l(r)}),[r,p]);const d=useCallback((()=>{l(!0)}),[l]),b=useCallback((()=>{l(!1)}),[l]);return _jsxs(TooltipWrapper,Object.assign({onMouseEnter:p?void 0:d,onMouseLeave:p?void 0:b,onClick:p?void 0:b},{children:[o,n?_jsx(TooltipBody,Object.assign({placement:s,variant:a,width:i},{children:e}),void 0):null]}),void 0)}const TooltipWrapper=styled.div`
+  position: relative;
+  display: inline-block;
+`,tooltipBase=css`
+  display: inline-block;
+
+  position: absolute;
+  text-align: center;
+
+  padding: 10px 20px;
+  max-width: 250px;
+  white-space: normal;
+  overflow-wrap: break-word;
+
+  border-radius: ${({theme:t})=>t.shape.borderRadius};
+  pointer-events: none;
+  transition: opacity 0.3s ease-out;
+
+  display: inline-block;
+  font-size: 13px;
+
+  &::after {
+    position: absolute;
+
+    content: ' ';
+    display: inline-block;
+    width: 0;
+    height: 0;
+  }
+`,PLACEMENTS={top:css`
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -99%);
+    margin-top: -10px;
+
+    &::after {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top-width: 6px;
+      border-top-style: solid;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%, 99%);
+    }
+  `,bottom:css`
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 99%);
+    margin-bottom: -10px;
+
+    &::after {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom-width: 6px;
+      border-bottom-style: solid;
+      top: 0;
+      left: 50%;
+      transform: translate(-50%, -99%);
+    }
+  `,left:css`
+    top: 50%;
+    left: 0;
+    transform: translate(-100%, -50%);
+    margin-left: -10px;
+
+    &::after {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-left-width: 6px;
+      border-left-style: solid;
+      top: 50%;
+      right: 0;
+      transform: translate(99%, -50%);
+    }
+  `,right:css`
+    top: 50%;
+    right: 0;
+    transform: translate(100%, -50%);
+    margin-right: -10px;
+
+    &::after {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-right-width: 6px;
+      border-right-style: solid;
+      top: 50%;
+      left: 0;
+      transform: translate(-99%, -50%);
+    }
+  `},VARIANTS={dark:css`
+    background: #52606d;
+    color: #f5f7fa;
+    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;
+
+    &::after {
+      border-color: #52606d;
+    }
+  `,light:css`
+    background: white;
+    color: black;
+    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;
+
+    &::after {
+      border-color: white;
+    }
+  `},TooltipBody=styled.span`
+  ${tooltipBase}
+  width:${({width:t})=>t||"120px"};
+  ${({placement:t,variant:o})=>`${VARIANTS[o]}${PLACEMENTS[t]}`}
+`;
+//# sourceMappingURL=Tooltip.js.map

package/lib-browser/redoc-lib/src/common-elements/fields-layout.d.ts

@@ -0,0 +1,15 @@
+export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+    kind?: string | undefined;
+}, never>;
+export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyBullet: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const InnerPropertiesWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertiesTableWrap: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertiesTable: import("styled-components").StyledComponent<"table", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/common-elements/fields-layout.js

@@ -0,0 +1,173 @@
+import styled,{css,extensionsHook,mediaCSS,ZERO_BREAKPOINT}from"../styled-components";import{deprecatedCss}from"./mixins";export const PropertiesTableCaption=styled.caption`
+  text-align: right;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: ${e=>e.theme.colors.text.secondary};
+`;const repeatingGradient=css`
+  repeating-linear-gradient(0deg,
+  ${({theme:e})=>e.schema.linesColor},
+  ${({theme:e})=>e.schema.linesColor} 3px,
+  transparent 3px,
+  transparent 5px,
+  ${({theme:e})=>e.schema.linesColor} 5px);
+`;export const PropertyCell=styled.td`
+  box-sizing: border-box;
+  position: relative;
+  padding: 10px;
+  background-image: ${repeatingGradient};
+  background-repeat: no-repeat;
+  background-size: 1px 100%;
+
+  ${mediaCSS({display:{[ZERO_BREAKPOINT]:"block",small:"table-cell"},overflow:{[ZERO_BREAKPOINT]:"hidden",small:"initial"},padding:{[ZERO_BREAKPOINT]:"0 20px",small:"10px"},marginBottom:{[ZERO_BREAKPOINT]:"2px",small:0}})}
+
+  tr:first-of-type > & {
+    background-image: ${repeatingGradient};
+    background-position: 0 10px;
+    padding-top: 0;
+  }
+
+  tr.last > & {
+    background-image: ${repeatingGradient};
+    padding-bottom: 0;
+    ${mediaCSS({backgroundSize:{[ZERO_BREAKPOINT]:"0.9px 100%",small:"0.9px 22px"}})};
+  }
+
+  tr.last + tr > & {
+    background: none;
+  }
+
+  tr.last:first-child > & {
+    background-image: ${repeatingGradient};
+    ${mediaCSS({backgroundSize:{[ZERO_BREAKPOINT]:"0.9px 100%",small:"0.9px 20px"},backgroundPosition:{[ZERO_BREAKPOINT]:"0 20px",small:"0 0"}})};
+  }
+`;export const PropertyCellWithInner=styled(PropertyCell)`
+  padding: 0;
+`;export const PropertyNameCell=styled(PropertyCell)`
+  vertical-align: top;
+  line-height: 23px;
+  white-space: nowrap;
+  font-size: 14px;
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.fieldName.fontFamily})}
+
+  &.deprecated {
+    ${deprecatedCss};
+  }
+
+  ${({kind:e})=>"patternProperties"===e&&css`
+      span.field-name {
+        white-space: break-spaces;
+        text-align: left;
+        display: inline-table;
+        line-height: 1.5;
+      }
+    `}
+
+  ${extensionsHook("PropertyNameCell")};
+  .field-name {
+    display: inline-flex;
+    align-items: center;
+  }
+`;export const PropertyDetailsCell=styled.td`
+  box-sizing: border-box;
+  vertical-align: top;
+
+  tr.expanded & {
+    border-bottom: none;
+  }
+
+  tr.last > & {
+    border: none;
+    background-position: top left;
+    background-repeat: no-repeat;
+    background-size: 1px 100%;
+    padding-bottom: 0;
+
+    /* workaround for discriminator dropdown oveflowing scrolling container,
+    fixes the issue for the last item in the schema only */
+    & > div > div.dropdown > .dropdown-selector-content {
+      position: relative;
+    }
+  }
+
+  tr:first-of-type > & {
+    padding-top: 0;
+  }
+
+  ${({theme:e})=>mediaCSS({borderBottom:{[ZERO_BREAKPOINT]:"none",small:`1px solid ${e.colors.border.light}`},borderLeft:{[ZERO_BREAKPOINT]:`1px solid ${e.schema.linesColor}`,small:"none"},padding:{[ZERO_BREAKPOINT]:"0 20px",small:"10px 0"},width:e.schema.defaultDetailsWidth,minWidth:"200px"})}
+
+  ${extensionsHook("PropertyDetailsCell")};
+`;export const PropertyBullet=styled.span`
+  margin-right: 10px;
+  ${({theme:e})=>mediaCSS({color:e.schema.linesColor,fontFamily:e.typography.code.fontFamily})}
+
+  &::before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    width: 10px;
+    height: 1px;
+    background: ${e=>e.theme.schema.linesColor};
+  }
+
+  ${({theme:e})=>mediaCSS({width:e.schema.defaultDetailsWidth,borderLeft:{[ZERO_BREAKPOINT]:`1px dashed ${e.schema.linesColor}`,small:"none"},padding:{[ZERO_BREAKPOINT]:"5px 10px",small:"10px"}})}
+
+  ${extensionsHook("PropertyDetailsCell")};
+`;export const InnerPropertiesWrap=styled.div`
+  padding: ${({theme:e})=>e.schema.nestingSpacing};
+`;export const PropertiesTableWrap=styled.div`
+  display: block;
+  overflow-x: auto;
+  padding: 5px; /* hack to show overflown anchor icons */
+  margin: -5px;
+`;export const PropertiesTable=styled.table`
+  border-collapse: separate;
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  width: 100%;
+  ${({theme:e})=>mediaCSS({fontSize:e.typography.fontSize,display:{[ZERO_BREAKPOINT]:"block",small:"table"}})}
+  > tr, > tbody > tr {
+    ${mediaCSS({display:{[ZERO_BREAKPOINT]:"block",small:"table-row"},marginBottom:{[ZERO_BREAKPOINT]:"2px",small:0},borderSpacing:{[ZERO_BREAKPOINT]:0,small:"0 2px"}})}
+  }
+
+  > tr {
+    vertical-align: middle;
+  }
+
+  ${({theme:e})=>`\n    @media screen and (max-width: ${e.breakpoints[0]}) and (-ms-high-contrast:none) {\n      td {\n        float: left;\n        width: 100%;\n      }\n    }\n  `}
+
+  &
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap} {
+    margin-left: ${({theme:e})=>e.schema.nestingSpacing};
+    margin-bottom: ${({theme:e})=>e.schema.nestingSpacing};
+    background: ${({theme:e})=>e.schema.nestedBackground};
+    border-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  }
+
+  &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap},
+    &
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap}
+    ${InnerPropertiesWrap} {
+    background: ${({theme:e})=>e.schema.nestedAlternativeBackground};
+  }
+`;
+//# sourceMappingURL=fields-layout.js.map

package/lib-browser/redoc-lib/src/common-elements/fields.d.ts

@@ -0,0 +1,16 @@
+export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", import("../../../services/extendTheme").ProTheme, {
+    kind?: string | undefined;
+}, never>;
+export declare const FieldLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const TypePrefix: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const TypeName: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const TypeTitle: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const TypeFormat: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const RequiredLabel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertyLabel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ExampleValue: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ExtensionValue: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PatternLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ToggleButton: import("styled-components").StyledComponent<"button", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/common-elements/fields.js

@@ -0,0 +1,78 @@
+import styled,{extensionsHook,mediaCSS}from"../styled-components";import{PropertyNameCell}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;
+    ${({theme:e})=>mediaCSS({fontFamily:e.typography.fieldName.fontFamily,fontSize:e.typography.fieldName.fontSize,color:e.colors.text.primary})}
+    &:focus {
+      font-weight: ${({theme:e})=>e.typography.fontWeightBold};
+    }
+  }
+  ${ShelfIcon} {
+    margin-left: 4px;
+    height: ${({theme:e})=>e.schema.caretSize};
+    width: ${({theme:e})=>e.schema.caretSize};
+    fill: ${({theme:e})=>e.schema.caretColor};
+    margin-top: -1px;
+  }
+
+  ${extensionsHook("ClickablePropertyNameCell")};
+`;export const FieldLabel=styled.span`
+  vertical-align: middle;
+  line-height: 20px;
+  ${({theme:e})=>mediaCSS({fontSize:e.typography.fieldName.fontSize})};
+`;export const TypePrefix=styled(FieldLabel)`
+  color: ${e=>e.theme.schema.typeNameColor};
+`;export const TypeName=styled(FieldLabel)`
+  color: ${e=>e.theme.schema.typeNameColor};
+`;export const TypeTitle=styled(FieldLabel)`
+  color: ${e=>e.theme.schema.typeTitleColor};
+  word-break: break-word;
+`;export const TypeFormat=TypeName;export const RequiredLabel=styled(FieldLabel.withComponent("div"))`
+  color: ${e=>e.theme.schema.requireLabelColor};
+  font-size: ${e=>e.theme.schema.labelsTextSize};
+  font-weight: normal;
+  line-height: 1;
+  display: block;
+`;export const PropertyLabel=styled(RequiredLabel)`
+  color: ${({theme:e})=>e.colors.text.secondary};
+`;export const RecursiveLabel=styled(FieldLabel)`
+  color: ${({theme:e})=>e.colors.warning.main};
+  font-size: 13px;
+`;export const ExampleValue=styled(FieldLabel)`
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  ${({theme:e})=>`\n    background-color: ${e.colors.secondary.light};\n    color: ${e.colors.text.primary};\n    padding: 1px ${e.spacing.unit}px;\n    border: 1px solid ${e.colors.border.light};\n    font-size: 12px;\n  `}
+
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.fieldName.fontFamily})}
+
+  & + & {
+    margin-left: 0;
+  }
+  ${extensionsHook("ExampleValue")};
+  line-height: 1.2em;
+  display: inline-flex;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+`;export const ExtensionValue=styled(ExampleValue)``;export const ConstraintItem=styled(FieldLabel)`
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  ${({theme:e})=>`\n    background-color: ${e.colors.secondary.light};\n    color: ${e.colors.accent.dark};\n    margin: 0 ${e.spacing.unit}px;\n    padding: 1px ${e.spacing.unit}px;\n    border: 1px solid ${e.colors.border.light};\n    font-size: 12px;\n  `}
+
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.fieldName.fontFamily})}
+
+  & + & {
+    margin-left: 0;
+  }
+  ${extensionsHook("ConstraintItem")};
+`;export const PatternLabel=styled(ConstraintItem)``;export const ToggleButton=styled.button`
+  background-color: transparent;
+  border: 0;
+  color: ${({theme:e})=>e.colors.text.secondary};
+  margin-left: ${({theme:e})=>e.spacing.unit}px;
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  cursor: pointer;
+  outline-color: ${({theme:e})=>e.colors.text.secondary};
+  font-size: 12px;
+`;
+//# sourceMappingURL=fields.js.map

package/lib-browser/redoc-lib/src/common-elements/headers.d.ts

@@ -0,0 +1,9 @@
+export declare const headerCommonMixin: (level: number) => any;
+export declare const H1: import("styled-components").StyledComponent<"h1", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H2: import("styled-components").StyledComponent<"h2", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H3: import("styled-components").StyledComponent<"h3", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H4: import("styled-components").StyledComponent<"h4", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H5: import("styled-components").StyledComponent<"h5", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const H6: import("styled-components").StyledComponent<"h6", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const RightPanelHeader: import("styled-components").StyledComponent<"h3", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const FieldsGroupHeader: import("styled-components").StyledComponent<"h5", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/common-elements/headers.js

@@ -0,0 +1,52 @@
+import styled,{css,extensionsHook,mediaCSS}from"../styled-components";const headerFontSize={1:"36px",2:"28px",3:"18px",4:"16px",5:"14px",6:"12px"};export const headerCommonMixin=e=>css`
+  ${({theme:o})=>mediaCSS({fontSize:headerFontSize[e],fontFamily:o.typography.headings.fontFamily,fontWeight:o.typography.headings.fontWeight,lineHeight:headerFontSize[e]})}
+`;export const H1=styled.h1`
+  ${headerCommonMixin(1)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 25px;
+
+  ${extensionsHook("H1")};
+`;export const H2=styled.h2`
+  ${headerCommonMixin(2)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 20px;
+
+  ${extensionsHook("H2")};
+`;export const H3=styled.h3`
+  ${headerCommonMixin(3)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 15px;
+
+  ${extensionsHook("H3")};
+`;export const H4=styled.h4`
+  ${headerCommonMixin(4)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 10px;
+
+  ${extensionsHook("H4")};
+`;export const H5=styled.h5`
+  ${headerCommonMixin(5)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 5px;
+
+  ${extensionsHook("H5")};
+`;export const H6=styled.h6`
+  ${headerCommonMixin(6)};
+  color: ${({theme:e})=>e.colors.text.primary};
+  margin: 0 0 0;
+
+  ${extensionsHook("H6")};
+`;export const RightPanelHeader=styled.h3`
+  ${({theme:e})=>mediaCSS({color:e.rightPanel.textColor})}
+
+  ${extensionsHook("RightPanelHeader")};
+`;export const FieldsGroupHeader=styled.h5`
+  color: ${({theme:e})=>e.colors.text.secondary};
+  font-weight: bold;
+  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+
+  ${extensionsHook("FieldsGroupHeader")};
+`;
+//# sourceMappingURL=headers.js.map

package/lib-browser/redoc-lib/src/common-elements/icons.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export interface ShelfIconProps {
+    className?: string;
+    float?: 'left' | 'right';
+    size?: string;
+    color?: string;
+    direction: 'left' | 'right' | 'up' | 'down';
+    style?: React.CSSProperties;
+    mr?: string;
+}
+export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: ShelfIconProps) => JSX.Element, import("../../../services/extendTheme").ProTheme, {}, never>;
+declare function CrossIconInt({ className }: {
+    className?: string;
+}): JSX.Element;
+export declare const CrossIcon: import("styled-components").StyledComponent<typeof CrossIconInt, import("../../../services/extendTheme").ProTheme, {
+    size?: string | undefined;
+    color?: string | undefined;
+    float?: string | undefined;
+}, never>;
+declare function LockIconInt({ className }: {
+    className?: string;
+}): JSX.Element;
+export declare const LockIcon: import("styled-components").StyledComponent<typeof LockIconInt, import("../../../services/extendTheme").ProTheme, {
+    size?: string | undefined;
+    color?: string | undefined;
+    float?: string | undefined;
+}, never>;
+export declare const FileIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, import("../../../services/extendTheme").ProTheme, {
+    size?: string | undefined;
+    color?: string | undefined;
+}, never>;
+export declare const LinkIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, import("../../../services/extendTheme").ProTheme, {
+    size?: string | undefined;
+}, never>;
+export {};

package/lib-browser/redoc-lib/src/common-elements/icons.js

@@ -0,0 +1,45 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"../styled-components";const directionMap={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},IntShelfIcon=({className:s,style:e})=>_jsxs("svg",Object.assign({className:s,style:e,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},{children:[_jsx("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"},void 0),_jsx("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"},void 0)]}),void 0);export const ShelfIcon=styled(IntShelfIcon)`
+  height: ${s=>s.size||"9px"};
+  width: ${s=>s.size||"9px"};
+  vertical-align: middle;
+  float: ${s=>s.float||""};
+  transition: transform 0.2s ease-out;
+  transform: rotateZ(${s=>directionMap[s.direction||"down"]});
+  fill: ${({color:s,theme:e})=>s&&e.colors.responses[s]&&e.colors.responses[s].color||s};
+  margin-right: ${s=>s.mr};
+`;function CrossIconInt({className:s}){return _jsx("svg",Object.assign({className:s,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"122.879px",height:"122.879px",viewBox:"0 0 122.879 122.879"},{children:_jsx("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"},void 0)}),void 0)}export const CrossIcon=styled(CrossIconInt)`
+  height: ${s=>s.size||"9px"};
+  width: ${s=>s.size||"9px"};
+  vertical-align: middle;
+  float: ${s=>s.float||""};
+  transition: transform 0.2s ease-out;
+  path {
+    fill: ${({color:s,theme:e})=>s&&e.colors.responses[s]&&e.colors.responses[s].color||s};
+  }
+`;function LockIconInt({className:s}){return _jsxs("svg",Object.assign({className:s,version:"1.1",viewBox:"0 0 100 100"},{children:[_jsx("g",Object.assign({display:"none"},{children:_jsx("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"},void 0)}),void 0),_jsx("g",Object.assign({display:"none"},{children:_jsx("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"},void 0)}),void 0),_jsx("g",Object.assign({display:"none"},{children:_jsx("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"},void 0)}),void 0),_jsx("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"},void 0)]}),void 0)}export const LockIcon=styled(LockIconInt)`
+  height: ${s=>s.size||"9px"};
+  width: ${s=>s.size||"9px"};
+  vertical-align: middle;
+  float: ${s=>s.float||""};
+  transition: transform 0.2s ease-out;
+  path {
+    fill: ${({color:s,theme:e})=>s&&e.colors.responses[s]&&e.colors.responses[s].color||s};
+  }
+`;const FileIconInt=({className:s})=>_jsxs("svg",Object.assign({className:s,viewBox:"0 0 368.553 368.553",xmlSpace:"preserve"},{children:[_jsx("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"},void 0),_jsx("path",{d:"M86.435 82.401H208.31v15H86.435zM86.435 151.122H282.12v15H86.435zM86.435 219.843H282.12v15H86.435zM86.435 288.563H282.12v15H86.435z"},void 0)]}),void 0);export const FileIcon=styled(FileIconInt)`
+  vertical-align: middle;
+  height: ${s=>s.size||"15px"};
+  width: ${s=>s.size||"15px"};
+  path {
+    fill: ${({color:s,theme:e})=>s&&e.colors.secondary[s]||s};
+  }
+`;const LinkIconInt=({className:s})=>_jsx("svg",Object.assign({className:s,viewBox:"0 0 16 16","aria-hidden":"true"},{children:_jsx("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"},void 0)}),void 0);export const LinkIcon=styled(LinkIconInt)`
+  vertical-align: middle;
+  ${s=>s.size?`height:${s.size}`:""};
+  ${s=>s.size?`width:${s.size}`:""};
+  color: ${({theme:s})=>s.colors.primary.main};
+  &:active,
+  &:visited {
+    color: ${({theme:s})=>s.colors.text.primary};
+  }
+`;
+//# sourceMappingURL=icons.js.map

package/lib-browser/redoc-lib/src/common-elements/index.d.ts

@@ -0,0 +1,11 @@
+export * from './panels';
+export * from './headers';
+export * from './linkify';
+export * from './shelfs';
+export * from './fields-layout';
+export * from './schema';
+export * from './mixins';
+export * from './samples';
+export * from './perfect-scrollbar';
+export * from './icons';
+export * from './Tooltip';

package/lib-browser/redoc-lib/src/common-elements/index.js

@@ -0,0 +1,2 @@
+export*from"./panels";export*from"./headers";export*from"./linkify";export*from"./shelfs";export*from"./fields-layout";export*from"./schema";export*from"./mixins";export*from"./samples";export*from"./perfect-scrollbar";export*from"./icons";export*from"./Tooltip";
+//# sourceMappingURL=index.js.map

package/lib-browser/redoc-lib/src/common-elements/linkify.d.ts

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from 'react';
+import type { FlattenSimpleInterpolation } from 'styled-components';
+export declare function userIsForcingNavigation(event: React.MouseEvent): boolean;
+export declare const linkifyMixin: (className: string, size: string) => FlattenSimpleInterpolation;
+export declare function Link(props: PropsWithChildren<{
+    to: string;
+    className?: string;
+    security?: boolean;
+}>): JSX.Element | null;
+export declare function ShareLink(props: {
+    to: string;
+}): JSX.Element;

package/lib-browser/redoc-lib/src/common-elements/linkify.js

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

package/lib-browser/redoc-lib/src/common-elements/mixins.d.ts

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

package/lib-browser/redoc-lib/src/common-elements/mixins.js

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

package/lib-browser/redoc-lib/src/common-elements/panels.d.ts

@@ -0,0 +1,14 @@
+import { LayoutVariant } from '../../../services/store-types';
+export declare const MiddlePanel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {
+    compact?: boolean | undefined;
+    isStacked?: boolean | undefined;
+}, never>;
+export declare const Section: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {
+    underlined?: boolean | undefined;
+    sectionId?: string | undefined;
+}, never>;
+export declare const RightPanel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const DarkRightPanel: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", import("../../../services/extendTheme").ProTheme, {
+    layout?: LayoutVariant | undefined;
+}, never>;