Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-07-31 10:29:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

DOP-3456: Update font sizes (#4)

Browse Source
This commit is contained in:
rayangler 2023-01-23 18:22:34 -05:00 committed by GitHub
parent 7b85fa64fe
commit 2eb282c976
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 54 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/common-elements/Dropdown/styled.ts
View File

@ -58,8 +58,8 @@ export const Dropdown = styled(DropdownComponent)<{
background: white;
color: #263238;
font-family: ${props => props.theme.typography.headings.fontFamily};
font-size: 0.929em;
line-height: 1.5em;
font-size: 13px;
line-height: 20px;
cursor: pointer;
transition: border 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;

3
src/components/Endpoint/styled.elements.ts
View File

@ -10,6 +10,7 @@ export const OperationEndpointWrap = styled.div`
export const ServerRelativeURL = styled.span`
font-family: ${props => props.theme.typography.code.fontFamily};
font-size: ${props => props.theme.typography.code.fontSize};
margin-left: 10px;
flex: 1;
overflow-x: hidden;
@ -46,7 +47,7 @@ export const EndpointInfo = styled.button<{ expanded?: boolean; inverted?: boole
export const HttpVerb = styled.span.attrs((props: { type: string; compact?: boolean }) => ({
className: `http-verb ${props.type}`,
}))<{ type: string; compact?: boolean }>`
font-size: ${props => (props.compact ? '0.8em' : '0.929em')};
font-size: 12px;
line-height: ${props => (props.compact ? '18px' : '20px')};
color: #ffffff;
padding: ${props => (props.compact ? '2px 8px' : '3px 10px')};

6
src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.tsx
View File

@ -49,10 +49,10 @@ export class GenericChildrenSwitcher<T> extends React.Component<
const Wrapper = ({ children }) =>
this.props.label ? (
<DropdownWrapper>
<>
<DropdownLabel>{this.props.label}</DropdownLabel>
{children}
</DropdownWrapper>
<DropdownWrapper>{children}</DropdownWrapper>
</>
) : (
children
);

6
src/components/MediaTypeSwitch/MediaTypesSwitch.tsx
View File

@ -42,10 +42,10 @@ export class MediaTypesSwitch extends React.Component<MediaTypesSwitchProps> {
const Wrapper = ({ children }) =>
this.props.withLabel ? (
<DropdownWrapper>
<>
<DropdownLabel>Content type</DropdownLabel>
{children}
</DropdownWrapper>
<DropdownWrapper>{children}</DropdownWrapper>
</>
) : (
children
);

2
src/components/PayloadSamples/MediaTypeSamples.tsx
View File

@ -53,8 +53,8 @@ export class MediaTypeSamples extends React.Component<PayloadSamplesProps, Media
return (
<SamplesWrapper>
<DropdownLabel>Example</DropdownLabel>
<DropdownWrapper>
<DropdownLabel>Example</DropdownLabel>
{this.props.renderDropdown({
value: options[activeIdx].value,
options,

6
src/components/PayloadSamples/styled.elements.ts
View File

@ -15,11 +15,7 @@ export const MimeLabel = styled.div`
export const DropdownLabel = styled.span`
font-family: ${({ theme }) => theme.typography.headings.fontFamily};
font-size: 12px;
position: absolute;
z-index: 1;
top: -11px;
left: 12px;
font-size: 13px;
font-weight: ${({ theme }) => theme.typography.fontWeightBold};
color: ${({ theme }) => transparentize(0.3, theme.rightPanel.textColor)};
`;

6
src/components/Responses/ResponseTitle.tsx
View File

@ -1,6 +1,6 @@
import * as React from 'react';
import { Code } from './styled.elements';
import { Code, ResponseButton } from './styled.elements';
import { ShelfIcon } from '../../common-elements';
import { Markdown } from '../Markdown/Markdown';
@ -24,7 +24,7 @@ function ResponseTitleComponent({
onClick,
}: ResponseTitleProps): React.ReactElement {
return (
<button
<ResponseButton
className={className}
onClick={(!empty && onClick) || undefined}
aria-expanded={opened}
@ -40,7 +40,7 @@ function ResponseTitleComponent({
)}
<Code>{code} </Code>
<Markdown compact={true} inline={true} source={title} />
</button>
</ResponseButton>
);
}

4
src/components/Responses/styled.elements.ts
View File

@ -50,3 +50,7 @@ export const HeadersCaption = styled(UnderlinedHeader.withComponent('caption'))`
export const Code = styled.strong`
vertical-align: top;
`;
export const ResponseButton = styled.button`
font-size: ${props => props.theme.typography.fontSize};
`;

40
src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap
View File

@ -325,7 +325,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -338,7 +338,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -656,7 +656,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -669,7 +669,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -974,7 +974,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -987,7 +987,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -1354,7 +1354,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -1367,7 +1367,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -1697,7 +1697,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -1710,7 +1710,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -2011,7 +2011,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -2024,7 +2024,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -2350,7 +2350,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -2363,7 +2363,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -2719,7 +2719,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -2732,7 +2732,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -3050,7 +3050,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -3063,7 +3063,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",
@ -3368,7 +3368,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro",
"fontSize": "13px",
"fontWeight": "400",
"lineHeight": "1.5em",
"lineHeight": "24px",
"wrap": false,
},
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
@ -3381,7 +3381,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontWeight": "400",
"lineHeight": "1.6em",
},
"lineHeight": "1.5em",
"lineHeight": "24px",
"links": Object {
"color": "#016BF8",
"hover": "#016BF8",

2
src/components/__tests__/__snapshots__/OneOfSchema.test.tsx.snap
View File

@ -44,7 +44,7 @@ exports[`Components SchemaView OneOf deprecated should match snapshot 1`] = `
<div>
<div
class="sc-iJCRrE sc-ciSkZP dTVIxT bVsrgw"
class="sc-iJCRrE sc-ciSkZP dTVIxT bNOmIQ"
/>
</div>
</div>

26
src/components/__tests__/__snapshots__/SecurityRequirement.test.tsx.snap
View File

@ -1,23 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SecurityRequirement should render SecurityDefs 1`] = `
"<div id=\\"section/Authentication/petstore_auth\\" data-section-id=\\"section/Authentication/petstore_auth\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">petstore_auth</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>Get access to data while protecting your account credentials.
"<div id=\\"section/Authentication/petstore_auth\\" data-section-id=\\"section/Authentication/petstore_auth\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">petstore_auth</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>Get access to data while protecting your account credentials.
OAuth2 is also a safer and more secure way to give you access.</p>
</div><div class=\\"sc-eEVmNe cScyK\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Security Scheme Type: </b><span>OAuth2</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Flow type: </b><code>implicit </code></div><div class=\\"sc-jXcxbT gllWlr\\"><strong> Authorization URL: </strong><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"http://petstore.swagger.io/api/oauth/dialog\\">http://petstore.swagger.io/api/oauth/dialog</a></code></div><div class=\\"sc-jXcxbT gllWlr\\"><b> Scopes: </b></div><div class=\\"sc-fmdNqN eKoRDV container\\" style=\\"height: 4em;\\"><ul><li><code>write:pets</code> - <span class=\\"sc-carFqZ lasomv redoc-markdown\\"><p>modify pets in your account</p>
</span></li><li><code>read:pets</code> - <span class=\\"sc-carFqZ lasomv redoc-markdown\\"><p>read your pets</p>
</span></li></ul></div><div class=\\"sc-ljsmAU blhEdv\\"></div></div></div></div></div></div><div id=\\"section/Authentication/GitLab_PersonalAccessToken\\" data-section-id=\\"section/Authentication/GitLab_PersonalAccessToken\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">GitLab_PersonalAccessToken</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>GitLab Personal Access Token description</p>
</div><div class=\\"sc-eEVmNe cScyK\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Security Scheme Type: </b><span>API Key</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Header parameter name: </b><code>PRIVATE-TOKEN</code></div></div></div></div></div></div><div id=\\"section/Authentication/GitLab_OpenIdConnect\\" data-section-id=\\"section/Authentication/GitLab_OpenIdConnect\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">GitLab_OpenIdConnect</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>GitLab OpenIdConnect description</p>
</div><div class=\\"sc-eEVmNe cScyK\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Security Scheme Type: </b><span>OpenID Connect</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Connect URL: </b><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"https://gitlab.com/.well-known/openid-configuration\\">https://gitlab.com/.well-known/openid-configuration</a></code></div></div></div></div></div></div><div id=\\"section/Authentication/basicAuth\\" data-section-id=\\"section/Authentication/basicAuth\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">basicAuth</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"></div><div class=\\"sc-eEVmNe cScyK\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Security Scheme Type: </b><span>HTTP</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>HTTP Authorization Scheme: </b><code>basic</code></div><div class=\\"sc-jXcxbT gllWlr\\"></div></div></div></div></div></div>"
</div><div class=\\"sc-fmdNqN cnyDuQ\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Security Scheme Type: </b><span>OAuth2</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Flow type: </b><code>implicit </code></div><div class=\\"sc-eEVmNe bxoLPE\\"><strong> Authorization URL: </strong><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"http://petstore.swagger.io/api/oauth/dialog\\">http://petstore.swagger.io/api/oauth/dialog</a></code></div><div class=\\"sc-eEVmNe bxoLPE\\"><b> Scopes: </b></div><div class=\\"sc-ljsmAU bJFLur container\\" style=\\"height: 4em;\\"><ul><li><code>write:pets</code> - <span class=\\"sc-carFqZ ksYCgr redoc-markdown\\"><p>modify pets in your account</p>
</span></li><li><code>read:pets</code> - <span class=\\"sc-carFqZ ksYCgr redoc-markdown\\"><p>read your pets</p>
</span></li></ul></div><div class=\\"sc-jlZJtj iMVTUT\\"></div></div></div></div></div></div><div id=\\"section/Authentication/GitLab_PersonalAccessToken\\" data-section-id=\\"section/Authentication/GitLab_PersonalAccessToken\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">GitLab_PersonalAccessToken</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>GitLab Personal Access Token description</p>
</div><div class=\\"sc-fmdNqN cnyDuQ\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Security Scheme Type: </b><span>API Key</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Header parameter name: </b><code>PRIVATE-TOKEN</code></div></div></div></div></div></div><div id=\\"section/Authentication/GitLab_OpenIdConnect\\" data-section-id=\\"section/Authentication/GitLab_OpenIdConnect\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">GitLab_OpenIdConnect</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>GitLab OpenIdConnect description</p>
</div><div class=\\"sc-fmdNqN cnyDuQ\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Security Scheme Type: </b><span>OpenID Connect</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Connect URL: </b><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"https://gitlab.com/.well-known/openid-configuration\\">https://gitlab.com/.well-known/openid-configuration</a></code></div></div></div></div></div></div><div id=\\"section/Authentication/basicAuth\\" data-section-id=\\"section/Authentication/basicAuth\\" class=\\"sc-eCApnc gxBYnR\\"><div class=\\"sc-iCoGMd dglGZe\\"><div class=\\"sc-hKFxyN gXsFjB\\"><h2 class=\\"sc-pNWdM fyozOE\\">basicAuth</h2><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"></div><div class=\\"sc-fmdNqN cnyDuQ\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Security Scheme Type: </b><span>HTTP</span></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>HTTP Authorization Scheme: </b><code>basic</code></div><div class=\\"sc-eEVmNe bxoLPE\\"></div></div></div></div></div></div>"
`;
exports[`SecurityRequirement should render authDefinition 1`] = `"<div class=\\"sc-EZqKI kGytBW\\"><div class=\\"sc-jHcXXw kurgNF\\"><h5 class=\\"sc-iqAclL sc-fXgAZx eONCmm xiVXt\\">Authorizations:</h5><svg class=\\"sc-dIsUp iPqByX\\" version=\\"1.1\\" viewBox=\\"0 0 24 24\\" x=\\"0\\" xmlns=\\"http://www.w3.org/2000/svg\\" y=\\"0\\" aria-hidden=\\"true\\"><polygon points=\\"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 \\"></polygon></svg></div><div class=\\"sc-bQCEYZ fTcEhU\\"><span class=\\"sc-dWBRfb hMKSgN\\">(<span class=\\"sc-xGAEC ejInCB\\">API Key: <i>GitLab_PersonalAccessToken</i></span><span class=\\"sc-xGAEC ejInCB\\">OpenID Connect: <i>GitLab_OpenIdConnect</i></span><span class=\\"sc-xGAEC ejInCB\\">HTTP: <i>basicAuth</i></span>) </span><span class=\\"sc-dWBRfb hMKSgN\\"><span class=\\"sc-xGAEC ejInCB\\">OAuth2: <i>petstore_auth</i></span></span></div></div>,"`;
exports[`SecurityRequirement should render authDefinition 1`] = `"<div class=\\"sc-jXcxbT eIQnPl\\"><div class=\\"sc-bQCEYZ fJdnTx\\"><h5 class=\\"sc-iqAclL sc-EZqKI eONCmm hkfVgz\\">Authorizations:</h5><svg class=\\"sc-dIsUp iPqByX\\" version=\\"1.1\\" viewBox=\\"0 0 24 24\\" x=\\"0\\" xmlns=\\"http://www.w3.org/2000/svg\\" y=\\"0\\" aria-hidden=\\"true\\"><polygon points=\\"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 \\"></polygon></svg></div><div class=\\"sc-fXgAZx kYGOWw\\"><span class=\\"sc-jHcXXw dEdCGo\\">(<span class=\\"sc-dWBRfb gpnmXq\\">API Key: <i>GitLab_PersonalAccessToken</i></span><span class=\\"sc-dWBRfb gpnmXq\\">OpenID Connect: <i>GitLab_OpenIdConnect</i></span><span class=\\"sc-dWBRfb gpnmXq\\">HTTP: <i>basicAuth</i></span>) </span><span class=\\"sc-jHcXXw dEdCGo\\"><span class=\\"sc-dWBRfb gpnmXq\\">OAuth2: <i>petstore_auth</i></span></span></div></div>,"`;
exports[`SecurityRequirement should render authDefinition 2`] = `
"<div class=\\"sc-EZqKI cdLWLC\\"><div class=\\"sc-jHcXXw kurgNF\\"><h5 class=\\"sc-iqAclL sc-fXgAZx eONCmm xiVXt\\">Authorizations:</h5><svg class=\\"sc-dIsUp fVWtGJ\\" version=\\"1.1\\" viewBox=\\"0 0 24 24\\" x=\\"0\\" xmlns=\\"http://www.w3.org/2000/svg\\" y=\\"0\\" aria-hidden=\\"true\\"><polygon points=\\"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 \\"></polygon></svg></div><div class=\\"sc-bQCEYZ bPYjiQ\\"><span class=\\"sc-dWBRfb fJIppX\\">(<span class=\\"sc-xGAEC ejInCB\\">API Key: <i>GitLab_PersonalAccessToken</i></span><span class=\\"sc-xGAEC ejInCB\\">OpenID Connect: <i>GitLab_OpenIdConnect</i></span><span class=\\"sc-xGAEC ejInCB\\">HTTP: <i>basicAuth</i></span>) </span><span class=\\"sc-dWBRfb fJIppX\\"><span class=\\"sc-xGAEC ejInCB\\">OAuth2: <i>petstore_auth</i> (<code class=\\"sc-kYPZxB jkXEVp\\">write:pets</code><code class=\\"sc-kYPZxB jkXEVp\\">read:pets</code>) </span></span></div></div><div class=\\"sc-eEVmNe cScyK\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> OAuth2: petstore_auth</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>Get access to data while protecting your account credentials.
"<div class=\\"sc-jXcxbT bRpa-dx\\"><div class=\\"sc-bQCEYZ fJdnTx\\"><h5 class=\\"sc-iqAclL sc-EZqKI eONCmm hkfVgz\\">Authorizations:</h5><svg class=\\"sc-dIsUp fVWtGJ\\" version=\\"1.1\\" viewBox=\\"0 0 24 24\\" x=\\"0\\" xmlns=\\"http://www.w3.org/2000/svg\\" y=\\"0\\" aria-hidden=\\"true\\"><polygon points=\\"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 \\"></polygon></svg></div><div class=\\"sc-fXgAZx pXbyg\\"><span class=\\"sc-jHcXXw eUnbjy\\">(<span class=\\"sc-dWBRfb gpnmXq\\">API Key: <i>GitLab_PersonalAccessToken</i></span><span class=\\"sc-dWBRfb gpnmXq\\">OpenID Connect: <i>GitLab_OpenIdConnect</i></span><span class=\\"sc-dWBRfb gpnmXq\\">HTTP: <i>basicAuth</i></span>) </span><span class=\\"sc-jHcXXw eUnbjy\\"><span class=\\"sc-dWBRfb gpnmXq\\">OAuth2: <i>petstore_auth</i> (<code class=\\"sc-xGAEC jskJqr\\">write:pets</code><code class=\\"sc-xGAEC jskJqr\\">read:pets</code>) </span></span></div></div><div class=\\"sc-fmdNqN cnyDuQ\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> OAuth2: petstore_auth</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>Get access to data while protecting your account credentials.
OAuth2 is also a safer and more secure way to give you access.</p>
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Flow type: </b><code>implicit </code></div><div class=\\"sc-jXcxbT gllWlr\\"><strong> Authorization URL: </strong><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"http://petstore.swagger.io/api/oauth/dialog\\">http://petstore.swagger.io/api/oauth/dialog</a></code></div><div><b>Required scopes: </b><code>write:pets</code> <code>read:pets</code> </div><div class=\\"sc-jXcxbT gllWlr\\"><b> Scopes: </b></div><div class=\\"sc-fmdNqN eKoRDV container\\" style=\\"height: 4em;\\"><ul><li><code>write:pets</code> - <span class=\\"sc-carFqZ lasomv redoc-markdown\\"><p>modify pets in your account</p>
</span></li><li><code>read:pets</code> - <span class=\\"sc-carFqZ lasomv redoc-markdown\\"><p>read your pets</p>
</span></li></ul></div><div class=\\"sc-ljsmAU blhEdv\\"></div></div></div><div class=\\"sc-eEVmNe cScyK\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> API Key: GitLab_PersonalAccessToken</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>GitLab Personal Access Token description</p>
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Header parameter name: </b><code>PRIVATE-TOKEN</code></div></div></div><div class=\\"sc-eEVmNe cScyK\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> OpenID Connect: GitLab_OpenIdConnect</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><p>GitLab OpenIdConnect description</p>
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>Connect URL: </b><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"https://gitlab.com/.well-known/openid-configuration\\">https://gitlab.com/.well-known/openid-configuration</a></code></div></div></div><div class=\\"sc-eEVmNe cScyK\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> HTTP: basicAuth</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT gmKdHC\\"><div class=\\"sc-jXcxbT gllWlr\\"><b>HTTP Authorization Scheme: </b><code>basic</code></div><div class=\\"sc-jXcxbT gllWlr\\"></div></div></div>,"
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Flow type: </b><code>implicit </code></div><div class=\\"sc-eEVmNe bxoLPE\\"><strong> Authorization URL: </strong><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"http://petstore.swagger.io/api/oauth/dialog\\">http://petstore.swagger.io/api/oauth/dialog</a></code></div><div><b>Required scopes: </b><code>write:pets</code> <code>read:pets</code> </div><div class=\\"sc-eEVmNe bxoLPE\\"><b> Scopes: </b></div><div class=\\"sc-ljsmAU bJFLur container\\" style=\\"height: 4em;\\"><ul><li><code>write:pets</code> - <span class=\\"sc-carFqZ ksYCgr redoc-markdown\\"><p>modify pets in your account</p>
</span></li><li><code>read:pets</code> - <span class=\\"sc-carFqZ ksYCgr redoc-markdown\\"><p>read your pets</p>
</span></li></ul></div><div class=\\"sc-jlZJtj iMVTUT\\"></div></div></div><div class=\\"sc-fmdNqN cnyDuQ\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> API Key: GitLab_PersonalAccessToken</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>GitLab Personal Access Token description</p>
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Header parameter name: </b><code>PRIVATE-TOKEN</code></div></div></div><div class=\\"sc-fmdNqN cnyDuQ\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> OpenID Connect: GitLab_OpenIdConnect</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><p>GitLab OpenIdConnect description</p>
</div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>Connect URL: </b><code><a target=\\"_blank\\" rel=\\"noopener noreferrer\\" href=\\"https://gitlab.com/.well-known/openid-configuration\\">https://gitlab.com/.well-known/openid-configuration</a></code></div></div></div><div class=\\"sc-fmdNqN cnyDuQ\\"><h5><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"11\\" height=\\"11\\"><path fill=\\"currentColor\\" d=\\"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z\\"></path></svg> HTTP: basicAuth</h5><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"></div><div class=\\"sc-iJCRrE sc-ciSkZP dTVIxT iiThKm\\"><div class=\\"sc-eEVmNe bxoLPE\\"><b>HTTP Authorization Scheme: </b><code>basic</code></div><div class=\\"sc-eEVmNe bxoLPE\\"></div></div></div>,"
`;

2
src/theme.ts
View File

@ -159,7 +159,7 @@ const defaultTheme: ThemeInterface = {
},
typography: {
fontSize: '16px',
lineHeight: '1.5em',
lineHeight: '24px',
fontWeightRegular: '400',
fontWeightBold: '600',
fontWeightLight: '300',