Rename Authentication to Authorization (#133)

packages/react-openapi/src/OpenAPISecurities.tsx

@@ -5,7 +5,7 @@ import { Markdown } from './Markdown';
 import { OpenAPIOperationData } from './fetchOpenAPIOperation';
 
 /**
- * Present authentication that can be used for this operation.
+ * Present securities authorization that can be used for this operation.
  */
 export function OpenAPISecurities(props: {
     securities: OpenAPIOperationData['securities'];
@@ -19,8 +19,8 @@ export function OpenAPISecurities(props: {
 
     return (
         <InteractiveSection
-            header="Authentication"
-            className="openapi-authentication"
+            header="Authorization"
+            className="openapi-securities"
             toggeable
             defaultOpened={false}
             toggleCloseIcon={context.icons.chevronDown}
@@ -31,13 +31,13 @@ export function OpenAPISecurities(props: {
                     label: key,
                     body: (
                         <>
-                            <p className="openapi-authentication-label">
+                            <p className="openapi-securities-label">
                                 {getLabelForType(security)}
                             </p>
                             {security.description ? (
                                 <Markdown
                                     source={security.description}
-                                    className="openapi-authentication-description"
+                                    className="openapi-securities-description"
                                 />
                             ) : null}
                         </>

src/components/DocumentView/OpenAPI/style.css

@@ -168,31 +168,31 @@
 
 /** Authentication */
 
-.openapi-authentication {
+.openapi-securities {
     @apply border rounded border-dark/2 dark:border-light/2;
 }
 
-.openapi-authentication-header {
+.openapi-securities-header {
     @apply px-3 py-2;
 }
 
-.openapi-authentication.openapi-authentication-closed:hover {
+.openapi-securities.openapi-securities-closed:hover {
     @apply border-dark/3 dark:border-light/3 cursor-pointer;
 }
 
-.openapi-authentication-header-content {
+.openapi-securities-header-content {
     @apply font-semibold text-base text-dark-2 dark:text-light-5;
 }
 
-.openapi-authentication-body {
+.openapi-securities-body {
     @apply mx-3 mb-2 flex flex-col gap-2;
 }
 
-.openapi-authentication-description.openapi-markdown {
+.openapi-securities-description.openapi-markdown {
     @apply prose-sm;
 }
 
-.openapi-authentication-label {
+.openapi-securities-label {
     @apply font-medium text-sm text-dark-2 dark:text-light-5;
 }