@redocly/openapi-docs 3.0.0-alpha.56.patch.2 → 3.0.0-alpha.56.patch.6

package/lib/components/Endpoint/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItButton=exports.ServerUrl=exports.ServerItem=exports.PathWrapper=exports.Path=exports.DescriptionWrapper=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),styled_1=require("../rightPanel/styled");exports.DescriptionWrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItButton=exports.ServerUrl=exports.ServerItem=exports.PathWrapper=exports.Path=exports.DescriptionWrapper=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),TextField_1=require("../common/TextField");exports.DescriptionWrapper=styled_components_1.default.div`
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
@@ -20,7 +20,7 @@
 `,exports.ServerItem=styled_components_1.default.div`
   padding: 5px 0;
 `,exports.ServerUrl=styled_components_1.default.div`
-  ${styled_1.invertedInputStyles};
+  ${(0,TextField_1.getInvertedInputStyles)("try-it")};
   border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
   padding: 7px 12px;
   overflow-wrap: break-word;

package/lib/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/components/rightPanel/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,e,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,t,n)}:function(o,e,r,t){void 0===t&&(t=r),o[t]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&__createBinding(e,o,r);return __setModuleDefault(e,o),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowName=exports.ResponseHeader=exports.TryItDropdown=exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("../common/Dropdown"),shake=styled_components_1.keyframes`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,o,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(o,r);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(e,t,n)}:function(e,o,r,t){void 0===t&&(t=r),e[t]=o[r]}),__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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(o,e,r);return __setModuleDefault(o,e),o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowName=exports.ResponseHeader=exports.TryItDropdown=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("../common/Dropdown"),shake=styled_components_1.keyframes`
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -37,9 +37,9 @@
   z-index: var(--z-index-surface);
   display: flex;
   flex-direction: column;
-  max-height: calc(85vh - ${({scrollYOffset:o})=>o?o():0}px);
+  max-height: calc(85vh - ${({scrollYOffset:e})=>e?e():0}px);
   margin-bottom: 10px;
-  ${({shaking:o})=>o&&shakeAnimation};
+  ${({shaking:e})=>e&&shakeAnimation};
   > div:last-child {
     border-radius: 0 0 var(--panel-border-radius) var(--panel-border-radius);
   }
@@ -47,7 +47,7 @@
   flex: 1;
   padding: var(--panel-samples-body-padding);
   overflow: auto;
-  display: ${({hidden:o})=>o?"none":"flex"};
+  display: ${({hidden:e})=>e?"none":"flex"};
   flex-direction: column;
   position: relative;
   background-color: var(--panel-samples-body-background-color);
@@ -56,25 +56,6 @@
   font-size: 18px;
   font-weight: bold;
   color: var(--text-secondary);
-`,exports.invertedInputStyles=styled_components_1.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-secondary);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-samples-background-color);
-  }
 `,exports.TryItDropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)`
   .dropdown-select,
   label {

package/lib/components/shared/MimeLabel.js

@@ -5,7 +5,7 @@
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: var(--font-size-base);
+  font-size: var(--code-font-size);
   border: var(--panel-samples-dropdown-border);
   border-radius: var(--panel-border-radius);
 `;

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

@@ -1,4 +1,4 @@
-import styled from"styled-components";import{Button}from"@redocly/theme";import{invertedInputStyles}from"../rightPanel/styled";export const DescriptionWrapper=styled.div`
+import styled from"styled-components";import{Button}from"@redocly/theme";import{getInvertedInputStyles}from"../common/TextField";export const DescriptionWrapper=styled.div`
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
@@ -20,7 +20,7 @@ import styled from"styled-components";import{Button}from"@redocly/theme";import{
 `;export const ServerItem=styled.div`
   padding: 5px 0;
 `;export const ServerUrl=styled.div`
-  ${invertedInputStyles};
+  ${getInvertedInputStyles("try-it")};
   border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
   padding: 7px 12px;
   overflow-wrap: break-word;

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

@@ -56,25 +56,6 @@ import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../com
   font-size: 18px;
   font-weight: bold;
   color: var(--text-secondary);
-`;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-secondary);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--panel-samples-background-color);
-  }
 `;export const TryItDropdown=styled(Dropdown)`
   .dropdown-select,
   label {

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

@@ -5,7 +5,7 @@ import styled from"styled-components";export const MimeLabel=styled.div`
   margin-bottom: 0;
   height: 36px;
   padding: var(--docs-dropdown-padding);
-  font-size: var(--font-size-base);
+  font-size: var(--code-font-size);
   border: var(--panel-samples-dropdown-border);
   border-radius: var(--panel-border-radius);
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.56.patch.2",
+  "version": "3.0.0-alpha.56.patch.6",
   "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.2",
+    "@redocly/theme": "0.18.3-patch.6",
     "core-js": "^3.1.4",
     "react": "^16.8.4 || ^17.0.0",
     "react-dom": "^16.8.4 || ^17.0.0",
@@ -64,7 +64,7 @@
     "yargs": "^17.3.0"
   },
   "devDependencies": {
-    "@redocly/theme": "0.18.3-patch.2",
+    "@redocly/theme": "0.18.3-patch.6",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",