@redocly/openapi-docs 3.0.0-alpha.58 → 3.0.0-alpha.60

package/lib-esm/components/rightPanel/TryItPanel.js

@@ -1,13 +1,13 @@
-var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};import*as React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,Panel,PanelBody,ShelfIcon}from"@redocly/theme";import{Trigger}from"../Panel";import{CrossIcon,LockIcon}from"../icons";export function TryItPanel(e){var{header:r,error:t,success:o}=e,a=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},a,{header:({toggle:e,expanded:n=!1})=>React.createElement(PanelHeader,{onClick:e,expanded:n,"data-cy":a["data-cy"]},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,r),React.createElement(ShelfIcon,{direction:n?"down":"right"})),t&&React.createElement(CrossIcon,{size:"14px",color:"--color-error-500"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success-500"})||null)}))}const StyledTryItPanel=styled(Panel)`
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};import*as React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,Panel,PanelBody,ShelfIcon}from"@redocly/theme";import{Trigger}from"../Panel";import{CrossIcon,LockIcon}from"../icons";export function TryItPanel(e){var{header:r,error:t,success:o}=e,a=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},a,{header:({toggle:e,expanded:n=!1})=>React.createElement(PanelHeader,{onClick:e,expanded:n,"data-cy":a["data-cy"]},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,r),React.createElement(ShelfIcon,{direction:n?"down":"right"})),t&&React.createElement(CrossIcon,{size:"14px",color:"--color-error"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success"})||null)}))}const StyledTryItPanel=styled(Panel)`
   ${PanelHeader} {
     border: 1px solid
-      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"};
+      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-heading-border-color)"};
     padding: 10px;
   }
 
   ${PanelBody} {
     border: 1px solid
-      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"};
+      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-body-border-color)"};
     border-top: 0;
   }
 `;

package/lib-esm/components/rightPanel/styled.d.ts

@@ -8,7 +8,6 @@ export declare const ConsoleWrap: import("styled-components").StyledComponent<"d
 }, never>;
 export declare const ConsoleBody: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const invertedInputStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
     fullWidth?: boolean | undefined;
     variant?: "dark" | "light" | undefined;

package/lib-esm/components/rightPanel/styled.js

@@ -41,8 +41,7 @@ import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../com
   margin-bottom: 10px;
   ${({shaking:o})=>o&&shakeAnimation};
   > div:last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+    border-radius: 0 0 var(--panel-border-radius) var(--panel-border-radius);
   }
 `;export const ConsoleBody=styled.div`
   flex: 1;
@@ -56,26 +55,7 @@ import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../com
   cursor: pointer;
   font-size: 18px;
   font-weight: bold;
-  color: var(--text-color-inverse);
-`;export const invertedInputStyles=css`
-  border: none;
-  outline: none;
-  padding: 8px;
-  border-radius: var(--border-radius);
-  background-color: var(--panel-try-it-input-background-color);
-  color: var(--panel-try-it-input-text-color);
-  font-family: var(--code-font-family);
-  font-size: var(--font-size-base);
-  border: var(--panel-try-it-input-border);
-
-  &::placeholder {
-    opacity: 0.6;
-    color: var(--text-color-inverse);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-samples-background-color);
-  }
+  color: var(--text-secondary);
 `;export const TryItDropdown=styled(Dropdown)`
   .dropdown-select,
   label {

package/lib-esm/components/shared/HttpVerb.d.ts

@@ -1,6 +1,2 @@
-export declare const HttpVerb: import("styled-components").StyledComponent<"span", any, {
-    className: `operation-type ${string}`;
-    'data-component-name': string;
-} & {
-    type: string;
-}, "className" | "data-component-name">;
+import { Tag } from '@redocly/theme';
+export declare const HttpVerb: import("styled-components").StyledComponent<typeof Tag, any, {}, never>;

package/lib-esm/components/shared/HttpVerb.js

@@ -1,5 +1,4 @@
-import styled from"styled-components";import{OperationBadge}from"@redocly/theme";export const HttpVerb=styled(OperationBadge)`
-  display: inline-block;
-  padding: 0 8px;
+import styled from"styled-components";import{Tag}from"@redocly/theme";export const HttpVerb=styled(Tag)`
+  text-transform: uppercase;
 `;
 //# sourceMappingURL=HttpVerb.js.map

package/lib-esm/components/shared/MimeLabel.js

@@ -1,13 +1,12 @@
 import styled from"styled-components";export const MimeLabel=styled.div`
   background-color: var(--panel-samples-dropdown-background-color);
-  color: var(---panel-samples-dropdown-color);
+  color: var(--panel-samples-text-color);
   font-family: var(--code-font-family);
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: 14px;
-  line-height: 16px;
+  font-size: var(--code-font-size);
   border: var(--panel-samples-dropdown-border);
-  border-radius: var(--border-radius);
+  border-radius: var(--panel-border-radius);
 `;
 //# sourceMappingURL=MimeLabel.js.map

package/lib-esm/components/shared/NoSampleLabel.js

@@ -4,7 +4,7 @@ import styled from"styled-components";export const NoSampleLabel=styled.div`
 `;export const WarnMessage=styled.div`
   font-size: 12px;
   padding-bottom: 10px;
-  color: var(--color-warning-500);
+  color: var(--color-warning);
   font-family: var(--code-font-family);
 `;
 //# sourceMappingURL=NoSampleLabel.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.58",
+  "version": "3.0.0-alpha.60",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -44,7 +44,7 @@
     "path-browserify": "^1.0.1",
     "perfect-scrollbar": "^1.5.5",
     "prismjs": "^1.22.0",
-    "query-string": "^8.1.0",
+    "query-string": "^6.13.6",
     "react-codemirror2-react-17": "1.0.0",
     "react-router-dom": "^6.10.0",
     "react-tabs": "^3.1.1",
@@ -116,7 +116,7 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
-    "@redocly/theme": "0.18.6"
+    "@redocly/theme": "0.19.0"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",