Handle OpenAPI read-only properties (#2962)

.changeset/gold-olives-build.md

@@ -0,0 +1,5 @@
+---
+'@gitbook/react-openapi': patch
+---
+
+Handle read-only in OpenAPISchemaName

packages/gitbook/src/components/DocumentView/OpenAPI/style.css

@@ -198,7 +198,11 @@
 }
 
 .openapi-schema-required {
-    @apply text-amber-600 text-[0.813rem];
+    @apply text-warning-subtle text-[0.813rem];
+}
+
+.openapi-schema-readonly {
+    @apply text-primary-subtle/9 text-[0.813rem];
 }
 
 .openapi-schema-type {

packages/react-openapi/src/OpenAPISchemaName.tsx

@@ -30,6 +30,7 @@ export function OpenAPISchemaName(props: OpenAPISchemaNameProps) {
                     <span className="openapi-schema-type">{additionalItems}</span>
                 ) : null}
             </span>
+            {schema?.readOnly ? <span className="openapi-schema-readonly">read-only</span> : null}
             {required ? <span className="openapi-schema-required">required</span> : null}
             {schema?.deprecated ? <span className="openapi-deprecated">Deprecated</span> : null}
         </div>