Merge branch 'master' into add-developer-note-to-changelog

package.json

@@ -24,7 +24,7 @@
     "@docusaurus/preset-classic": "^3.5.2",
     "@docusaurus/theme-mermaid": "^3.4.0",
     "@mdx-js/react": "^3.0.0",
-    "@mittwald/flow-react-components": "^0.1.0-alpha.271",
+    "@mittwald/flow-react-components": "^0.1.0-alpha.274",
     "clsx": "^2.1.1",
     "openapi-types": "^12.1.3",
     "prism-react-renderer": "^2.4.0",

src/components/OperationHint/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Translate from "@docusaurus/Translate";
 import OperationDocCardById from "@site/src/components/openapi/OperationDocCardById";
-import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
+import Alert from "@mittwald/flow-react-components/Alert";
 import Content from "@mittwald/flow-react-components/Content";
 import Heading from "@mittwald/flow-react-components/Heading";
 import styles from "./styles.module.css";
@@ -26,7 +26,7 @@ export default function OperationHint({
     );
 
   return (
-    <InlineAlert status="info">
+    <Alert status="info">
       <Heading>{heading}:</Heading>
       <Content>
         <div className={styles.operations}>
@@ -40,6 +40,6 @@ export default function OperationHint({
           ))}
         </div>
       </Content>
-    </InlineAlert>
+    </Alert>
   );
 }

src/components/openapi/OperationDocCard.tsx

@@ -4,7 +4,7 @@ import styles from "./OperationDocCard.module.css";
 import clsx from "clsx";
 import OperationPath from "@site/src/components/openapi/OperationPath";
 import Markdown from "react-markdown";
-import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
+import AlertBadge from "@mittwald/flow-react-components/AlertBadge";
 import { APIVersion, OperationWithMeta } from "@site/src/openapi/specs";
 import isDeprecated from "@site/src/openapi/isDeprecated";
 import buildDocumentId from "@site/src/openapi/buildDocumentId";
@@ -47,7 +47,7 @@ export default function OperationDocCard(p: Props) {
             </div>
           </div>
           {deprecated ? (
-            <StatusBadge status="warning">deprecated!</StatusBadge>
+            <AlertBadge status="warning">deprecated!</AlertBadge>
           ) : null}
         </div>
       </Link>

src/components/openapi/OperationMetadata.tsx

@@ -13,7 +13,6 @@ import {
 import { Heading } from "@mittwald/flow-react-components/Heading";
 import { Text } from "@mittwald/flow-react-components/Text";
 import { Button } from "@mittwald/flow-react-components/Button";
-import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
 import styles from "./OperationMetadata.module.css";
 import Translate from "@docusaurus/Translate";
 import Admonition from "@theme/Admonition";

src/components/openapi/RequiredOptional.tsx

@@ -1,9 +1,9 @@
-import StatusBadge from "@mittwald/flow-react-components/StatusBadge";
+import AlertBadge from "@mittwald/flow-react-components/AlertBadge";
 
 export function Required() {
-  return <StatusBadge status="warning">required</StatusBadge>;
+  return <AlertBadge status="warning">required</AlertBadge>;
 }
 
 export function Optional() {
-  return <StatusBadge status="info">optional</StatusBadge>;
+  return <AlertBadge status="info">optional</AlertBadge>;
 }

src/theme/Admonition/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type AdmonitionType from "@theme/Admonition";
 import type { WrapperProps } from "@docusaurus/types";
-import InlineAlert from "@mittwald/flow-react-components/InlineAlert";
+import Alert from "@mittwald/flow-react-components/Alert";
 import Heading from "@mittwald/flow-react-components/Heading";
 import Content from "@mittwald/flow-react-components/Content";
 import { translate } from "@docusaurus/Translate";
@@ -16,7 +16,7 @@ export default function AdmonitionWrapper(props: Props): JSX.Element {
   };
 
   return (
-    <InlineAlert status={status[props.type]}>
+    <Alert status={status[props.type]}>
       <Heading>
         {props.title ??
           translate({
@@ -25,7 +25,7 @@ export default function AdmonitionWrapper(props: Props): JSX.Element {
           })}
       </Heading>
       <Content>{props.children}</Content>
-    </InlineAlert>
+    </Alert>
   );
 
   // return (