@redocly/openapi-docs 3.11.0-rc.1 → 3.11.0

package/lib/components/common/Select/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,o,t,r){void 0===r&&(r=t);var n=Object.getOwnPropertyDescriptor(o,t);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[t]}}),Object.defineProperty(e,r,n)}:function(e,o,t,r){void 0===r&&(r=t),e[r]=o[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}:function(e,o){e.default=o}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var o={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(o,e,t);return __setModuleDefault(o,e),o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Arrow=exports.CollapsingSelect=exports.SimpleSelect=exports.Select=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),Select_1=require("./Select"),darkSelectStyle=styled_components_1.css`
+import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocly/theme";import{Select as i}from"./Select.js";import{styled as r}from"../../../styled-components.js";const e=t`
   background-color: var(--panel-samples-dropdown-bg-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);
@@ -8,13 +8,13 @@
   &:focus-within {
     box-shadow: none;
   }
-`;exports.Select=(0,styled_components_1.default)(Select_1.Select)`
+`,n=r(i)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
   vertical-align: bottom;
   position: relative;
-  width: ${({fullWidth:e})=>e?"100%":"auto"};
+  width: ${({fullWidth:o})=>o?"100%":"auto"};
   cursor: pointer;
   text-transform: none;
 
@@ -28,7 +28,7 @@
     border-radius: var(--border-radius-md);
     padding: var(--docs-dropdown-padding);
     vertical-align: bottom;
-    width: ${({fullWidth:e})=>e?"100%":"auto"};
+    width: ${({fullWidth:o})=>o?"100%":"auto"};
     text-transform: none;
     line-height: inherit;
     font-size: var(--docs-dropdown-font-size);
@@ -43,7 +43,7 @@
       box-shadow: none;
     }
 
-    ${({variant:e})=>"dark"===e?darkSelectStyle:""};
+    ${({variant:o})=>o==="dark"?e:""};
   }
 
   .dropdown-select {
@@ -62,9 +62,9 @@
     font-size: var(--font-size-base);
     font-family: inherit;
     padding: var(--docs-dropdown-padding);
-    ${({variant:e})=>"dark"===e?darkSelectStyle:""};
+    ${({variant:o})=>o==="dark"?e:""};
   }
-`,exports.SimpleSelect=(0,styled_components_1.default)(exports.Select)`
+`,c=r(n)`
   svg {
     top: 60%;
     transform: translateY(-60%);
@@ -82,19 +82,19 @@
       box-shadow: none;
     }
   }
-`,exports.CollapsingSelect=(0,styled_components_1.default)(exports.Select)`
+`,b=r(n)`
   svg {
     top: 60%;
     transform: translateY(-60%);
   }
   label {
-    ${darkSelectStyle};
+    ${e};
 
     border-radius: var(--border-radius-lg);
     margin-left: 5px;
     transition: none;
     min-width: auto;
-    background-color: ${({active:e})=>e?"var(--panel-samples-tabs-bg-color-active)":"var(--bg-color-raised)"};
+    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-bg-color-active)":"var(--bg-color-raised)"};
     & {
       &[open],
       &:focus-within,
@@ -103,9 +103,8 @@
       }
     }
   }
-`,exports.Arrow=(0,styled_components_1.default)(theme_1.ChevronDownIcon)`
+`,h=r(a)`
   position: absolute;
   right: 10px;
   top: 10px;
-`;
-//# sourceMappingURL=styled.js.map
+`;export{h as Arrow,b as CollapsingSelect,n as Select,c as SimpleSelect};

package/lib/components/common/Select/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

package/lib/components/common/Skeleton/LanguageListSkeleton.js

@@ -1,23 +1,22 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageListSkeleton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Container=styled_components_1.default.div`
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as a}from"react";import{styled as r}from"../../../styled-components.js";const l=r.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: var(--spacing-xs);
   padding: var(--spacing-xs) 0;
-`,Item=styled_components_1.default.div`
+`,n=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
   align-items: center;
   gap: var(--spacing-sm);
-`,SkeletonBox=styled_components_1.default.div`
+`,t=r.div`
   display: inline-block;
-  height: ${({type:e})=>"icon"===e?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
+  height: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"calc(var(--control-height-sm) * 0.5)"};
   position: relative;
   overflow: hidden;
   background-color: var(--layer-color-hover);
   border-radius: var(--border-radius);
-  width: ${({type:e})=>"icon"===e?"var(--control-height-sm)":"64px"};
-`;function LanguageListSkeletonComponent(){return(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]}),(0,jsx_runtime_1.jsxs)(Item,{children:[(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"icon"}),(0,jsx_runtime_1.jsx)(SkeletonBox,{type:"label"})]})]})}exports.LanguageListSkeleton=(0,react_1.memo)(LanguageListSkeletonComponent);
-//# sourceMappingURL=LanguageListSkeleton.js.map
+  width: ${({type:o})=>o==="icon"?"var(--control-height-sm)":"64px"};
+`;function c(){return i(l,{children:[i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]}),i(n,{children:[e(t,{type:"icon"}),e(t,{type:"label"})]})]})}const h=a(c);export{h as LanguageListSkeleton};

package/lib/components/common/Skeleton/Skeleton.d.ts

@@ -1,5 +1,3 @@
 import type { ReactElement } from 'react';
-export declare const SkeletonBox: import("styled-components").StyledComponent<"div", any, {
-    width?: string;
-}, never>;
+export declare const SkeletonBox: any;
 export declare function Skeleton(): ReactElement;

package/lib/components/common/Skeleton/Skeleton.js

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonBox=void 0,exports.Skeleton=Skeleton;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),panels_1=require("../panels"),shimmer=styled_components_1.keyframes`
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{keyframes as e}from"styled-components";import{H2 as a}from"@redocly/theme";import{Section as n,SamplesMiddlePanel as s}from"../panels.js";import{styled as d}from"../../../styled-components.js";const l=e`
   100% {
       transform: translateX(100%);
   }
-`;function Skeleton(){return(0,jsx_runtime_1.jsx)(panels_1.Section,{children:(0,jsx_runtime_1.jsxs)(panels_1.SamplesMiddlePanel,{children:[(0,jsx_runtime_1.jsx)(theme_1.H2,{children:(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"40%"})}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"80%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"90%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"83%"}),(0,jsx_runtime_1.jsx)(exports.SkeletonBox,{width:"80%"})]})})}exports.SkeletonBox=styled_components_1.default.div`
+`,t=d.div`
   display: inline-block;
   height: 1em;
   position: relative;
@@ -10,7 +10,7 @@
   background-color: var(--bg-color-raised);
   border-radius: var(--border-radius);
   margin-top: var(--spacing-base);
-  width: ${({width:e})=>e||"100%"};
+  width: ${({width:i})=>i||"100%"};
 
   &::after {
     position: absolute;
@@ -26,8 +26,7 @@
       rgba(255, 255, 255, 0.5) 60%,
       rgba(255, 255, 255, 0)
     );
-    animation: ${shimmer} 2s infinite;
+    animation: ${l} 2s infinite;
     content: '';
   }
-`;
-//# sourceMappingURL=Skeleton.js.map
+`;function b(){return r(n,{children:o(s,{children:[r(a,{children:r(t,{width:"40%"})}),r(t,{width:"80%"}),r(t,{width:"90%"}),r(t,{width:"83%"}),r(t,{width:"80%"})]})})}export{b as Skeleton,t as SkeletonBox};

package/lib/components/common/Skeleton/index.d.ts

@@ -1 +1,2 @@
-export { Skeleton } from './Skeleton';
+export * from './Skeleton.js';
+export * from './LanguageListSkeleton.js';

package/lib/components/common/Skeleton/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=void 0;var Skeleton_1=require("./Skeleton");Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return Skeleton_1.Skeleton}});
-//# sourceMappingURL=index.js.map
+export*from"./Skeleton.js";export*from"./LanguageListSkeleton.js";

package/lib/components/common/headers.d.ts

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

package/lib/components/common/headers.js

@@ -1,8 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.FieldsGroupHeader=styled_components_1.default.h5`
+import{styled as e}from"../../styled-components.js";const t=e.h5`
   color: var(--text-color-secondary);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 14px;
   line-height: 20px;
-`;
-//# sourceMappingURL=headers.js.map
+`;export{t as FieldsGroupHeader};

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

@@ -1,14 +1,14 @@
-export { Select } from './Select';
-export type { SelectProps, SelectOption } from './Select';
-export { ShareLinkToField, generateDeepLink } from './LinkToField';
-export { deprecatedCss } from './mixins';
-export { Container, HttpVerb, MimeLabel } from './styled';
-export { CodeBlockPanel } from './CodeBlockPanel';
-export { CustomBadges, StyledBadge, NavigationBadge } from './Badges';
-export { ExpandableExample } from './ExpandableExample';
-export * from './Fields';
-export * from './panels';
-export { FieldsGroupHeader } from './headers';
-export { ShareLink, Link } from './linkify';
-export * from './schema';
-export { Skeleton } from './Skeleton';
+export { Select } from './Select/index.js';
+export type { SelectProps, SelectOption } from './Select/index.js';
+export { ShareLinkToField, generateDeepLink } from './LinkToField.js';
+export { deprecatedCss } from './mixins.js';
+export { Container, HttpVerb, MimeLabel } from './styled.js';
+export { CodeBlockPanel } from './CodeBlockPanel.js';
+export { CustomBadges, StyledBadge, NavigationBadge } from './Badges.js';
+export { ExpandableExample } from './ExpandableExample/index.js';
+export * from './Fields/index.js';
+export * from './panels.js';
+export { FieldsGroupHeader } from './headers.js';
+export { ShareLink, Link } from './linkify.js';
+export * from './schema.js';
+export { Skeleton } from './Skeleton/index.js';

package/lib/components/common/index.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Skeleton=exports.Link=exports.ShareLink=exports.FieldsGroupHeader=exports.ExpandableExample=exports.NavigationBadge=exports.StyledBadge=exports.CustomBadges=exports.CodeBlockPanel=exports.MimeLabel=exports.HttpVerb=exports.Container=exports.deprecatedCss=exports.generateDeepLink=exports.ShareLinkToField=exports.Select=void 0;var Select_1=require("./Select");Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Select_1.Select}});var LinkToField_1=require("./LinkToField");Object.defineProperty(exports,"ShareLinkToField",{enumerable:!0,get:function(){return LinkToField_1.ShareLinkToField}}),Object.defineProperty(exports,"generateDeepLink",{enumerable:!0,get:function(){return LinkToField_1.generateDeepLink}});var mixins_1=require("./mixins");Object.defineProperty(exports,"deprecatedCss",{enumerable:!0,get:function(){return mixins_1.deprecatedCss}});var styled_1=require("./styled");Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return styled_1.Container}}),Object.defineProperty(exports,"HttpVerb",{enumerable:!0,get:function(){return styled_1.HttpVerb}}),Object.defineProperty(exports,"MimeLabel",{enumerable:!0,get:function(){return styled_1.MimeLabel}});var CodeBlockPanel_1=require("./CodeBlockPanel");Object.defineProperty(exports,"CodeBlockPanel",{enumerable:!0,get:function(){return CodeBlockPanel_1.CodeBlockPanel}});var Badges_1=require("./Badges");Object.defineProperty(exports,"CustomBadges",{enumerable:!0,get:function(){return Badges_1.CustomBadges}}),Object.defineProperty(exports,"StyledBadge",{enumerable:!0,get:function(){return Badges_1.StyledBadge}}),Object.defineProperty(exports,"NavigationBadge",{enumerable:!0,get:function(){return Badges_1.NavigationBadge}});var ExpandableExample_1=require("./ExpandableExample");Object.defineProperty(exports,"ExpandableExample",{enumerable:!0,get:function(){return ExpandableExample_1.ExpandableExample}}),__exportStar(require("./Fields"),exports),__exportStar(require("./panels"),exports);var headers_1=require("./headers");Object.defineProperty(exports,"FieldsGroupHeader",{enumerable:!0,get:function(){return headers_1.FieldsGroupHeader}});var linkify_1=require("./linkify");Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return linkify_1.ShareLink}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return linkify_1.Link}}),__exportStar(require("./schema"),exports);var Skeleton_1=require("./Skeleton");Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return Skeleton_1.Skeleton}});
-//# sourceMappingURL=index.js.map
+import{Select as r}from"./Select/index.js";import{ShareLinkToField as p,generateDeepLink as a}from"./LinkToField.js";import{deprecatedCss as x}from"./mixins.js";import{Container as d,HttpVerb as n,MimeLabel as i}from"./styled.js";import{CodeBlockPanel as k}from"./CodeBlockPanel.js";import{CustomBadges as s,StyledBadge as L,NavigationBadge as S}from"./Badges.js";import{ExpandableExample as C}from"./ExpandableExample/index.js";export*from"./Fields/index.js";export*from"./panels.js";import{FieldsGroupHeader as u}from"./headers.js";import{ShareLink as F,Link as H}from"./linkify.js";export*from"./schema.js";import{Skeleton as D}from"./Skeleton/index.js";export{k as CodeBlockPanel,d as Container,s as CustomBadges,C as ExpandableExample,u as FieldsGroupHeader,n as HttpVerb,H as Link,i as MimeLabel,S as NavigationBadge,r as Select,F as ShareLink,p as ShareLinkToField,D as Skeleton,L as StyledBadge,x as deprecatedCss,a as generateDeepLink};

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

@@ -6,5 +6,5 @@ export declare function Link(props: PropsWithChildren<{
     id?: string;
     'aria-label'?: string;
 }>): ReactElement | null;
-export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export declare const StyledShareLink: any;
 export declare function ShareLink(props: any): ReactElement;

package/lib/components/common/linkify.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledShareLink=void 0,exports.Link=Link,exports.ShareLink=ShareLink;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),utils_1=require("../../utils");function Link(e){var t;const{routingBasePath:i,unstable_hooks:r,onDeepLinkClick:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),o=e.security?null===(t=null==r?void 0:r.replaceSecurityLink)||void 0===t?void 0:t.call(r,{securityRequirementId:e.to}):e.to,s=n&&{onClick:e=>{e.preventDefault(),n((i||"")+o)}};return o?(0,jsx_runtime_1.jsx)(react_router_dom_1.Link,Object.assign({"aria-label":e["aria-label"]||`link to ${o}`,id:(0,utils_1.tryDecodeURIComponent)(e.id||""),className:e.className||"",to:(null==o?void 0:o.startsWith("#"))?o:(i||"")+o},s,{children:e.children})):e.children?(0,jsx_runtime_1.jsxs)("span",{"aria-label":e["aria-label"]||`link to ${o}`,className:e.className,children:[" ",e.children," "]}):null}function ShareLink(e){return(0,jsx_runtime_1.jsx)(exports.StyledShareLink,Object.assign({},e,{children:(0,jsx_runtime_1.jsx)(theme_1.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}exports.StyledShareLink=(0,styled_components_1.default)(Link)`
+import{jsx as n,jsxs as c}from"react/jsx-runtime";import{useAtomValue as m}from"jotai";import{Link as d}from"react-router-dom";import{LinkIcon as e}from"@redocly/theme";import{globalOptionsAtom as h}from"../../jotai/store.js";import{tryDecodeURIComponent as u}from"../../utils/index.js";import{styled as f}from"../../styled-components.js";function k(i){const{routingBasePath:a,unstable_hooks:r,onDeepLinkClick:o}=m(h),t=i.security?r?.replaceSecurityLink?.({securityRequirementId:i.to}):i.to,l=o&&{onClick:s=>{s.preventDefault(),o((a||"")+t)}};return t?n(d,{"aria-label":i["aria-label"]||`link to ${t}`,id:u(i.id||""),className:i.className||"",to:t?.startsWith("#")?t:(a||"")+t,...l,children:i.children}):i.children?c("span",{"aria-label":i["aria-label"]||`link to ${t}`,className:i.className,children:[" ",i.children," "]}):null}const y=f(k)`
   position: absolute;
   top: 50%;
   left: 0;
@@ -6,16 +6,15 @@
   padding-right: var(--heading-anchor-offset-right);
   z-index: 1;
 
-  ${theme_1.LinkIcon} {
+  ${e} {
     opacity: 0;
     transition:
       visibility 0.3s linear,
       opacity 0.3s linear;
   }
 
-  :hover ${theme_1.LinkIcon}, :focus ${theme_1.LinkIcon} {
+  :hover ${e}, :focus ${e} {
     visibility: visible;
     opacity: 1;
   }
-`;
-//# sourceMappingURL=linkify.js.map
+`;function N(i){return n(y,{...i,children:n(e,{size:"13px",color:"--heading-anchor-color"})})}export{k as Link,N as ShareLink,y as StyledShareLink};

package/lib/components/common/mixins.js

@@ -1,5 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.deprecatedCss=void 0;const styled_components_1=require("styled-components");exports.deprecatedCss=styled_components_1.css`
+import{css as e}from"styled-components";const r=e`
   text-decoration: line-through;
   color: var(--schemas-property-deprecated-text-color);
-`;
-//# sourceMappingURL=mixins.js.map
+`;export{r as deprecatedCss};

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

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

package/lib/components/common/panels.js

@@ -1,26 +1,26 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,n)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),constants_1=require("../../constants");exports.SamplesMiddlePanel=styled_components_1.default.div`
-  ${({compact:e,isStacked:t,fullWidth:a})=>{const i=e?0:"var(--spacing-vertical)";return styled_components_1.css`
+import{H2 as l,LayoutVariant as p,breakpoints as t,Markdown as d}from"@redocly/theme";import{css as o}from"styled-components";import{SECTION_ATTR as c}from"../../constants.js";import{styled as n}from"../../styled-components.js";const h=n.div`
+  ${({compact:a,isStacked:i,fullWidth:e})=>{const r=a?0:"var(--spacing-vertical)";return o`
       display: flex;
       flex-direction: column;
       width: 100%;
-      padding: ${i} var(--panel-gap-horizontal);
+      padding: ${r} var(--panel-gap-horizontal);
 
       &:empty {
         display: none;
       }
 
-      @media screen and (min-width: ${theme_1.breakpoints.large}) {
-        width: ${a||t?"100%":"calc(100% - var(--panel-samples-width))"};
-        padding-left: ${t?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
-        padding-right: ${t?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
+      @media screen and (min-width: ${t.large}) {
+        width: ${e||i?"100%":"calc(100% - var(--panel-samples-width))"};
+        padding-left: ${i?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
+        padding-right: ${i?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
         padding-top: 0;
-        padding-bottom: ${t?"var(--spacing-vertical)":0};
+        padding-bottom: ${i?"var(--spacing-vertical)":0};
       }
 
       @media print {
         width: 100%;
-        padding-top: ${i};
-        padding-bottom: ${i};
+        padding-top: ${r};
+        padding-bottom: ${r};
       }
     `}};
   & & {
@@ -28,16 +28,16 @@
     padding-right: 0;
   }
 
-  &:last-child > ${theme_1.Markdown} :last-child,
-  ${theme_1.Markdown} article :last-child {
+  &:last-child > ${d} :last-child,
+  ${d} article :last-child {
     margin-bottom: 0;
   }
-`,exports.Section=styled_components_1.default.div.attrs((e=>({[constants_1.SECTION_ATTR]:e.sectionId,id:e.id})))`
+`,b=n.div.attrs(a=>({[c]:a.sectionId,id:a.id}))`
   z-index: 0;
   padding: 0;
   width: 100%;
 
-  ${({expanded:e})=>e&&styled_components_1.css`
+  ${({expanded:a})=>a&&o`
       background-color: var(--layer-color);
       border-bottom: 1px solid var(--border-color-secondary);
       --code-block-bg-color: var(--bg-color);
@@ -48,10 +48,10 @@
     min-height: initial;
   }
 
-  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+  @media screen and (min-width: ${t.medium}) {
     padding-top: var(--spacing-xs);
 
-    ${({expanded:e})=>!e&&styled_components_1.css`
+    ${({expanded:a})=>!a&&o`
         padding-bottom: var(--spacing-xs);
       `}
   }
@@ -60,7 +60,7 @@
     padding: 0;
   }
 
-  ${({underlined:e})=>e&&styled_components_1.css`
+  ${({underlined:a})=>a&&o`
       position: relative;
 
       &:not(:last-of-type):after {
@@ -72,10 +72,10 @@
         border-bottom: 1px solid var(--border-color-primary);
       }
     `}
-  ${theme_1.H2} {
+  ${l} {
     position: relative;
   }
-`,exports.SamplesPanel=styled_components_1.default.div`
+`,$=n.div`
   color: var(--panel-samples-text-color);
   width: 100%;
   height: fit-content;
@@ -92,12 +92,12 @@
     display: none;
   }
 
-  @media screen and (min-width: ${theme_1.breakpoints.large}) {
-    width: ${({isStacked:e})=>e?"100%":"var(--panel-samples-width)"};
+  @media screen and (min-width: ${t.large}) {
+    width: ${({isStacked:a})=>a?"100%":"var(--panel-samples-width)"};
     padding-top: 0;
     padding-bottom: 0;
-    padding-left: ${({isStacked:e})=>e?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
-    padding-right: ${({isStacked:e})=>e?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
+    padding-left: ${({isStacked:a})=>a?"var(--panel-gap-vertical)":"var(--panel-gap-horizontal)"};
+    padding-right: ${({isStacked:a})=>a?"var(--panel-gap-horizontal)":"calc(var(--panel-gap-horizontal) * 2)"};
   }
 
   @media print {
@@ -105,19 +105,18 @@
     padding-top: var(--spacing-vertical);
     padding-bottom: var(--spacing-vertical);
   }
-`,exports.Row=styled_components_1.default.div`
+`,w=n.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width: 100%;
   padding: 0;
 
-  @media screen and (min-width: ${theme_1.breakpoints.large}) {
-    flex-direction: ${({layout:e})=>e!==theme_1.LayoutVariant.STACKED?"row":"column"};
+  @media screen and (min-width: ${t.large}) {
+    flex-direction: ${({layout:a})=>a!==p.STACKED?"row":"column"};
   }
 
   @media print {
     flex-direction: column;
   }
-`;
-//# sourceMappingURL=panels.js.map
+`;export{w as Row,h as SamplesMiddlePanel,$ as SamplesPanel,b as Section};

package/lib/components/common/schema.d.ts

@@ -1,7 +1,4 @@
-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 SelectionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OneOfButton: any;
+export declare const OneOfList: any;
+export declare const Wrapper: any;
+export declare const SelectionTitle: any;

package/lib/components/common/schema.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectionTitle=exports.Wrapper=exports.OneOfList=exports.OneOfButton=void 0;const styled_components_1=__importStar(require("styled-components")),mixins_1=require("./mixins");exports.OneOfButton=styled_components_1.default.button`
+import{css as e}from"styled-components";import{deprecatedCss as t}from"./mixins.js";import{styled as o}from"../../styled-components.js";const a=o.button`
   border: 1px solid var(--schema-buttons-border-color);
   height: 24px;
   border-radius: var(--border-radius);
@@ -24,9 +24,9 @@
     background-color: var(--schema-buttons-bg-color-active);
   }
 
-  ${({deprecated:e})=>e&&mixins_1.deprecatedCss};
+  ${({deprecated:r})=>r&&t};
 
-  ${({selected:e})=>e&&styled_components_1.css`
+  ${({selected:r})=>r&&e`
       border-color: var(--schema-buttons-selected-border-color);
       background-color: var(--schema-buttons-selected-bg-color);
       color: var(--schema-buttons-selected-text-color);
@@ -38,19 +38,19 @@
         background-color: var(--schema-buttons-active-hover-background-color);
       }
     `}
-`,exports.OneOfList=styled_components_1.default.div`
+`,i=o.div`
   display: inline;
 
   flex-wrap: wrap;
   margin: 4px -3px;
   margin-left: 10px;
 
-  ${exports.OneOfButton} {
+  ${a} {
     margin: 2px;
   }
-`,exports.Wrapper=styled_components_1.default.div`
+`,l=o.div`
   margin-bottom: 1em;
-`,exports.SelectionTitle=styled_components_1.default.div`
+`,d=o.div`
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--tag-basic-content-color);
@@ -70,5 +70,4 @@
     bottom: calc(-1 * var(--spacing-xs));
     left: var(--spacing-xs);
   }
-`;
-//# sourceMappingURL=schema.js.map
+`;export{a as OneOfButton,i as OneOfList,d as SelectionTitle,l as Wrapper};

package/lib/components/common/styled.d.ts

@@ -1,7 +1,6 @@
-import { Tag } from '@redocly/theme';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HttpVerb: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;
-export declare const MimeLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ArrayLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LabelValue: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Container: any;
+export declare const HttpVerb: any;
+export declare const MimeLabel: any;
+export declare const ArrayLabel: any;
+export declare const LabelValue: any;
+export declare const ArrayClosingLabel: any;

package/lib/components/common/styled.js

@@ -1,8 +1,8 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArrayClosingLabel=exports.LabelValue=exports.ArrayLabel=exports.MimeLabel=exports.HttpVerb=exports.Container=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.Container=styled_components_1.default.div`
+import{Tag as o}from"@redocly/theme";import{styled as r}from"../../styled-components.js";const t=r.div`
   display: flex;
   flex-direction: column;
   margin: var(--spacing-unit) var(--spacing-md) var(--spacing-sm);
-`,exports.HttpVerb=(0,styled_components_1.default)(theme_1.Tag)`
+`,i=r(o)`
   text-transform: uppercase;
   background-color: unset;
   border: none;
@@ -13,7 +13,7 @@
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   align-self: flex-end;
-`,exports.MimeLabel=styled_components_1.default.div`
+`,s=r.div`
   background-color: var(--panel-samples-dropdown-bg-color);
   color: var(--panel-samples-text-color);
   font-family: inherit;
@@ -23,7 +23,7 @@
   font-size: var(--docs-dropdown-font-size);
   border: var(--panel-samples-dropdown-border);
   border-radius: var(--border-radius-md);
-`,exports.ArrayLabel=styled_components_1.default.span`
+`,a=r.span`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
@@ -34,7 +34,7 @@
     flex: auto;
     border-top: 1px solid var(--border-color-primary);
   }
-`,exports.LabelValue=styled_components_1.default.span`
+`,d=r.span`
   padding: 0 var(--spacing-xs);
   border-radius: var(--border-radius);
   border: 1px solid var(--border-color-secondary);
@@ -42,7 +42,7 @@
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--tag-basic-content-color);
-`,exports.ArrayClosingLabel=(0,styled_components_1.default)(exports.ArrayLabel)`
+`,l=r(a)`
   margin-top: 0;
   margin-left: auto;
 
@@ -55,5 +55,4 @@
     flex: auto;
     border-top: 1px solid var(--border-color-primary);
   }
-`;
-//# sourceMappingURL=styled.js.map
+`;export{l as ArrayClosingLabel,a as ArrayLabel,t as Container,i as HttpVerb,d as LabelValue,s as MimeLabel};