@redocly/openapi-docs 3.0.0-alpha.56.patch.8 → 3.0.0-alpha.57

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"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success"})||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-500"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success-500"})||null)}))}const StyledTryItPanel=styled(Panel)`
   ${PanelHeader} {
     border: 1px solid
-      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-heading-border-color)"};
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"};
     padding: 10px;
   }
 
   ${PanelBody} {
     border: 1px solid
-      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-body-border-color)"};
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"};
     border-top: 0;
   }
 `;

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

@@ -8,6 +8,7 @@ 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,7 +41,8 @@ import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../com
   margin-bottom: 10px;
   ${({shaking:o})=>o&&shakeAnimation};
   > div:last-child {
-    border-radius: 0 0 var(--panel-border-radius) var(--panel-border-radius);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
   }
 `;export const ConsoleBody=styled.div`
   flex: 1;
@@ -55,7 +56,26 @@ import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../com
   cursor: pointer;
   font-size: 18px;
   font-weight: bold;
-  color: var(--text-secondary);
+  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);
+  }
 `;export const TryItDropdown=styled(Dropdown)`
   .dropdown-select,
   label {

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

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

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

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

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

@@ -1,12 +1,13 @@
 import styled from"styled-components";export const MimeLabel=styled.div`
   background-color: var(--panel-samples-dropdown-background-color);
-  color: var(--panel-samples-text-color);
+  color: var(---panel-samples-dropdown-color);
   font-family: var(--code-font-family);
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: var(--code-font-size);
+  font-size: 14px;
+  line-height: 16px;
   border: var(--panel-samples-dropdown-border);
-  border-radius: var(--panel-border-radius);
+  border-radius: var(--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);
+  color: var(--color-warning-500);
   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.56.patch.8",
+  "version": "3.0.0-alpha.57",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -15,7 +15,7 @@
     "openapi-docs": "bin.js"
   },
   "peerDependencies": {
-    "@redocly/theme": "0.18.3-patch.8",
+    "@redocly/theme": ">=0.9.4",
     "core-js": "^3.1.4",
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0",
@@ -64,7 +64,6 @@
     "yargs": "^17.3.0"
   },
   "devDependencies": {
-    "@redocly/theme": "0.18.3-patch.8",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",
@@ -117,7 +116,8 @@
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
-    "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist"
+    "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
+    "@redocly/theme": "0.18.4"
   },
   "scripts": {
     "start": "webpack serve --mode=development --hot",