@redocly/reference-docs 2.43.4 → 2.43.6

package/lib-esm/oauth2-redirect-page/index.js

@@ -1,2 +1,2 @@
-import"core-js/web/url";import{handleOAuth2Redirect}from"./handler/oauth2-redirect-handler";function run(){var r,e=null===(r=window.opener)||void 0===r?void 0:r.redirectOAuth2;try{handleOAuth2Redirect(e)}catch(r){null==e||e.errorCallback(r)}window.close()}window.onload=run;
+import"core-js/web/url";import{handleOAuth2Redirect}from"./handler/oauth2-redirect-handler";function run(){var r;const e=null===(r=window.opener)||void 0===r?void 0:r.redirectOAuth2;try{handleOAuth2Redirect(e)}catch(r){null==e||e.errorCallback(r)}window.close()}window.onload=run;
 //# sourceMappingURL=index.js.map

package/lib-esm/redoc-lib/src/common-elements/CopyButtonWrapper.js

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{PureComponent}from"react";import{ClipboardService}from"../services/ClipboardService";import{SamplesControlButton}from"./samples";import{Tooltip}from"./Tooltip";var CopyButtonWrapper=function(o){function t(t){var e=o.call(this,t)||this;return Object.defineProperty(e,"copy",{enumerable:!0,configurable:!0,writable:!0,value:function(){var o=e.props,t=o.data,r=o.onCopyClick,i="string"==typeof t?t:JSON.stringify(t,(function(o,t){return void 0===t?null:t}),2);ClipboardService.copyCustom(i),e.showTooltip(),null==r||r()}}),Object.defineProperty(e,"renderCopyButton",{enumerable:!0,configurable:!0,writable:!0,value:function(o){return void 0===o&&(o="top"),_jsx(Tooltip,__assign({variant:"light",placement:o,tip:ClipboardService.isSupported()?"Copied":"Not supported in your browser",open:e.state.tooltipShown},{children:_jsx(SamplesControlButton,__assign({onClick:e.copy},{children:"Copy"}),void 0)}),void 0)}}),e.state={tooltipShown:!1},e}return __extends(t,o),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({renderCopyButton:this.renderCopyButton})}}),Object.defineProperty(t.prototype,"showTooltip",{enumerable:!1,configurable:!0,writable:!0,value:function(){var o=this;this.setState({tooltipShown:!0}),setTimeout((function(){o.setState({tooltipShown:!1})}),1500)}}),t}(PureComponent);export{CopyButtonWrapper};
+import{jsx as _jsx}from"react/jsx-runtime";import{PureComponent}from"react";import{ClipboardService}from"../services/ClipboardService";import{SamplesControlButton}from"./samples";import{Tooltip}from"./Tooltip";export class CopyButtonWrapper extends PureComponent{constructor(o){super(o),Object.defineProperty(this,"copy",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{data:o,onCopyClick:t}=this.props,e="string"==typeof o?o:JSON.stringify(o,((o,t)=>void 0===t?null:t),2);ClipboardService.copyCustom(e),this.showTooltip(),null==t||t()}}),Object.defineProperty(this,"renderCopyButton",{enumerable:!0,configurable:!0,writable:!0,value:(o="top")=>_jsx(Tooltip,Object.assign({variant:"light",placement:o,tip:ClipboardService.isSupported()?"Copied":"Not supported in your browser",open:this.state.tooltipShown},{children:_jsx(SamplesControlButton,Object.assign({onClick:this.copy},{children:"Copy"}),void 0)}),void 0)}),this.state={tooltipShown:!1}}render(){return this.props.children({renderCopyButton:this.renderCopyButton})}showTooltip(){this.setState({tooltipShown:!0}),setTimeout((()=>{this.setState({tooltipShown:!1})}),1500)}}
 //# sourceMappingURL=CopyButtonWrapper.js.map

package/lib-esm/redoc-lib/src/common-elements/Download.js

@@ -1,2 +1,4 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import styled from"../styled-components";import{SamplesControlButton}from"./samples";export function Download(e){var t,o,l=e.fileInfo;if(!l)return null;var n=l.rawData,a=l.fileName,i=null===(o=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===o?void 0:o.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return _jsx(StyledAnchor,__assign({href:i,download:a,title:"Download response"},{children:_jsx(SamplesControlButton,{children:"Download"},void 0)}),void 0)}var templateObject_1,StyledAnchor=styled.a(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"../styled-components";import{SamplesControlButton}from"./samples";export function Download({fileInfo:o}){var n,t;if(!o)return null;const{rawData:l,fileName:e}=o,i=null===(t=null===(n=null===window||void 0===window?void 0:window.URL)||void 0===n?void 0:n.createObjectURL)||void 0===t?void 0:t.call(n,l instanceof Blob?l:new Blob([l],{type:"text/plain"}));return _jsx(StyledAnchor,Object.assign({href:i,download:e,title:"Download response"},{children:_jsx(SamplesControlButton,{children:"Download"},void 0)}),void 0)}const StyledAnchor=styled.a`
+  margin-left: 10px;
+`;
 //# sourceMappingURL=Download.js.map

package/lib-esm/redoc-lib/src/common-elements/LinkToField.js

@@ -1,2 +1,18 @@
-import{__assign,__makeTemplateObject}from"tslib";import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import{StoreContext}from"../components";import styled from"../styled-components";import{SECTION_ATTR}from"../services/constants";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{LinkIcon}from"./icons";export var LinkToField=function(n){var e,i,t,o=useContext(StoreContext),r=useState(!1),s=r[0],l=r[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=n.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(n.field),m=o&&c?o.menu.history.generateDeepLink(c,a):null,p=o?((e={})[SECTION_ATTR]=(null===(t=n.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,e.id=m&&m.split("#")[1]||void 0,e):null;return useEffect((function(){if(o&&p)return l(o.menu.history.currentId===p[SECTION_ATTR]),o.menu.history.subscribe((function(n){l(n===p[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==p?void 0:p[SECTION_ATTR]]),c&&o&&m?_jsxs("a",__assign({className:n.className+(s?" active":""),href:m,onClick:function(n){return function(n,e,i){e.defaultPrevented||userIsForcingNavigation(e)||(e.preventDefault(),n.replaceForField(i))}(null==o?void 0:o.menu.history,n,m),n.stopPropagation(),n.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(m),!1}},p,{children:[_jsx(LinkIcon,{},void 0),n.children]}),void 0):_jsx(_Fragment,{children:n.children||null},void 0)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
+import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext,useEffect,useState}from"react";import{StoreContext}from"../components";import styled from"../styled-components";import{SECTION_ATTR}from"../services/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),s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",l=constructFieldDeepFragment(e.field),a=o&&l?o.menu.history.generateDeepLink(l,s):null,d=o?{[SECTION_ATTR]:(null===(n=e.field.deps.operation)||void 0===n?void 0:n.id)+o.options.deepLinkPrefix+l,id:a&&a.split("#")[1]||void 0}:null;return useEffect((()=>{if(o&&d)return r(o.menu.history.currentId===d[SECTION_ATTR]),o.menu.history.subscribe((e=>{r(e===d[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[SECTION_ATTR]]),l&&o&&a?_jsxs("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)},d,{children:[_jsx(LinkIcon,{},void 0),e.children]}),void 0):_jsx(_Fragment,{children:e.children||null},void 0)};export const ShareLinkToField=styled(LinkToField)`
+  ${linkifyMixin("&","13px")}
+
+  & {
+    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/redoc-lib/src/common-elements/PrismDiv.js

@@ -1,2 +1,125 @@
-import{__makeTemplateObject}from"tslib";import styled,{extensionsHook}from"../styled-components";export var PrismDiv=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  /**\n  * Based on prism-dark.css\n  */\n\n  code[class*='language-'],\n  pre[class*='language-'] {\n    /* color: white;\n    background: none; */\n    text-shadow: 0 -0.1em 0.2em black;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  @media print {\n    code[class*='language-'],\n    pre[class*='language-'] {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n  }\n\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n\n  .token.punctuation {\n    opacity: 1;\n  }\n\n  .namespace {\n    opacity: 0.7;\n  }\n\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: ",";\n  }\n\n  .token.boolean {\n    color: ",";\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #fee39e;\n\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n\n  .token.property.string {\n    color: #9efaa7;\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: #f5b83d;\n  }\n\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: #ffdbf4;\n  }\n\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n\n  .token.deleted {\n    color: red;\n  }\n\n  ",";\n"],["\n  /**\n  * Based on prism-dark.css\n  */\n\n  code[class*='language-'],\n  pre[class*='language-'] {\n    /* color: white;\n    background: none; */\n    text-shadow: 0 -0.1em 0.2em black;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  @media print {\n    code[class*='language-'],\n    pre[class*='language-'] {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  pre[class*='language-'] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n  }\n\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: hsl(30, 20%, 50%);\n  }\n\n  .token.punctuation {\n    opacity: 1;\n  }\n\n  .namespace {\n    opacity: 0.7;\n  }\n\n  .token.property,\n  .token.tag,\n  .token.number,\n  .token.constant,\n  .token.symbol {\n    color: ",";\n  }\n\n  .token.boolean {\n    color: ",";\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: #fee39e;\n\n    & + a,\n    & + a:visited {\n      color: #4ed2ba;\n      text-decoration: underline;\n    }\n  }\n\n  .token.property.string {\n    color: #9efaa7;\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    color: #f5b83d;\n  }\n\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: #ffdbf4;\n  }\n\n  .token.regex,\n  .token.important {\n    color: #e90;\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n\n  .token.deleted {\n    color: red;\n  }\n\n  ",";\n"])),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.error.main}),extensionsHook("Prism"));var templateObject_1;
+import styled,{extensionsHook}from"../styled-components";export const PrismDiv=styled.div`
+  /**
+  * Based on prism-dark.css
+  */
+
+  code[class*='language-'],
+  pre[class*='language-'] {
+    /* color: white;
+    background: none; */
+    text-shadow: 0 -0.1em 0.2em black;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+  }
+
+  @media print {
+    code[class*='language-'],
+    pre[class*='language-'] {
+      text-shadow: none;
+    }
+  }
+
+  /* Code blocks */
+  pre[class*='language-'] {
+    padding: 1em;
+    margin: 0.5em 0;
+    overflow: auto;
+  }
+
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: hsl(30, 20%, 50%);
+  }
+
+  .token.punctuation {
+    opacity: 1;
+  }
+
+  .namespace {
+    opacity: 0.7;
+  }
+
+  .token.property,
+  .token.tag,
+  .token.number,
+  .token.constant,
+  .token.symbol {
+    color: ${({theme:e})=>e.colors.text.light};
+  }
+
+  .token.boolean {
+    color: ${({theme:e})=>e.colors.error.main};
+  }
+
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: #fee39e;
+
+    & + a,
+    & + a:visited {
+      color: #4ed2ba;
+      text-decoration: underline;
+    }
+  }
+
+  .token.property.string {
+    color: #9efaa7;
+  }
+
+  .token.operator,
+  .token.entity,
+  .token.url,
+  .token.variable {
+    color: #f5b83d;
+  }
+
+  .token.atrule,
+  .token.attr-value,
+  .token.keyword {
+    color: #ffdbf4;
+  }
+
+  .token.regex,
+  .token.important {
+    color: #e90;
+  }
+
+  .token.important,
+  .token.bold {
+    font-weight: bold;
+  }
+
+  .token.italic {
+    font-style: italic;
+  }
+
+  .token.entity {
+    cursor: help;
+  }
+
+  .token.deleted {
+    color: red;
+  }
+
+  ${extensionsHook("Prism")};
+`;
 //# sourceMappingURL=PrismDiv.js.map

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

@@ -1,2 +1,111 @@
-import{__assign,__makeTemplateObject}from"tslib";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){var n=t.children,e=t.open,r=t.tip,o=t.placement,a=void 0===o?"top":o,l=t.variant,p=void 0===l?"dark":l,s=t.width,i=useState(e),d=i[0],b=i[1],m=void 0!==e;useEffect((function(){m&&b(e)}),[e,m]);var c=useCallback((function(){b(!0)}),[b]),f=useCallback((function(){b(!1)}),[b]);return _jsxs(TooltipWrapper,__assign({onMouseEnter:m?void 0:c,onMouseLeave:m?void 0:f,onClick:m?void 0:f},{children:[n,d?_jsx(TooltipBody,__assign({placement:a,variant:p,width:s},{children:r}),void 0):null]}),void 0)}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,TooltipWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),tooltipBase=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"],["\n  display: inline-block;\n\n  position: absolute;\n  text-align: center;\n\n  padding: 10px 20px;\n  max-width: 250px;\n  white-space: normal;\n  overflow-wrap: break-word;\n\n  border-radius: ",";\n  pointer-events: none;\n  transition: opacity 0.3s ease-out;\n\n  display: inline-block;\n  font-size: 13px;\n\n  &::after {\n    position: absolute;\n\n    content: ' ';\n    display: inline-block;\n    width: 0;\n    height: 0;\n  }\n"])),(function(t){return t.theme.shape.borderRadius})),PLACEMENTS={top:css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "],["\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -99%);\n    margin-top: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-top-width: 6px;\n      border-top-style: solid;\n      bottom: 0;\n      left: 50%;\n      transform: translate(-50%, 99%);\n    }\n  "]))),bottom:css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "],["\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 99%);\n    margin-bottom: -10px;\n\n    &::after {\n      border-left: 5px solid transparent;\n      border-right: 5px solid transparent;\n      border-bottom-width: 6px;\n      border-bottom-style: solid;\n      top: 0;\n      left: 50%;\n      transform: translate(-50%, -99%);\n    }\n  "]))),left:css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "],["\n    top: 50%;\n    left: 0;\n    transform: translate(-100%, -50%);\n    margin-left: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-left-width: 6px;\n      border-left-style: solid;\n      top: 50%;\n      right: 0;\n      transform: translate(99%, -50%);\n    }\n  "]))),right:css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "],["\n    top: 50%;\n    right: 0;\n    transform: translate(100%, -50%);\n    margin-right: -10px;\n\n    &::after {\n      border-top: 5px solid transparent;\n      border-bottom: 5px solid transparent;\n      border-right-width: 6px;\n      border-right-style: solid;\n      top: 50%;\n      left: 0;\n      transform: translate(-99%, -50%);\n    }\n  "])))},VARIANTS={dark:css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "],["\n    background: #52606d;\n    color: #f5f7fa;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: #52606d;\n    }\n  "]))),light:css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "],["\n    background: white;\n    color: black;\n    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;\n\n    &::after {\n      border-color: white;\n    }\n  "])))},TooltipBody=styled.span(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  ","\n  width:",";\n  ","\n"],["\n  ","\n  width:",";\n  ","\n"])),tooltipBase,(function(t){return t.width||"120px"}),(function(t){var n=t.placement,e=t.variant;return""+VARIANTS[e]+PLACEMENTS[n]}));
+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-esm/redoc-lib/src/common-elements/fields-layout.js

@@ -1,2 +1,173 @@
-var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;import{__makeTemplateObject}from"tslib";import styled,{css,extensionsHook,mediaCSS,ZERO_BREAKPOINT}from"../styled-components";import{deprecatedCss}from"./mixins";export var PropertiesTableCaption=styled.caption(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: ",";\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.secondary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,repeatingGradient=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  repeating-linear-gradient(0deg,\n  ",",\n  "," 3px,\n  transparent 3px,\n  transparent 5px,\n  "," 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  ",",\n  "," 3px,\n  transparent 3px,\n  transparent 5px,\n  "," 5px);\n"])),(function(n){return n.theme.schema.linesColor}),(function(n){return n.theme.schema.linesColor}),(function(n){return n.theme.schema.linesColor}));export var PropertyCell=styled.td(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 10px;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n\n  ","\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    ",";\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 10px;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n\n  ","\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    ",";\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    ",";\n  }\n"])),repeatingGradient,mediaCSS({display:(_a={},_a[ZERO_BREAKPOINT]="block",_a.small="table-cell",_a),overflow:(_b={},_b[ZERO_BREAKPOINT]="hidden",_b.small="initial",_b),padding:(_c={},_c[ZERO_BREAKPOINT]="0 20px",_c.small="10px",_c),marginBottom:(_d={},_d[ZERO_BREAKPOINT]="2px",_d.small=0,_d)}),repeatingGradient,repeatingGradient,mediaCSS({backgroundSize:(_e={},_e[ZERO_BREAKPOINT]="0.9px 100%",_e.small="0.9px 22px",_e)}),repeatingGradient,mediaCSS({backgroundSize:(_f={},_f[ZERO_BREAKPOINT]="0.9px 100%",_f.small="0.9px 20px",_f),backgroundPosition:(_g={},_g[ZERO_BREAKPOINT]="0 20px",_g.small="0 0",_g)}));export var PropertyCellWithInner=styled(PropertyCell)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 0;\n"],["\n  padding: 0;\n"])));export var PropertyNameCell=styled(PropertyCell)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  ","\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  ","\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),(function(n){var e=n.theme;return mediaCSS({fontFamily:e.typography.fieldName.fontFamily})}),deprecatedCss,(function(n){return"patternProperties"===n.kind&&css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "],["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "])))}),extensionsHook("PropertyNameCell"));export var PropertyDetailsCell=styled.td(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  ","\n\n  ",";\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  ","\n\n  ",";\n"])),(function(n){var e,t,r,a=n.theme;return mediaCSS({borderBottom:(e={},e[ZERO_BREAKPOINT]="none",e.small="1px solid "+a.colors.border.light,e),borderLeft:(t={},t[ZERO_BREAKPOINT]="1px solid "+a.schema.linesColor,t.small="none",t),padding:(r={},r[ZERO_BREAKPOINT]="0 20px",r.small="10px 0",r),width:a.schema.defaultDetailsWidth,minWidth:"200px"})}),extensionsHook("PropertyDetailsCell"));export var PropertyBullet=styled.span(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  margin-right: 10px;\n  ","\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: ",";\n  }\n\n  ","\n\n  ",";\n"],["\n  margin-right: 10px;\n  ","\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: ",";\n  }\n\n  ","\n\n  ",";\n"])),(function(n){var e=n.theme;return mediaCSS({color:e.schema.linesColor,fontFamily:e.typography.code.fontFamily})}),(function(n){return n.theme.schema.linesColor}),(function(n){var e,t,r=n.theme;return mediaCSS({width:r.schema.defaultDetailsWidth,borderLeft:(e={},e[ZERO_BREAKPOINT]="1px dashed "+r.schema.linesColor,e.small="none",e),padding:(t={},t[ZERO_BREAKPOINT]="5px 10px",t.small="10px",t)})}),extensionsHook("PropertyDetailsCell"));export var InnerPropertiesWrap=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  padding: ",";\n"],["\n  padding: ",";\n"])),(function(n){return n.theme.schema.nestingSpacing}));export var PropertiesTableWrap=styled.div(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"])));export var PropertiesTable=styled.table(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  border-collapse: separate;\n  border-radius: ",";\n  width: 100%;\n  ","\n  > tr, > tbody > tr {\n    ","\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  ","\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: ",";\n    margin-bottom: ",";\n    background: ",";\n    border-radius: ",";\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: ",";\n  }\n"],["\n  border-collapse: separate;\n  border-radius: ",";\n  width: 100%;\n  ","\n  > tr, > tbody > tr {\n    ","\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  ","\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: ",";\n    margin-bottom: ",";\n    background: ",";\n    border-radius: ",";\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: ",";\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){var e,t=n.theme;return mediaCSS({fontSize:t.typography.fontSize,display:(e={},e[ZERO_BREAKPOINT]="block",e.small="table",e)})}),mediaCSS({display:(_h={},_h[ZERO_BREAKPOINT]="block",_h.small="table-row",_h),marginBottom:(_j={},_j[ZERO_BREAKPOINT]="2px",_j.small=0,_j),borderSpacing:(_k={},_k[ZERO_BREAKPOINT]=0,_k.small="0 2px",_k)}),(function(n){return"\n    @media screen and (max-width: "+n.theme.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,(function(n){return n.theme.schema.nestingSpacing}),(function(n){return n.theme.schema.nestingSpacing}),(function(n){return n.theme.schema.nestedBackground}),(function(n){return n.theme.components.panels.borderRadius}),InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,InnerPropertiesWrap,(function(n){return n.theme.schema.nestedAlternativeBackground}));
+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-esm/redoc-lib/src/common-elements/fields.js

@@ -1,2 +1,78 @@
-import{__makeTemplateObject}from"tslib";import styled,{extensionsHook,mediaCSS}from"../styled-components";import{PropertyNameCell}from"./fields-layout";import{ShelfIcon}from"./icons";export var ClickablePropertyNameCell=styled(PropertyNameCell)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0 10px 0 0;\n    ","\n    &:focus {\n      font-weight: ",";\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: ",";\n    width: ",";\n    fill: ",";\n    margin-top: -1px;\n  }\n\n  ",";\n"],["\n  button {\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n    cursor: pointer;\n    padding: 0 10px 0 0;\n    ","\n    &:focus {\n      font-weight: ",";\n    }\n  }\n  "," {\n    margin-left: 4px;\n    height: ",";\n    width: ",";\n    fill: ",";\n    margin-top: -1px;\n  }\n\n  ",";\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily,fontSize:t.typography.fieldName.fontSize,color:t.colors.text.primary})}),(function(e){return e.theme.typography.fontWeightBold}),ShelfIcon,(function(e){return e.theme.schema.caretSize}),(function(e){return e.theme.schema.caretSize}),(function(e){return e.theme.schema.caretColor}),extensionsHook("ClickablePropertyNameCell"));export var FieldLabel=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  vertical-align: middle;\n  line-height: 20px;\n  ",";\n"],["\n  vertical-align: middle;\n  line-height: 20px;\n  ",";\n"])),(function(e){var t=e.theme;return mediaCSS({fontSize:t.typography.fieldName.fontSize})}));export var TypePrefix=styled(FieldLabel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.schema.typeNameColor}));export var TypeName=styled(FieldLabel)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.schema.typeNameColor}));export var TypeTitle=styled(FieldLabel)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  color: ",";\n  word-break: break-word;\n"],["\n  color: ",";\n  word-break: break-word;\n"])),(function(e){return e.theme.schema.typeTitleColor}));export var TypeFormat=TypeName;export var RequiredLabel=styled(FieldLabel.withComponent("div"))(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"],["\n  color: ",";\n  font-size: ",";\n  font-weight: normal;\n  line-height: 1;\n  display: block;\n"])),(function(e){return e.theme.schema.requireLabelColor}),(function(e){return e.theme.schema.labelsTextSize}));export var PropertyLabel=styled(RequiredLabel)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.colors.text.secondary}));export var RecursiveLabel=styled(FieldLabel)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  color: ",";\n  font-size: 13px;\n"],["\n  color: ",";\n  font-size: 13px;\n"])),(function(e){return e.theme.colors.warning.main}));export var ExampleValue=styled(FieldLabel)(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"],["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n  line-height: 1.2em;\n  display: inline-flex;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){var t=e.theme;return"\n    background-color: "+t.colors.secondary.light+";\n    color: "+t.colors.text.primary+";\n    padding: 1px "+t.spacing.unit+"px;\n    border: 1px solid "+t.colors.border.light+";\n    font-size: 12px;\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily})}),extensionsHook("ExampleValue"));export var ExtensionValue=styled(ExampleValue)(templateObject_10||(templateObject_10=__makeTemplateObject([""],[""])));export var ConstraintItem=styled(FieldLabel)(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n"],["\n  border-radius: ",";\n  ","\n\n  ","\n\n  & + & {\n    margin-left: 0;\n  }\n  ",";\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){var t=e.theme;return"\n    background-color: "+t.colors.secondary.light+";\n    color: "+t.colors.accent.dark+";\n    margin: 0 "+t.spacing.unit+"px;\n    padding: 1px "+t.spacing.unit+"px;\n    border: 1px solid "+t.colors.border.light+";\n    font-size: 12px;\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fieldName.fontFamily})}),extensionsHook("ConstraintItem"));export var PatternLabel=styled(ConstraintItem)(templateObject_12||(templateObject_12=__makeTemplateObject([""],[""])));export var ToggleButton=styled.button(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  background-color: transparent;\n  border: 0;\n  color: ",";\n  margin-left: ","px;\n  border-radius: ",";\n  cursor: pointer;\n  outline-color: ",";\n  font-size: 12px;\n"],["\n  background-color: transparent;\n  border: 0;\n  color: ",";\n  margin-left: ","px;\n  border-radius: ",";\n  cursor: pointer;\n  outline-color: ",";\n  font-size: 12px;\n"])),(function(e){return e.theme.colors.text.secondary}),(function(e){return e.theme.spacing.unit}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.colors.text.secondary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13;
+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