docusaurus-theme-openapi-docs 0.0.0-beta.659 → 0.0.0-beta.660

package/lib/theme/{ApiDemoPanel → ApiExplorer}/Response/_Response.scss

@@ -1,7 +1,7 @@
-.openapi-demo__response-container {
+.openapi-explorer__response-container {
   background-color: var(--ifm-pre-background);
   border-radius: var(--openapi-card-border-radius);
-  border: 1px solid var(--openapi-demo-border-color);
+  border: 1px solid var(--openapi-explorer-border-color);
   box-shadow: 0 2px 3px hsla(222, 8%, 43%, 0.1),
     0 8px 16px -10px hsla(222, 8%, 43%, 0.2);
   color: var(--ifm-pre-color);
@@ -17,15 +17,15 @@
       0 16px 16px -10px hsla(222, 8%, 43%, 0.2);
   }
 
-  .openapi-demo__code-block code {
+  .openapi-explorer__code-block code {
     padding-top: 0;
   }
 }
 
-.openapi-demo__response-title-container {
+.openapi-explorer__response-title-container {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid var(--openapi-demo-border-color);
+  border-bottom: 1px solid var(--openapi-explorer-border-color);
   margin: 0;
   padding: 0.75rem var(--ifm-pre-padding);
   text-transform: uppercase;
@@ -33,20 +33,20 @@
   font-weight: bold;
 }
 
-.openapi-demo__response-placeholder-message {
+.openapi-explorer__response-placeholder-message {
   font-size: 12px;
   padding: 1.25rem;
   margin-bottom: 0;
   text-align: center;
 }
 
-.openapi-demo__response-clear-btn {
+.openapi-explorer__response-clear-btn {
   &:hover {
     cursor: pointer;
   }
 }
 
-.openapi-demo__loading-container {
+.openapi-explorer__loading-container {
   width: 100%;
   display: flex;
   justify-content: center;

package/lib/theme/{ApiDemoPanel → ApiExplorer}/Response/index.js

@@ -16,7 +16,7 @@ const theme_common_1 = require("@docusaurus/theme-common");
 const internal_1 = require("@docusaurus/theme-common/internal");
 const react_2 = require("@nextui-org/react");
 const ApiCodeBlock_1 = __importDefault(
-  require("@theme/ApiDemoPanel/ApiCodeBlock")
+  require("@theme/ApiExplorer/ApiCodeBlock")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
@@ -76,19 +76,19 @@ function Response({ item }) {
   }
   return react_1.default.createElement(
     "div",
-    { className: "openapi-demo__response-container" },
+    { className: "openapi-explorer__response-container" },
     react_1.default.createElement(
       "div",
-      { className: "openapi-demo__response-title-container" },
+      { className: "openapi-explorer__response-title-container" },
       react_1.default.createElement(
         "span",
-        { className: "openapi-demo__response-title" },
+        { className: "openapi-explorer__response-title" },
         "Response"
       ),
       react_1.default.createElement(
         "span",
         {
-          className: "openapi-demo__response-clear-btn",
+          className: "openapi-explorer__response-clear-btn",
           onClick: () => {
             dispatch((0, slice_1.clearResponse)());
             dispatch((0, slice_1.clearCode)());
@@ -131,13 +131,16 @@ function Response({ item }) {
                 ApiCodeBlock_1.default,
                 {
                   className:
-                    "openapi-demo__code-block openapi-response__status-code",
+                    "openapi-explorer__code-block openapi-response__status-code",
                   language: response.startsWith("<") ? `xml` : `json`,
                 },
                 prettyResponse ||
                   react_1.default.createElement(
                     "p",
-                    { className: "openapi-demo__response-placeholder-message" },
+                    {
+                      className:
+                        "openapi-explorer__response-placeholder-message",
+                    },
                     "Click the ",
                     react_1.default.createElement(
                       "code",
@@ -155,7 +158,7 @@ function Response({ item }) {
                 ApiCodeBlock_1.default,
                 {
                   className:
-                    "openapi-demo__code-block openapi-response__status-headers",
+                    "openapi-explorer__code-block openapi-response__status-headers",
                   language: response.startsWith("<") ? `xml` : `json`,
                 },
                 JSON.stringify(headers, undefined, 2)
@@ -165,12 +168,12 @@ function Response({ item }) {
         : prettyResponse === "Fetching..."
         ? react_1.default.createElement(
             "div",
-            { className: "openapi-demo__loading-container" },
+            { className: "openapi-explorer__loading-container" },
             react_1.default.createElement(react_2.Loading, { color: "success" })
           )
         : react_1.default.createElement(
             "p",
-            { className: "openapi-demo__response-placeholder-message" },
+            { className: "openapi-explorer__response-placeholder-message" },
             "Click the ",
             react_1.default.createElement("code", null, "Send API Request"),
             " button above and see the response here!"

package/lib/theme/{ApiDemoPanel → ApiExplorer}/Server/_Server.scss

@@ -1,4 +1,4 @@
-.openapi-demo__server-container {
+.openapi-explorer__server-container {
   background: var(--openapi-card-background-color);
   border-radius: var(--openapi-card-border-radius);
   color: var(--ifm-pre-color);
@@ -15,12 +15,12 @@
   }
 }
 
-.openapi-demo__server-url {
-  font-size: var(--openapi-demo-font-size-input);
+.openapi-explorer__server-url {
+  font-size: var(--openapi-explorer-font-size-input);
   font-family: var(--ifm-font-family-monospace);
 }
 
-.openapi-demo__server-description {
+.openapi-explorer__server-description {
   padding-left: 0.5rem;
   font-weight: var(--ifm-font-weight-bold);
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/Server/index.js

@@ -57,12 +57,12 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const FloatingButton_1 = __importDefault(
-  require("@theme/ApiDemoPanel/FloatingButton")
+  require("@theme/ApiExplorer/FloatingButton")
 );
-const FormItem_1 = __importDefault(require("@theme/ApiDemoPanel/FormItem"));
-const FormSelect_1 = __importDefault(require("@theme/ApiDemoPanel/FormSelect"));
+const FormItem_1 = __importDefault(require("@theme/ApiExplorer/FormItem"));
+const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
 const FormTextInput_1 = __importDefault(
-  require("@theme/ApiDemoPanel/FormTextInput")
+  require("@theme/ApiExplorer/FormTextInput")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
 const slice_1 = require("./slice");
@@ -112,7 +112,7 @@ function Server() {
         null,
         react_1.default.createElement(
           "span",
-          { className: "openapi-demo__server-url", title: url },
+          { className: "openapi-explorer__server-url", title: url },
           url
         )
       )
@@ -120,7 +120,7 @@ function Server() {
   }
   return react_1.default.createElement(
     "div",
-    { className: "openapi-demo__server-container" },
+    { className: "openapi-explorer__server-container" },
     react_1.default.createElement(
       FloatingButton_1.default,
       { onClick: () => setIsEditing(false), label: "Hide" },
@@ -142,7 +142,7 @@ function Server() {
         }),
         react_1.default.createElement(
           "small",
-          { className: "openapi-demo__server-description" },
+          { className: "openapi-explorer__server-description" },
           value?.description
         )
       ),

package/lib/theme/{ApiDemoPanel → ApiExplorer}/buildPostmanRequest.d.ts

@@ -1,6 +1,6 @@
 import sdk from "@paloaltonetworks/postman-collection";
-import { AuthState } from "@theme/ApiDemoPanel/Authorization/slice";
-import { Body } from "@theme/ApiDemoPanel/Body/slice";
+import { AuthState } from "@theme/ApiExplorer/Authorization/slice";
+import { Body } from "@theme/ApiExplorer/Body/slice";
 import { ParameterObject, ServerObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 declare type Param = {
     value?: string | string[];

package/lib/theme/{ApiDemoPanel → ApiExplorer}/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ApiItem } from "docusaurus-plugin-openapi-docs/src/types";
-declare function ApiDemoPanel({ item, infoPath, }: {
+declare function ApiExplorer({ item, infoPath, }: {
     item: NonNullable<ApiItem>;
     infoPath: string;
 }): JSX.Element;
-export default ApiDemoPanel;
+export default ApiExplorer;

package/lib/theme/{ApiDemoPanel → ApiExplorer}/index.js

@@ -15,15 +15,17 @@ const react_1 = __importDefault(require("react"));
 const postman_collection_1 = __importDefault(
   require("@paloaltonetworks/postman-collection")
 );
-const Curl_1 = __importDefault(require("@theme/ApiDemoPanel/Curl"));
-const Request_1 = __importDefault(require("@theme/ApiDemoPanel/Request"));
-const Response_1 = __importDefault(require("@theme/ApiDemoPanel/Response"));
-function ApiDemoPanel({ item, infoPath }) {
+const CodeSnippets_1 = __importDefault(
+  require("@theme/ApiExplorer/CodeSnippets")
+);
+const Request_1 = __importDefault(require("@theme/ApiExplorer/Request"));
+const Response_1 = __importDefault(require("@theme/ApiExplorer/Response"));
+function ApiExplorer({ item, infoPath }) {
   const postman = new postman_collection_1.default.Request(item.postman);
   return react_1.default.createElement(
     react_1.default.Fragment,
     null,
-    react_1.default.createElement(Curl_1.default, {
+    react_1.default.createElement(CodeSnippets_1.default, {
       postman: postman,
       codeSamples: item["x-code-samples"] ?? [],
     }),
@@ -31,4 +33,4 @@ function ApiDemoPanel({ item, infoPath }) {
     react_1.default.createElement(Response_1.default, { item: item })
   );
 }
-exports.default = ApiDemoPanel;
+exports.default = ApiExplorer;

package/lib/theme/{ApiDemoPanel → ApiExplorer}/persistanceMiddleware.js

@@ -7,7 +7,7 @@
  * ========================================================================== */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createPersistanceMiddleware = void 0;
-const slice_1 = require("@theme/ApiDemoPanel/Authorization/slice");
+const slice_1 = require("@theme/ApiExplorer/Authorization/slice");
 const storage_utils_1 = require("./storage-utils");
 function createPersistanceMiddleware(options) {
   const persistanceMiddleware = (storeAPI) => (next) => (action) => {

package/lib/theme/ApiItem/index.js

@@ -21,17 +21,17 @@ const useDocusaurusContext_1 = __importDefault(
   require("@docusaurus/useDocusaurusContext")
 );
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
-const slice_1 = require("@theme/ApiDemoPanel/Authorization/slice");
-const persistanceMiddleware_1 = require("@theme/ApiDemoPanel/persistanceMiddleware");
+const slice_1 = require("@theme/ApiExplorer/Authorization/slice");
+const persistanceMiddleware_1 = require("@theme/ApiExplorer/persistanceMiddleware");
 const Layout_1 = __importDefault(require("@theme/ApiItem/Layout"));
 const Metadata_1 = __importDefault(require("@theme/DocItem/Metadata"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_redux_1 = require("react-redux");
 const store_1 = require("./store");
 const { DocProvider } = require("@docusaurus/theme-common/internal");
-let ApiDemoPanel = (_) => react_1.default.createElement("div", null);
+let ApiExplorer = (_) => react_1.default.createElement("div", null);
 if (ExecutionEnvironment_1.default.canUseDOM) {
-  ApiDemoPanel = require("@theme/ApiDemoPanel").default;
+  ApiExplorer = require("@theme/ApiExplorer").default;
 }
 function ApiItem(props) {
   const docHtmlClassName = `docs-doc-id-${props.content.metadata.unversionedId}`;
@@ -144,7 +144,7 @@ function ApiItem(props) {
                     ),
                   },
                   () => {
-                    return react_1.default.createElement(ApiDemoPanel, {
+                    return react_1.default.createElement(ApiExplorer, {
                       item: api,
                       infoPath: infoPath,
                     });

package/lib/theme/ApiItem/store.js

@@ -13,19 +13,19 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createStoreWithoutState = exports.createStoreWithState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
-const slice_1 = __importDefault(require("@theme/ApiDemoPanel/Accept/slice"));
+const slice_1 = __importDefault(require("@theme/ApiExplorer/Accept/slice"));
 const slice_2 = __importDefault(
-  require("@theme/ApiDemoPanel/Authorization/slice")
+  require("@theme/ApiExplorer/Authorization/slice")
 );
-const slice_3 = __importDefault(require("@theme/ApiDemoPanel/Body/slice"));
+const slice_3 = __importDefault(require("@theme/ApiExplorer/Body/slice"));
 const slice_4 = __importDefault(
-  require("@theme/ApiDemoPanel/ContentType/slice")
+  require("@theme/ApiExplorer/ContentType/slice")
 );
 const slice_5 = __importDefault(
-  require("@theme/ApiDemoPanel/ParamOptions/slice")
+  require("@theme/ApiExplorer/ParamOptions/slice")
 );
-const slice_6 = __importDefault(require("@theme/ApiDemoPanel/Response/slice"));
-const slice_7 = __importDefault(require("@theme/ApiDemoPanel/Server/slice"));
+const slice_6 = __importDefault(require("@theme/ApiExplorer/Response/slice"));
+const slice_7 = __importDefault(require("@theme/ApiExplorer/Server/slice"));
 const rootReducer = (0, toolkit_1.combineReducers)({
   accept: slice_1.default,
   contentType: slice_4.default,

package/lib/theme/MimeTabs/index.js

@@ -12,8 +12,8 @@ import {
   useTabs,
 } from "@docusaurus/theme-common/internal";
 import useIsBrowser from "@docusaurus/useIsBrowser";
-import { setAccept } from "@theme/ApiDemoPanel/Accept/slice";
-import { setContentType } from "@theme/ApiDemoPanel/ContentType/slice";
+import { setAccept } from "@theme/ApiExplorer/Accept/slice";
+import { setContentType } from "@theme/ApiExplorer/ContentType/slice";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 import clsx from "clsx";
 

package/lib/theme/styles.scss

@@ -5,28 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 /* API Demo Panel */
-@use "./ApiDemoPanel/CodeTabs/CodeTabs";
-@use "./ApiDemoPanel/FloatingButton/FloatingButton";
-@use "./ApiDemoPanel/FormFileUpload/FormFileUpload";
-@use "./ApiDemoPanel/FormItem/FormItem";
-@use "./ApiDemoPanel/FormMultiSelect/FormMultiSelect";
-@use "./ApiDemoPanel/FormSelect/FormSelect";
-@use "./ApiDemoPanel/FormTextInput/FormTextInput";
-@use "./ApiDemoPanel/LiveEditor/LiveEditor";
-@use "./ApiDemoPanel/MethodEndpoint/MethodEndpoint";
-@use "./ApiDemoPanel/ParamOptions/ParamOptions";
-@use "./ApiDemoPanel/Request/Request";
-@use "./ApiDemoPanel/Response/Response";
-@use "./ApiDemoPanel/Server/Server";
+@use "./ApiExplorer/CodeTabs/CodeTabs";
+@use "./ApiExplorer/FloatingButton/FloatingButton";
+@use "./ApiExplorer/FormFileUpload/FormFileUpload";
+@use "./ApiExplorer/FormItem/FormItem";
+@use "./ApiExplorer/FormMultiSelect/FormMultiSelect";
+@use "./ApiExplorer/FormSelect/FormSelect";
+@use "./ApiExplorer/FormTextInput/FormTextInput";
+@use "./ApiExplorer/LiveEditor/LiveEditor";
+@use "./ApiExplorer/MethodEndpoint/MethodEndpoint";
+@use "./ApiExplorer/ParamOptions/ParamOptions";
+@use "./ApiExplorer/Request/Request";
+@use "./ApiExplorer/Response/Response";
+@use "./ApiExplorer/Server/Server";
 
 /* Api Demo Panel / ApiCodeBlock */
-@use "./ApiDemoPanel/ApiCodeBlock/Container/Container";
-@use "./ApiDemoPanel/ApiCodeBlock/Content/Content";
-@use "./ApiDemoPanel/ApiCodeBlock/CopyButton/CopyButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExitButton/ExitButton";
-@use "./ApiDemoPanel/ApiCodeBlock/ExpandButton/ExpandButton";
-@use "./ApiDemoPanel/ApiCodeBlock/Line/Line";
-@use "./ApiDemoPanel/ApiCodeBlock/WordWrapButton/WordWrapButton";
+@use "./ApiExplorer/ApiCodeBlock/Container/Container";
+@use "./ApiExplorer/ApiCodeBlock/Content/Content";
+@use "./ApiExplorer/ApiCodeBlock/CopyButton/CopyButton";
+@use "./ApiExplorer/ApiCodeBlock/ExitButton/ExitButton";
+@use "./ApiExplorer/ApiCodeBlock/ExpandButton/ExpandButton";
+@use "./ApiExplorer/ApiCodeBlock/Line/Line";
+@use "./ApiExplorer/ApiCodeBlock/WordWrapButton/WordWrapButton";
 
 /* Schema Styling */
 @use "./ParamsItem/ParamsItem";
@@ -75,16 +75,16 @@
   --openapi-code-tab-shadow-color-php: rgba(97, 129, 182, 0.25);
   --openapi-code-tab-shadow-color-java: rgba(3, 116, 189, 0.25);
   --opeanpi-code-tab-shadow-color-powershell: rgba(3, 116, 189, 0.25);
-  --openapi-demo-font-size-input: 12px;
-  --openapi-demo-font-size-code: 12px;
-  --openapi-demo-padding-input: 0.5rem;
-  --openapi-demo-border-color: var(--ifm-toc-border-color);
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
+  --openapi-explorer-font-size-input: 12px;
+  --openapi-explorer-font-size-code: 12px;
+  --openapi-explorer-padding-input: 0.5rem;
+  --openapi-explorer-border-color: var(--ifm-toc-border-color);
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
 }
 
 [data-theme="dark"] {
   --openapi-card-background-color: var(--ifm-color-gray-900) !important;
-  --openapi-demo-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
+  --openapi-explorer-caret-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="white"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>') !important;
 }
 
 .docs-wrapper {
@@ -114,7 +114,7 @@
 
 /* Demo panel details */
 
-// .theme-api-markdown .openapi-demo__details > div > div > pre {
+// .theme-api-markdown .openapi-explorer__details > div > div > pre {
 //   border-top-left-radius: 0;
 //   border-top-right-radius: 0;
 // }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "docusaurus-theme-openapi-docs",
   "description": "OpenAPI theme for Docusaurus.",
-  "version": "0.0.0-beta.659",
+  "version": "0.0.0-beta.660",
   "license": "MIT",
   "keywords": [
     "openapi",
@@ -44,7 +44,7 @@
     "clsx": "^1.1.1",
     "copy-text-to-clipboard": "^3.1.0",
     "crypto-js": "^4.1.1",
-    "docusaurus-plugin-openapi-docs": "0.0.0-beta.659",
+    "docusaurus-plugin-openapi-docs": "0.0.0-beta.660",
     "docusaurus-plugin-sass": "^0.2.3",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.20",
@@ -68,5 +68,5 @@
   "engines": {
     "node": ">=14"
   },
-  "gitHead": "0f96640ae82ddcea1b4d63216754103ce042f9ac"
+  "gitHead": "ab105a0abb66443e79dc1331b05b874f362d894f"
 }

package/src/theme/ApiDemoPanel/ApiCodeBlock/ExpandButton/index.js

@@ -67,23 +67,23 @@ export default function ExpandButton({
         className={clsx(
           "clean-btn",
           className,
-          "openapi-demo__code-block-expand-btn",
-          modalIsOpen && "openapi-demo__code-block-expand-btn--copied"
+          "openapi-explorer__code-block-expand-btn",
+          modalIsOpen && "openapi-explorer__code-block-expand-btn--copied"
         )}
         onClick={openModal}
       >
         <span
-          className="openapi-demo__code-block-expand-btn-icons"
+          className="openapi-explorer__code-block-expand-btn-icons"
           aria-hidden="true"
         >
           <svg
-            className="openapi-demo__code-block-expand-btn-icon"
+            className="openapi-explorer__code-block-expand-btn-icon"
             viewBox="0 0 448 512"
           >
             <path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z" />
           </svg>
           <svg
-            className="openapi-demo__code-block-expand-btn-icon--success"
+            className="openapi-explorer__code-block-expand-btn-icon--success"
             viewBox="0 0 24 24"
           >
             <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
@@ -91,8 +91,8 @@ export default function ExpandButton({
         </span>
       </button>
       <Modal
-        className="openapi-demo__expand-modal-content"
-        overlayClassName="openapi-demo__expand-modal-overlay"
+        className="openapi-explorer__expand-modal-content"
+        overlayClassName="openapi-explorer__expand-modal-overlay"
         isOpen={modalIsOpen}
         onRequestClose={closeModal}
         contentLabel="Code Snippet"
@@ -100,16 +100,16 @@ export default function ExpandButton({
         <Container
           as="div"
           className={clsx(
-            "openapi-demo__code-block-container",
+            "openapi-explorer__code-block-container",
             language &&
               !blockClassName.includes(`language-${language}`) &&
               `language-${language}`
           )}
         >
           {title && (
-            <div className="openapi-demo__code-block-title">{title}</div>
+            <div className="openapi-explorer__code-block-title">{title}</div>
           )}
-          <div className="openapi-demo__code-block-content">
+          <div className="openapi-explorer__code-block-content">
             <Highlight
               {...defaultProps}
               theme={prismTheme}
@@ -122,15 +122,15 @@ export default function ExpandButton({
                   tabIndex={0}
                   className={clsx(
                     className,
-                    "openapi-demo__code-block",
+                    "openapi-explorer__code-block",
                     "thin-scrollbar"
                   )}
                 >
                   <code
                     className={clsx(
-                      "openapi-demo__code-block-lines",
+                      "openapi-explorer__code-block-lines",
                       showLineNumbers &&
-                        "openapi-demo__code-block-lines-numbers"
+                        "openapi-explorer__code-block-lines-numbers"
                     )}
                   >
                     {tokens.map((line, i) => (
@@ -147,9 +147,9 @@ export default function ExpandButton({
                 </pre>
               )}
             </Highlight>
-            <div className="openapi-demo__code-block-btn-group">
+            <div className="openapi-explorer__code-block-btn-group">
               <CopyButton
-                className="openapi-demo__code-block-code-btn"
+                className="openapi-explorer__code-block-code-btn"
                 code={code}
               />
               <ExitButton

package/src/theme/ApiDemoPanel/ApiCodeBlock/Line/_Line.scss

@@ -15,12 +15,12 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
   padding: 0 var(--ifm-pre-padding);
 }
 
-.openapi-demo__code-block-code-line {
+.openapi-explorer__code-block-code-line {
   display: table-row;
   counter-increment: line-count;
 }
 
-.openapi-demo__code-block-code-line-number {
+.openapi-explorer__code-block-code-line-number {
   display: table-cell;
   text-align: right;
   width: 1%;
@@ -31,16 +31,16 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
   overflow-wrap: normal;
 }
 
-.openapi-demo__code-block-code-line-number::before {
+.openapi-explorer__code-block-code-line-number::before {
   content: counter(line-count);
   opacity: 0.4;
 }
 
 :global(.theme-code-block-highlighted-line)
-  .openapi-demo__code-block-code-line-number::before {
+  .openapi-explorer__code-block-code-line-number::before {
   opacity: 0.8;
 }
 
-.openapi-demo__code-block-code-line-number {
+.openapi-explorer__code-block-code-line-number {
   padding-right: var(--ifm-pre-padding);
 }

package/src/theme/{ApiDemoPanel → ApiExplorer}/Accept/index.tsx

@@ -7,8 +7,8 @@
 
 import React from "react";
 
-import FormItem from "@theme/ApiDemoPanel/FormItem";
-import FormSelect from "@theme/ApiDemoPanel/FormSelect";
+import FormItem from "@theme/ApiExplorer/FormItem";
+import FormSelect from "@theme/ApiExplorer/FormSelect";
 import { useTypedDispatch, useTypedSelector } from "@theme/ApiItem/hooks";
 
 import { setAccept } from "./slice";

package/src/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/Container/_Container.scss

@@ -1,4 +1,4 @@
-.openapi-demo__code-block-container {
+.openapi-explorer__code-block-container {
   height: 100%;
   background: var(--prism-background-color);
   color: var(--prism-color);

package/src/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/Container/index.js

@@ -20,7 +20,7 @@ export default function CodeBlockContainer({ as: As, ...props }) {
       {...props}
       style={prismCssVariables}
       className={clsx(
-        "openapi-demo__code-block-container",
+        "openapi-explorer__code-block-container",
         props.className,
         ThemeClassNames.common.codeBlock
       )}

package/src/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/Content/Element.js

@@ -7,7 +7,7 @@
 
 import React from "react";
 
-import Container from "@theme/ApiDemoPanel/ApiCodeBlock/Container";
+import Container from "@theme/ApiExplorer/ApiCodeBlock/Container";
 import clsx from "clsx";
 
 // <pre> tags in markdown map to CodeBlocks. They may contain JSX children. When
@@ -19,12 +19,12 @@ export default function CodeBlockJSX({ children, className }) {
       as="pre"
       tabIndex={0}
       className={clsx(
-        "openapi-demo__code-block-standalone",
+        "openapi-explorer__code-block-standalone",
         "thin-scrollbar",
         className
       )}
     >
-      <code className="openapi-demo__code-block-lines">{children}</code>
+      <code className="openapi-explorer__code-block-lines">{children}</code>
     </Container>
   );
 }