docusaurus-theme-openapi-docs 1.4.4 → 1.4.6

package/lib/theme-openapi.d.ts

@@ -46,3 +46,189 @@ declare module "@docusaurus/plugin-content-docs-types" {
 declare module "docusaurus-theme-openapi-docs" {
   export type ThemeConfig = Partial<import("./types").ThemeConfig>;
 }
+
+declare module "@theme/ApiItem/hooks" {
+  export { useTypedDispatch, useTypedSelector };
+}
+
+declare module "@theme/ApiItem/Layout" {
+  export default function Layout(props: any): JSX.Element;
+}
+
+declare module "@theme/ApiItem/store" {
+  export { AppDispatch, RootState };
+}
+
+declare module "@theme/SchemaTabs" {
+  export default function SchemaTabs(props: any): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Accept" {
+  export default function Accept(): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Accept/slice" {
+  export default accept as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/Authorization" {
+  export default function Authorization(): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Authorization/slice" {
+  export { AuthState, Scheme, setAuthData, setSelectedAuth, createAuth };
+  export default auth as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/Body" {
+  import { Props as BodyProps } from "@theme/ApiDemoPanel/Body";
+
+  export default function Body(props: BodyProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Body/json2xml" {
+  export default function json2xml(any, any?): any;
+}
+
+declare module "@theme/ApiDemoPanel/Body/slice" {
+  import { Body, Content, State } from "@theme/ApiDemoPanel/Body/slice";
+
+  export { Body, Content, State };
+  export function setStringRawBody(any, any?): any;
+  export default body as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/buildPostmanRequest" {
+  export default function buildPostmanRequest(any, any?): any;
+}
+
+declare module "@theme/ApiDemoPanel/CodeTabs" {
+  import { Props as CodeTabsProps } from "@theme/ApiDemoPanel/CodeTabs";
+
+  export default function CodeTabs(props: CodeTabsProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/ContentType" {
+  export default function ContentType(): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/ContentType/slice" {
+  export { setContentType };
+  export default contentType as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/Curl" {
+  import { Props as CurlProps } from "@theme/ApiDemoPanel/Curl";
+
+  export { languageSet, Language } from "@theme/ApiDemoPanel/Curl";
+  export default function Curl(props: CurlProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FloatingButton" {
+  import { Props as FloatingButtonProps } from "@theme/ApiDemoPanel/FloatingButton";
+
+  export default function FloatingButton(
+    props: FloatingButtonProps
+  ): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FormItem" {
+  import { Props as FormItemProps } from "@theme/ApiDemoPanel/FormItem";
+
+  export default function FormItem(props: FormItemProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FormSelect" {
+  import { Props as FormSelectProps } from "@theme/ApiDemoPanel/FormSelect";
+
+  export default function FormSelect(props: FormSelectProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FormTextInput" {
+  import { Props as FormTextInputProps } from "@theme/ApiDemoPanel/FormTextInput";
+
+  export default function FormTextInput(props: FormTextInputProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FormFileUpload" {
+  import { Props as FormFileUploadProps } from "@theme/ApiDemoPanel/FormFileUpload";
+
+  export default function FormFileUpload(
+    props: FormFileUploadProps
+  ): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/FormMultiSelect" {
+  import { Props as FormMultiSelectProps } from "@theme/ApiDemoPanel/FormMultiSelect";
+
+  export default function FormMultiSelect(
+    props: FormMultiSelectProps
+  ): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Execute" {
+  import { Props as ExecuteProps } from "@theme/ApiDemoPanel/Execute";
+
+  export default function Execute(props: ExecuteProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/LiveEditor" {
+  export default function LiveEditor(props: any): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/MethodEndpoint" {
+  import { Props as MethodEndpointProps } from "@theme/ApiDemoPanel/MethodEndpoint";
+
+  export default function MethodEndpoint(
+    props: MethodEndpointProps
+  ): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/ParamOptions" {
+  import { ParamProps } from "@theme/ApiDemoPanel/ParamOptions";
+
+  export default function ParamOptions(props: ParamProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/ParamOptions/slice" {
+  export type { Param };
+  export default params as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/persistanceMiddleware" {
+  export { createPersistanceMiddleware };
+}
+
+declare module "@theme/ApiDemoPanel/Request" {
+  import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
+
+  export interface RequestProps {
+    item: NonNullable<ApiItem>;
+  }
+  export default function Request(props: RequestProps): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Response" {
+  export default function Response(): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Response/slice" {
+  export { setResponse };
+  export default response as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/SecuritySchemes" {
+  export default function SecuritySchemes(props: any): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Server" {
+  export default function Server(): JSX.Element;
+}
+
+declare module "@theme/ApiDemoPanel/Server/slice" {
+  export default server as Reducer<State, AnyAction>;
+}
+
+declare module "@theme/ApiDemoPanel/storage-utils" {
+  export { createStorage, hashArray };
+}

package/lib-next/theme/ApiDemoPanel/Accept/index.js

@@ -6,9 +6,9 @@
  * ========================================================================== */
 
 import React from "react";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import FormItem from "./../FormItem";
-import FormSelect from "./../FormSelect";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { setAccept } from "./slice";
 function Accept() {
   const value = useTypedSelector((state) => state.accept.value);

package/lib-next/theme/ApiDemoPanel/Authorization/index.js

@@ -6,10 +6,10 @@
  * ========================================================================== */
 
 import React from "react";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import FormItem from "../FormItem";
-import FormSelect from "../FormSelect";
-import FormTextInput from "../FormTextInput";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import FormTextInput from "@theme/ApiDemoPanel/FormTextInput";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { setAuthData, setSelectedAuth } from "./slice";
 function Authorization() {
   const data = useTypedSelector((state) => state.auth.data);
@@ -42,7 +42,7 @@ function Authorization() {
                 placeholder="Bearer Token"
                 value={data[a.key].token ?? ""}
                 onChange={(e) => {
-                  const value = e.target.value.trim();
+                  const value = e.target.value;
                   dispatch(
                     setAuthData({
                       scheme: a.key,
@@ -62,7 +62,7 @@ function Authorization() {
                 placeholder="Bearer Token"
                 value={data[a.key].token ?? ""}
                 onChange={(e) => {
-                  const value = e.target.value.trim();
+                  const value = e.target.value;
                   dispatch(
                     setAuthData({
                       scheme: a.key,
@@ -83,7 +83,7 @@ function Authorization() {
                   placeholder="Username"
                   value={data[a.key].username ?? ""}
                   onChange={(e) => {
-                    const value = e.target.value.trim();
+                    const value = e.target.value;
                     dispatch(
                       setAuthData({
                         scheme: a.key,
@@ -100,7 +100,7 @@ function Authorization() {
                   password
                   value={data[a.key].password ?? ""}
                   onChange={(e) => {
-                    const value = e.target.value.trim();
+                    const value = e.target.value;
                     dispatch(
                       setAuthData({
                         scheme: a.key,
@@ -121,7 +121,7 @@ function Authorization() {
                 placeholder={`${a.key}`}
                 value={data[a.key].apiKey ?? ""}
                 onChange={(e) => {
-                  const value = e.target.value.trim();
+                  const value = e.target.value;
                   dispatch(
                     setAuthData({
                       scheme: a.key,

package/lib-next/theme/ApiDemoPanel/Authorization/slice.js

@@ -6,7 +6,7 @@
  * ========================================================================== */
 
 import { createSlice } from "@reduxjs/toolkit";
-import { createStorage, hashArray } from "../storage-utils";
+import { createStorage, hashArray } from "@theme/ApiDemoPanel/storage-utils";
 import { getAuthDataKeys } from "./auth-types";
 
 // The global definitions

package/lib-next/theme/ApiDemoPanel/Body/index.js

@@ -6,19 +6,17 @@
  * ========================================================================== */
 
 import React from "react";
+import json2xml from "@theme/ApiDemoPanel/Body/json2xml";
+import ContentType from "@theme/ApiDemoPanel/ContentType";
+import FormFileUpload from "@theme/ApiDemoPanel/FormFileUpload";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import FormTextInput from "@theme/ApiDemoPanel/FormTextInput";
+import LiveApp from "@theme/ApiDemoPanel/LiveEditor";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
+import SchemaTabs from "@theme/SchemaTabs";
 import TabItem from "@theme/TabItem";
 import format from "xml-formatter";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-// @ts-ignore
-import SchemaTabs from "../../SchemaTabs";
-import ContentType from "../ContentType";
-import FormSelect from "../FormSelect";
-import LiveApp from "../LiveEditor";
-import FormFileUpload from "./../FormFileUpload";
-import FormItem from "./../FormItem";
-import FormTextInput from "./../FormTextInput";
-// @ts-ignore
-import json2xml from "./json2xml";
 import {
   clearFormBodyKey,
   clearRawBody,

package/lib-next/theme/ApiDemoPanel/CodeTabs/index.js

@@ -8,8 +8,8 @@
 import React, { useState, cloneElement, isValidElement } from "react";
 import { duplicates } from "@docusaurus/theme-common";
 import useIsBrowser from "@docusaurus/useIsBrowser";
+import { languageSet } from "@theme/ApiDemoPanel/Curl";
 import clsx from "clsx";
-import { languageSet } from "../Curl";
 import styles from "./styles.module.css";
 const {
   useScrollPositionBlocker,

package/lib-next/theme/ApiDemoPanel/ContentType/index.js

@@ -6,9 +6,9 @@
  * ========================================================================== */
 
 import React from "react";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import FormItem from "./../FormItem";
-import FormSelect from "./../FormSelect";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { setContentType } from "./slice";
 function ContentType() {
   const value = useTypedSelector((state) => state.contentType.value);

package/lib-next/theme/ApiDemoPanel/Curl/index.js

@@ -8,11 +8,11 @@
 import React, { useState, useEffect } from "react";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import codegen from "@paloaltonetworks/postman-code-generators";
+import buildPostmanRequest from "@theme/ApiDemoPanel/buildPostmanRequest";
+import CodeTabs from "@theme/ApiDemoPanel/CodeTabs";
+import { useTypedSelector } from "@theme/ApiItem/hooks";
 import CodeBlock from "@theme/CodeBlock";
 import clsx from "clsx";
-import { useTypedSelector } from "../../ApiItem/hooks";
-import CodeTabs from "../CodeTabs";
-import buildPostmanRequest from "./../buildPostmanRequest";
 import styles from "./styles.module.css";
 export const languageSet = [
   {

package/lib-next/theme/ApiDemoPanel/Execute/index.js

@@ -6,10 +6,10 @@
  * ========================================================================== */
 
 import React from "react";
+import buildPostmanRequest from "@theme/ApiDemoPanel/buildPostmanRequest";
+import { setResponse } from "@theme/ApiDemoPanel/Response/slice";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import Modal from "react-modal";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import { setResponse } from "../Response/slice";
-import buildPostmanRequest from "./../buildPostmanRequest";
 import makeRequest from "./makeRequest";
 function validateRequest(params) {
   for (let paramList of Object.values(params)) {

package/lib-next/theme/ApiDemoPanel/FormFileUpload/index.js

@@ -6,8 +6,8 @@
  * ========================================================================== */
 
 import React, { useState } from "react";
+import FloatingButton from "@theme/ApiDemoPanel/FloatingButton";
 import MagicDropzone from "react-magic-dropzone";
-import FloatingButton from "../FloatingButton";
 import styles from "./styles.module.css";
 function RenderPreview({ file }) {
   switch (file.type) {

package/lib-next/theme/ApiDemoPanel/LiveEditor/index.js

@@ -8,8 +8,8 @@
 import React, { useEffect, useState } from "react";
 import { usePrismTheme } from "@docusaurus/theme-common";
 import useIsBrowser from "@docusaurus/useIsBrowser";
+import { setStringRawBody } from "@theme/ApiDemoPanel/Body/slice";
 import { LiveProvider, LiveEditor, withLive } from "react-live";
-import { setStringRawBody } from "../Body/slice";
 import styles from "./styles.module.css";
 function Live({ onEdit }) {
   const isBrowser = useIsBrowser();

package/lib-next/theme/ApiDemoPanel/ParamOptions/index.js

@@ -7,11 +7,11 @@
 
 import React, { useState, useEffect } from "react";
 import { nanoid } from "@reduxjs/toolkit";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import FormItem from "./../FormItem";
-import FormMultiSelect from "./../FormMultiSelect";
-import FormSelect from "./../FormSelect";
-import FormTextInput from "./../FormTextInput";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormMultiSelect from "@theme/ApiDemoPanel/FormMultiSelect";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import FormTextInput from "@theme/ApiDemoPanel/FormTextInput";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { setParam } from "./slice";
 import styles from "./styles.module.css";
 function ParamOption({ param }) {
@@ -279,7 +279,10 @@ function ParamTextFormItem({ param }) {
         dispatch(
           setParam({
             ...param,
-            value: e.target.value,
+            value:
+              param.in === "path" || param.in === "query"
+                ? e.target.value.replace(/\s/g, "%20")
+                : e.target.value,
           })
         )
       }

package/lib-next/theme/ApiDemoPanel/Request/index.js

@@ -8,13 +8,13 @@
 import React from "react";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import sdk from "@paloaltonetworks/postman-collection";
-import { useTypedSelector } from "../../ApiItem/hooks";
-import Accept from "../Accept";
-import Authorization from "../Authorization";
-import Body from "../Body";
-import Execute from "../Execute";
-import ParamOptions from "../ParamOptions";
-import Server from "../Server";
+import Accept from "@theme/ApiDemoPanel/Accept";
+import Authorization from "@theme/ApiDemoPanel/Authorization";
+import Body from "@theme/ApiDemoPanel/Body";
+import Execute from "@theme/ApiDemoPanel/Execute";
+import ParamOptions from "@theme/ApiDemoPanel/ParamOptions";
+import Server from "@theme/ApiDemoPanel/Server";
+import { useTypedSelector } from "@theme/ApiItem/hooks";
 import styles from "./styles.module.css";
 function Request({ item }) {
   const response = useTypedSelector((state) => state.response.value);

package/lib-next/theme/ApiDemoPanel/Response/index.js

@@ -6,8 +6,8 @@
  * ========================================================================== */
 
 import React from "react";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import CodeBlock from "@theme/CodeBlock";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
 import { clearResponse } from "./slice";
 
 // TODO: We probably shouldn't attempt to format XML...

package/lib-next/theme/ApiDemoPanel/SecuritySchemes/index.js

@@ -7,7 +7,7 @@
 
 import React from "react";
 import Link from "@docusaurus/Link";
-import { useTypedSelector } from "../../ApiItem/hooks";
+import { useTypedSelector } from "@theme/ApiItem/hooks";
 function SecuritySchemes(props) {
   const options = useTypedSelector((state) => state.auth.options);
   const selected = useTypedSelector((state) => state.auth.selected);

package/lib-next/theme/ApiDemoPanel/Server/index.js

@@ -6,11 +6,11 @@
  * ========================================================================== */
 
 import React, { useState } from "react";
-import { useTypedDispatch, useTypedSelector } from "../../ApiItem/hooks";
-import FloatingButton from "../FloatingButton";
-import FormItem from "./../FormItem";
-import FormSelect from "./../FormSelect";
-import FormTextInput from "./../FormTextInput";
+import FloatingButton from "@theme/ApiDemoPanel/FloatingButton";
+import FormItem from "@theme/ApiDemoPanel/FormItem";
+import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import FormTextInput from "@theme/ApiDemoPanel/FormTextInput";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import { setServer, setServerVariable } from "./slice";
 import styles from "./styles.module.css";
 function Server() {

package/lib-next/theme/ApiDemoPanel/index.js

@@ -7,11 +7,11 @@
 
 import React from "react";
 import sdk from "@paloaltonetworks/postman-collection";
-import Curl from "./Curl";
-import MethodEndpoint from "./MethodEndpoint";
-import Request from "./Request";
-import Response from "./Response";
-import SecuritySchemes from "./SecuritySchemes";
+import Curl from "@theme/ApiDemoPanel/Curl";
+import MethodEndpoint from "@theme/ApiDemoPanel/MethodEndpoint";
+import Request from "@theme/ApiDemoPanel/Request";
+import Response from "@theme/ApiDemoPanel/Response";
+import SecuritySchemes from "@theme/ApiDemoPanel/SecuritySchemes";
 function ApiDemoPanel({ item, infoPath }) {
   const postman = new sdk.Request(item.postman);
   const { path, method } = item;

package/lib-next/theme/ApiDemoPanel/persistanceMiddleware.js

@@ -5,7 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 
-import { setAuthData, setSelectedAuth } from "./Authorization/slice";
+import {
+  setAuthData,
+  setSelectedAuth,
+} from "@theme/ApiDemoPanel/Authorization/slice";
 import { createStorage, hashArray } from "./storage-utils";
 export function createPersistanceMiddleware(options) {
   const persistanceMiddleware = (storeAPI) => (next) => (action) => {

package/lib-next/theme/ApiItem/index.js

@@ -11,12 +11,12 @@ import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
 import { HtmlClassNameProvider } from "@docusaurus/theme-common";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useIsBrowser from "@docusaurus/useIsBrowser";
+import { createAuth } from "@theme/ApiDemoPanel/Authorization/slice";
+import { createPersistanceMiddleware } from "@theme/ApiDemoPanel/persistanceMiddleware";
+import DocItemLayout from "@theme/ApiItem/Layout";
 import DocItemMetadata from "@theme/DocItem/Metadata";
 import clsx from "clsx";
 import { Provider } from "react-redux";
-import { createAuth } from "../ApiDemoPanel/Authorization/slice";
-import { createPersistanceMiddleware } from "../ApiDemoPanel/persistanceMiddleware";
-import DocItemLayout from "./Layout";
 import { createStoreWithoutState, createStoreWithState } from "./store";
 const { DocProvider } = require("@docusaurus/theme-common/internal");
 let ApiDemoPanel = (_) => <div />;

package/lib-next/theme/ApiItem/store.js

@@ -6,13 +6,13 @@
  * ========================================================================== */
 
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
-import accept from "../ApiDemoPanel/Accept/slice";
-import auth from "../ApiDemoPanel/Authorization/slice";
-import body from "../ApiDemoPanel/Body/slice";
-import contentType from "../ApiDemoPanel/ContentType/slice";
-import params from "../ApiDemoPanel/ParamOptions/slice";
-import response from "../ApiDemoPanel/Response/slice";
-import server from "../ApiDemoPanel/Server/slice";
+import accept from "@theme/ApiDemoPanel/Accept/slice";
+import auth from "@theme/ApiDemoPanel/Authorization/slice";
+import body from "@theme/ApiDemoPanel/Body/slice";
+import contentType from "@theme/ApiDemoPanel/ContentType/slice";
+import params from "@theme/ApiDemoPanel/ParamOptions/slice";
+import response from "@theme/ApiDemoPanel/Response/slice";
+import server from "@theme/ApiDemoPanel/Server/slice";
 const rootReducer = combineReducers({
   accept,
   contentType,

package/lib-next/theme/DiscriminatorTabs/styles.module.css

@@ -12,14 +12,19 @@
   height: 1.8rem;
   margin-top: 0 !important;
   margin-right: 0.5rem;
-  border: 1px solid var(--openapi-code-dim-dark);
+  border: 1px solid var(--ifm-color-primary);
   border-radius: var(--ifm-global-radius);
-  color: var(--openapi-code-dim-dark);
+  color: var(--ifm-color-primary);
   font-size: 12px;
 }
 
+.tabItem:not(.discriminatorTabActive) {
+  opacity: 0.65;
+}
+
 .tabItem:hover {
-  color: var(--ifm-color-emphasis-500) !important;
+  opacity: 1;
+  background-color: var(--ifm-color-emphasis-100);
 }
 
 .tabItem:last-child {
@@ -59,8 +64,7 @@
 }
 
 .tabItem.discriminatorTabActive {
-  border: 1px solid var(--ifm-color-primary);
-  color: var(--ifm-color-primary);
+  background-color: var(--ifm-color-emphasis-100);
 }
 
 .discriminatorTabLabel {

package/lib-next/theme/MimeTabs/index.js

@@ -16,20 +16,18 @@ import React, {
 
 import { duplicates } from "@docusaurus/theme-common";
 import useIsBrowser from "@docusaurus/useIsBrowser";
+import { setAccept } from "@theme/ApiDemoPanel/Accept/slice";
+import { setContentType } from "@theme/ApiDemoPanel/ContentType/slice";
+import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import clsx from "clsx";
 
-import { setAccept } from "../ApiDemoPanel/Accept/slice";
-import { setContentType } from "../ApiDemoPanel/ContentType/slice";
-import { useTypedDispatch, useTypedSelector } from "../ApiItem/hooks";
-import styles from "./styles.module.css"; // A very rough duck type, but good enough to guard against mistakes while
+import styles from "./styles.module.css";
 
 const {
   useScrollPositionBlocker,
   useTabGroupChoice,
 } = require("@docusaurus/theme-common/internal");
 
-// allowing customization
-
 function isTabItem(comp) {
   return typeof comp.props.value !== "undefined";
 }

package/lib-next/theme/ParamsItem/index.js

@@ -8,12 +8,18 @@
 import React from "react";
 
 import CodeBlock from "@theme/CodeBlock";
+/* eslint-disable import/no-extraneous-dependencies*/
+import { createDescription } from "docusaurus-theme-openapi-docs/src/markdown/createDescription";
+/* eslint-disable import/no-extraneous-dependencies*/
+import {
+  getQualifierMessage,
+  getSchemaName,
+} from "docusaurus-theme-openapi-docs/src/markdown/schema";
+/* eslint-disable import/no-extraneous-dependencies*/
+import { guard } from "docusaurus-theme-openapi-docs/src/markdown/utils";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 
-import { createDescription } from "../../markdown/createDescription";
-import { getQualifierMessage, getSchemaName } from "../../markdown/schema";
-import { guard } from "../../markdown/utils";
 import styles from "./styles.module.css";
 
 function ParamsItem({

package/lib-next/theme/SchemaItem/index.js

@@ -8,11 +8,13 @@
 import React from "react";
 
 import CodeBlock from "@theme/CodeBlock";
+/* eslint-disable import/no-extraneous-dependencies*/
+import { createDescription } from "docusaurus-theme-openapi-docs/src/markdown/createDescription";
+/* eslint-disable import/no-extraneous-dependencies*/
+import { guard } from "docusaurus-theme-openapi-docs/src/markdown/utils";
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 
-import { createDescription } from "../../markdown/createDescription";
-import { guard } from "../../markdown/utils";
 import styles from "./styles.module.css";
 
 function SchemaItem({

package/lib-next/theme/styles.css

@@ -14,6 +14,7 @@
   --openapi-card-background-color: var(--ifm-color-gray-100);
   --openapi-card-border-radius: var(--ifm-pre-border-radius);
   --openapi-input-border: var(--ifm-color-primary);
+  --openapi-input-background: var(--openapi-card-background-color);
 }
 
 [data-theme="dark"] {