docusaurus-theme-openapi-docs 2.0.0-beta.3 → 2.0.0-beta.4

package/lib/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/lib/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/lib/theme/{ApiDemoPanel → ApiExplorer}/Accept/index.js

@@ -12,8 +12,8 @@ var __importDefault =
   };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-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 hooks_1 = require("@theme/ApiItem/hooks");
 const slice_1 = require("./slice");
 function Accept() {

package/lib/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/lib/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/lib/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>
   );
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/Content/String.js

@@ -15,11 +15,11 @@ import {
   containsLineNumbers,
   useCodeWordWrap,
 } from "@docusaurus/theme-common/internal";
-import Container from "@theme/ApiDemoPanel/ApiCodeBlock/Container";
-import CopyButton from "@theme/ApiDemoPanel/ApiCodeBlock/CopyButton";
-import ExpandButton from "@theme/ApiDemoPanel/ApiCodeBlock/ExpandButton";
-import Line from "@theme/ApiDemoPanel/ApiCodeBlock/Line";
-import WordWrapButton from "@theme/ApiDemoPanel/ApiCodeBlock/WordWrapButton";
+import Container from "@theme/ApiExplorer/ApiCodeBlock/Container";
+import CopyButton from "@theme/ApiExplorer/ApiCodeBlock/CopyButton";
+import ExpandButton from "@theme/ApiExplorer/ApiCodeBlock/ExpandButton";
+import Line from "@theme/ApiExplorer/ApiCodeBlock/Line";
+import WordWrapButton from "@theme/ApiExplorer/ApiCodeBlock/WordWrapButton";
 import clsx from "clsx";
 import Highlight, { defaultProps } from "prism-react-renderer";
 
@@ -60,8 +60,10 @@ export default function CodeBlockString({
           `language-${language}`
       )}
     >
-      {title && <div className="openapi-demo__code-block-title">{title}</div>}
-      <div className="openapi-demo__code-block-content">
+      {title && (
+        <div className="openapi-explorer__code-block-title">{title}</div>
+      )}
+      <div className="openapi-explorer__code-block-content">
         <Highlight
           {...defaultProps}
           theme={prismTheme}
@@ -75,14 +77,15 @@ export default function CodeBlockString({
               ref={wordWrap.codeBlockRef}
               className={clsx(
                 className,
-                "openapi-demo__code-block",
+                "openapi-explorer__code-block",
                 "thin-scrollbar"
               )}
             >
               <code
                 className={clsx(
-                  "openapi-demo__code-block-lines",
-                  showLineNumbers && "openapi-demo__code-block-lines-numbering"
+                  "openapi-explorer__code-block-lines",
+                  showLineNumbers &&
+                    "openapi-explorer__code-block-lines-numbering"
                 )}
               >
                 {tokens.map((line, i) => (
@@ -99,22 +102,22 @@ export default function CodeBlockString({
             </pre>
           )}
         </Highlight>
-        <div className="openapi-demo__code-block-btn-group">
+        <div className="openapi-explorer__code-block-btn-group">
           {(wordWrap.isEnabled || wordWrap.isCodeScrollable) && (
             <WordWrapButton
-              className="openapi-demo__code-block-code-btn"
+              className="openapi-explorer__code-block-code-btn"
               onClick={() => wordWrap.toggle()}
               isEnabled={wordWrap.isEnabled}
             />
           )}
           <CopyButton
-            className="openapi-demo__code-block-code-btn"
+            className="openapi-explorer__code-block-code-btn"
             code={code}
           />
           <ExpandButton
             className={clsx(
-              "openapi-demo__code-block-code-btn",
-              "openapi-demo__expand-btn"
+              "openapi-explorer__code-block-code-btn",
+              "openapi-explorer__expand-btn"
             )}
             code={code}
             language={language}

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/Content/_Content.scss

@@ -1,4 +1,4 @@
-.openapi-demo__code-block-content {
+.openapi-explorer__code-block-content {
   height: 100%;
   position: relative;
   /* rtl:ignore */
@@ -6,7 +6,7 @@
   border-radius: inherit;
 }
 
-.openapi-demo__code-block-title {
+.openapi-explorer__code-block-title {
   border-bottom: 1px solid var(--ifm-color-emphasis-300);
   font-size: var(--ifm-code-font-size);
   font-weight: 500;
@@ -15,7 +15,7 @@
   border-top-right-radius: inherit;
 }
 
-.openapi-demo__code-block {
+.openapi-explorer__code-block {
   height: 100%;
   border-radius: var(--ifm-global-radius);
   --ifm-pre-background: var(--prism-background-color);
@@ -23,18 +23,18 @@
   padding: 0;
 }
 
-.openapi-demo__code-block-title
-  + .openapi-demo__code-block-content
-  .openapi-demo__code-block {
+.openapi-explorer__code-block-title
+  + .openapi-explorer__code-block-content
+  .openapi-explorer__code-block {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 
-.openapi-demo__code-block-standalone {
+.openapi-explorer__code-block-standalone {
   padding: 0;
 }
 
-.openapi-demo__code-block-lines {
+.openapi-explorer__code-block-lines {
   font: inherit;
   /* rtl:ignore */
   float: left;
@@ -42,19 +42,19 @@
   padding: var(--ifm-pre-padding);
 }
 
-.openapi-demo__code-block-lines-numbering {
+.openapi-explorer__code-block-lines-numbering {
   // This causes max-height to unset
   // display: table;
   padding: var(--ifm-pre-padding) 0;
 }
 
 @media print {
-  .openapi-demo__code-block-lines {
+  .openapi-explorer__code-block-lines {
     white-space: pre-wrap;
   }
 }
 
-.openapi-demo__code-block-btn-group {
+.openapi-explorer__code-block-btn-group {
   display: flex;
   column-gap: 0.2rem;
   position: absolute;
@@ -62,7 +62,7 @@
   top: calc(var(--ifm-pre-padding) / 2);
 }
 
-.openapi-demo__code-block-btn-group button {
+.openapi-explorer__code-block-btn-group button {
   display: flex;
   align-items: center;
   background: var(--prism-background-color);
@@ -75,17 +75,17 @@
   opacity: 0;
 }
 
-.openapi-demo__code-block-btn-group button:focus-visible,
-.openapi-demo__code-block-btn-group button:hover {
+.openapi-explorer__code-block-btn-group button:focus-visible,
+.openapi-explorer__code-block-btn-group button:hover {
   opacity: 1 !important;
 }
 
-.theme-code-block:hover .openapi-demo__code-block-btn-group button {
+.theme-code-block:hover .openapi-explorer__code-block-btn-group button {
   opacity: 0.4;
 }
 
 @media screen and (max-width: 996px) {
-  .openapi-demo__expand-btn {
+  .openapi-explorer__expand-btn {
     display: none !important;
   }
 }

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/CopyButton/_CopyButton.scss

@@ -1,17 +1,17 @@
 .theme-code-block:hover {
-  .openapi-demo__code-block-copy-btn--copied {
+  .openapi-explorer__code-block-copy-btn--copied {
     opacity: 1 !important;
   }
 }
 
-.openapi-demo__code-block-copy-btn-icons {
+.openapi-explorer__code-block-copy-btn-icons {
   position: relative;
   width: 1.125rem;
   height: 1.125rem;
 }
 
-.openapi-demo__code-block-copy-btn-icon,
-.openapi-demo__code-block-copy-btn-icon--success {
+.openapi-explorer__code-block-copy-btn-icon,
+.openapi-explorer__code-block-copy-btn-icon--success {
   position: absolute;
   top: 0;
   left: 0;
@@ -22,7 +22,7 @@
   transition: all 0.15s ease;
 }
 
-.openapi-demo__code-block-copy-btn-icon--success {
+.openapi-explorer__code-block-copy-btn-icon--success {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0.33);
@@ -30,13 +30,13 @@
   color: #00d600;
 }
 
-.openapi-demo__code-block-copy-btn--copied {
-  .openapi-demo__code-block-copy-btn-icon {
+.openapi-explorer__code-block-copy-btn--copied {
+  .openapi-explorer__code-block-copy-btn-icon {
     transform: scale(0.33);
     opacity: 0;
   }
 
-  .openapi-demo__code-block-copy-btn-icon--success {
+  .openapi-explorer__code-block-copy-btn-icon--success {
     transform: translate(-50%, -50%) scale(1);
     opacity: 1;
     transition-delay: 0.075s;

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

@@ -47,23 +47,23 @@ export default function CopyButton({ code, className }) {
       className={clsx(
         "clean-btn",
         className,
-        "openapi-demo__code-block-copy-btn",
-        isCopied && "openapi-demo__code-block-copy-btn--copied"
+        "openapi-explorer__code-block-copy-btn",
+        isCopied && "openapi-explorer__code-block-copy-btn--copied"
       )}
       onClick={handleCopyCode}
     >
       <span
-        className="openapi-demo__code-block-copy-btn-icons"
+        className="openapi-explorer__code-block-copy-btn-icons"
         aria-hidden="true"
       >
         <svg
-          className="openapi-demo__code-block-copy-btn-icon"
+          className="openapi-explorer__code-block-copy-btn-icon"
           viewBox="0 0 24 24"
         >
           <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" />
         </svg>
         <svg
-          className="openapi-demo__code-block-copy-btn-icon--success"
+          className="openapi-explorer__code-block-copy-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" />

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/ExitButton/_ExitButton.scss

@@ -1,10 +1,10 @@
-.openapi-demo__code-block-exit-btn-icons {
+.openapi-explorer__code-block-exit-btn-icons {
   position: relative;
   width: 1.125rem;
   height: 1.125rem;
 }
 
-.openapi-demo__code-block-exit-btn-icon {
+.openapi-explorer__code-block-exit-btn-icon {
   position: absolute;
   top: 0;
   left: 0;

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

@@ -26,17 +26,17 @@ export default function ExitButton({ className, handler }) {
       })}
       className={clsx(
         "clean-btn",
-        "openapi-demo__code-block-exit-btn",
+        "openapi-explorer__code-block-exit-btn",
         className
       )}
       onClick={handler}
     >
       <span
-        className="openapi-demo__code-block-exit-btn-icons"
+        className="openapi-explorer__code-block-exit-btn-icons"
         aria-hidden="true"
       >
         <svg
-          className="openapi-demo__code-block-exit-btn-icon"
+          className="openapi-explorer__code-block-exit-btn-icon"
           viewBox="0 0 384 512"
         >
           <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" />

package/lib/theme/{ApiDemoPanel → ApiExplorer}/ApiCodeBlock/ExpandButton/_ExpandButton.scss

@@ -1,4 +1,4 @@
-.openapi-demo__expand-modal-content {
+.openapi-explorer__expand-modal-content {
   padding: none;
   border: thin solid var(--ifm-toc-border-color);
   border-radius: var(--ifm-global-radius);
@@ -8,7 +8,7 @@
   overflow: auto;
 }
 
-.openapi-demo__expand-modal-overlay {
+.openapi-explorer__expand-modal-overlay {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -18,18 +18,18 @@
   z-index: 201;
 }
 
-.theme-code-block:hover .openapi-demo__code-block-expand-btn--copied {
+.theme-code-block:hover .openapi-explorer__code-block-expand-btn--copied {
   opacity: 1 !important;
 }
 
-.openapi-demo__code-block-expand-btn-icons {
+.openapi-explorer__code-block-expand-btn-icons {
   position: relative;
   width: 1.125rem;
   height: 1.125rem;
 }
 
-.openapi-demo__code-block-expand-btn-icon,
-.openapi-demo__code-block-expand-btn-icon--success {
+.openapi-explorer__code-block-expand-btn-icon,
+.openapi-explorer__code-block-expand-btn-icon--success {
   position: absolute;
   top: 0;
   left: 0;
@@ -40,7 +40,7 @@
   transition: all 0.15s ease;
 }
 
-.openapi-demo__code-block-expand-btn-icon--success {
+.openapi-explorer__code-block-expand-btn-icon--success {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0.33);
@@ -48,14 +48,14 @@
   color: #00d600;
 }
 
-.openapi-demo__code-block-expand-btn--copied
-  .openapi-demo__code-block-expand-btn-icon {
+.openapi-explorer__code-block-expand-btn--copied
+  .openapi-explorer__code-block-expand-btn-icon {
   transform: scale(0.33);
   opacity: 0;
 }
 
-.openapi-demo__code-block-expand-btn--copied
-  .openapi-demo__code-block-expand-btn-icon--success {
+.openapi-explorer__code-block-expand-btn--copied
+  .openapi-explorer__code-block-expand-btn-icon--success {
   transform: translate(-50%, -50%) scale(1);
   opacity: 1;
   transition-delay: 0.075s;