docusaurus-theme-openapi-docs 1.4.2 → 1.4.4

package/src/theme/ApiItem/Layout/styles.module.css

@@ -5,18 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-:root {
-  --openapi-required: var(--ifm-color-danger);
-  --openapi-code-blue: var(--ifm-color-info);
-  --openapi-code-red: var(--ifm-color-danger);
-  --openapi-code-orange: var(--ifm-color-warning);
-  --openapi-code-green: var(--ifm-color-success);
-}
-
-:global(.docs-wrapper) {
-  height: 100%;
-}
-
 .docItemContainer header + *,
 .docItemContainer article > *:first-child {
   margin-top: 0;
@@ -27,394 +15,3 @@
     max-width: 75% !important;
   }
 }
-
-.apiItemContainer article > *:first-child,
-.apiItemContainer header + * {
-  margin-top: 0;
-}
-
-:global(.version-button div) {
-  display: block;
-}
-
-:global(.version-button div > button > span::after) {
-  border-color: currentcolor transparent;
-  border-style: solid;
-  border-width: 0.4em 0.4em 0;
-  content: "";
-  margin-left: 0.3em;
-  position: relative;
-  transform: translateY(-50%);
-  display: inline-block;
-  font-size: 0.8rem;
-  top: 1px;
-}
-
-/* default markdown margins look really silly in a table */
-:global(.theme-api-markdown table *:last-child) {
-  margin-bottom: 0;
-}
-
-:global(.theme-api-markdown details) {
-  margin: unset;
-  max-width: 600px;
-  background-color: transparent;
-  color: var(--ifm-font-color-base);
-  padding: unset;
-  border: unset !important;
-  box-shadow: unset !important;
-  --docusaurus-details-decoration-color: var(--ifm-font-color-base);
-}
-
-:global(.theme-api-markdown details > div > div) {
-  padding-top: unset !important;
-  border-top: unset !important;
-}
-
-:global(.theme-api-markdown .details__demo-panel) {
-  margin-bottom: 1rem;
-  background: var(--openapi-card-background-color);
-  border-radius: var(--openapi-card-border-radius);
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary) {
-  padding-left: 1rem;
-  padding-top: 1rem;
-  cursor: pointer;
-}
-
-:global(.theme-api-markdown .details__demo-panel > div > div > pre) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-:global(.theme-api-markdown .details__demo-panel > summary::marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown
-    .details__demo-panel
-    > summary::-webkit-details-marker) {
-  display: none;
-  content: "";
-}
-
-:global(.theme-api-markdown .details__demo-panel > pre) {
-  margin-bottom: 0;
-  padding-top: 0;
-}
-
-:global(.theme-api-markdown .details__request-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__request-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown .details__response-summary) {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-:global(.theme-api-markdown .details__response-summary > button) {
-  margin-bottom: 1rem;
-  margin-right: 1rem;
-}
-
-:global(.theme-api-markdown code) {
-  max-width: 600px;
-  max-height: 500px;
-  overflow: auto;
-}
-
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-
-  /* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
-  .tocMobile {
-    display: none;
-  }
-}
-
-:global(.theme-api-markdown details li) {
-  list-style: none;
-  padding-bottom: 5px;
-  padding-top: 5px;
-}
-
-:global(.theme-api-markdown details p) {
-  margin-bottom: 0;
-}
-
-:global([class^="paramsItem"]::before),
-:global([class^="schemaItem"]::before) {
-  position: absolute;
-  top: 10px;
-  left: 0;
-  width: 0.7rem;
-  /* width of horizontal line */
-  height: 0.5rem;
-  /* vertical position of line */
-  vertical-align: top;
-  border-bottom: thin solid var(--ifm-color-gray-500);
-  content: "";
-  display: inline-block;
-}
-
-:global(.theme-api-markdown details ul) {
-  padding-left: 0;
-  /* font-family: "Fira Mono", monospace; */
-  font-size: 14px;
-}
-
-/* :global(.theme-api-markdown h2) {
-  font-size: 2rem;
-} */
-
-:global(.schemaItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 1rem;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorItem) {
-  list-style: none;
-  position: relative;
-  margin: 0 !important;
-  padding: 5px 0 5px 0 !important;
-  border-left: thin solid var(--ifm-color-gray-500) !important;
-}
-
-:global(.discriminatorTabsContainer) {
-  padding-left: 0 !important;
-}
-
-:global(.schemaItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.schemaItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:hover) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.paramsItem:focus) {
-  background-color: var(--ifm-menu-color-background-active);
-}
-
-:global(.theme-api-markdown div[class^="collapsibleContent"]) {
-  margin-top: 0 !important;
-  padding-left: 2px;
-}
-
-/* CodeTabs */
-
-:global(.code__tab--python::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--python) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--python.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-python) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--go::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/go/go-original-wordmark.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--go) {
-  color: var(--ifm-color-info);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--go.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-info);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-go) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--javascript::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--javascript) {
-  color: var(--ifm-color-warning);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--javascript.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-warning);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-javascript) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--bash::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--bash) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--bash.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-bash) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--ruby::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/ruby/ruby-plain.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--ruby) {
-  color: var(--ifm-color-danger);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--ruby.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-danger);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-ruby) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--csharp::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/csharp/csharp-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--csharp) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--csharp.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-csharp) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--nodejs::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--nodejs) {
-  color: var(--ifm-color-success);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--nodejs.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-success);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-nodejs) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-:global(.code__tab--php::after) {
-  content: "";
-  width: 28px;
-  height: 28px;
-  background: url("https://raw.githubusercontent.com/devicons/devicon/master/icons/php/php-original.svg");
-  margin-block: auto;
-}
-
-:global(.code__tab--php) {
-  color: var(--ifm-color-gray-500);
-  padding-left: 1.4rem;
-  padding-right: 1.4rem;
-}
-
-:global(.code__tab--php.tabs__item--active) {
-  border-bottom-color: var(--ifm-color-gray-500);
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-:global(.language-php) {
-  max-height: 500px;
-  overflow: auto;
-}
-
-/* Prism code styles */
-:global(.prism-code.language-json) {
-  white-space: pre !important;
-}

package/src/theme/ApiItem/index.tsx

@@ -13,9 +13,11 @@ import { HtmlClassNameProvider } from "@docusaurus/theme-common";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import useIsBrowser from "@docusaurus/useIsBrowser";
 import type { Props } from "@theme/DocItem";
-import { ServerObject } from "docusaurus-plugin-openapi-docs/lib/openapi/types";
-import type { ApiItem as ApiItemType } from "docusaurus-plugin-openapi-docs/lib/types";
+import DocItemMetadata from "@theme/DocItem/Metadata";
+import clsx from "clsx";
+import { ServerObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
 import { ParameterObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
+import type { ApiItem as ApiItemType } from "docusaurus-plugin-openapi-docs/src/types";
 import { Provider } from "react-redux";
 
 import { DocFrontMatter } from "../../types";
@@ -23,7 +25,6 @@ import { ThemeConfig } from "../../types";
 import { createAuth } from "../ApiDemoPanel/Authorization/slice";
 import { createPersistanceMiddleware } from "../ApiDemoPanel/persistanceMiddleware";
 import DocItemLayout from "./Layout";
-import DocItemMetadata from "./Metadata";
 import { createStoreWithoutState, createStoreWithState } from "./store";
 
 const { DocProvider } = require("@docusaurus/theme-common/internal");
@@ -124,7 +125,7 @@ export default function ApiItem(props: Props): JSX.Element {
           <DocItemMetadata />
           <DocItemLayout>
             <Provider store={store2}>
-              <div className="row">
+              <div className={clsx("row", "theme-api-markdown")}>
                 <div className="col col--7">
                   <MDXComponent />
                 </div>