Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-01 19:00:21 +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; background: white;
color: #263238; color: #263238;
font-family: ${props => props.theme.typography.headings.fontFamily}; font-family: ${props => props.theme.typography.headings.fontFamily};
font-size: 0.929em; font-size: 13px;
line-height: 1.5em; line-height: 20px;
cursor: pointer; cursor: pointer;
transition: border 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; 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` export const ServerRelativeURL = styled.span`
font-family: ${props => props.theme.typography.code.fontFamily}; font-family: ${props => props.theme.typography.code.fontFamily};
font-size: ${props => props.theme.typography.code.fontSize};
margin-left: 10px; margin-left: 10px;
flex: 1; flex: 1;
overflow-x: hidden; 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 }) => ({ export const HttpVerb = styled.span.attrs((props: { type: string; compact?: boolean }) => ({
className: `http-verb ${props.type}`, className: `http-verb ${props.type}`,
}))<{ type: string; compact?: boolean }>` }))<{ type: string; compact?: boolean }>`
font-size: ${props => (props.compact ? '0.8em' : '0.929em')}; font-size: 12px;
line-height: ${props => (props.compact ? '18px' : '20px')}; line-height: ${props => (props.compact ? '18px' : '20px')};
color: #ffffff; color: #ffffff;
padding: ${props => (props.compact ? '2px 8px' : '3px 10px')}; 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 }) => const Wrapper = ({ children }) =>
this.props.label ? ( this.props.label ? (
<DropdownWrapper> <>
<DropdownLabel>{this.props.label}</DropdownLabel> <DropdownLabel>{this.props.label}</DropdownLabel>
{children} <DropdownWrapper>{children}</DropdownWrapper>
</DropdownWrapper> </>
) : ( ) : (
children children
); );

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

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

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

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

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

@ -15,11 +15,7 @@ export const MimeLabel = styled.div`
export const DropdownLabel = styled.span` export const DropdownLabel = styled.span`
font-family: ${({ theme }) => theme.typography.headings.fontFamily}; font-family: ${({ theme }) => theme.typography.headings.fontFamily};
font-size: 12px; font-size: 13px;
position: absolute;
z-index: 1;
top: -11px;
left: 12px;
font-weight: ${({ theme }) => theme.typography.fontWeightBold}; font-weight: ${({ theme }) => theme.typography.fontWeightBold};
color: ${({ theme }) => transparentize(0.3, theme.rightPanel.textColor)}; 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 * as React from 'react';
import { Code } from './styled.elements'; import { Code, ResponseButton } from './styled.elements';
import { ShelfIcon } from '../../common-elements'; import { ShelfIcon } from '../../common-elements';
import { Markdown } from '../Markdown/Markdown'; import { Markdown } from '../Markdown/Markdown';
@ -24,7 +24,7 @@ function ResponseTitleComponent({
onClick, onClick,
}: ResponseTitleProps): React.ReactElement { }: ResponseTitleProps): React.ReactElement {
return ( return (
<button <ResponseButton
className={className} className={className}
onClick={(!empty && onClick) || undefined} onClick={(!empty && onClick) || undefined}
aria-expanded={opened} aria-expanded={opened}
@ -40,7 +40,7 @@ function ResponseTitleComponent({
)} )}
<Code>{code} </Code> <Code>{code} </Code>
<Markdown compact={true} inline={true} source={title} /> <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` export const Code = styled.strong`
vertical-align: top; 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", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -656,7 +656,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -974,7 +974,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -1354,7 +1354,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -1697,7 +1697,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -2011,7 +2011,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -2350,7 +2350,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -2719,7 +2719,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -3050,7 +3050,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#016BF8", "hover": "#016BF8",
@ -3368,7 +3368,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"fontFamily": "Source Code Pro", "fontFamily": "Source Code Pro",
"fontSize": "13px", "fontSize": "13px",
"fontWeight": "400", "fontWeight": "400",
"lineHeight": "1.5em", "lineHeight": "24px",
"wrap": false, "wrap": false,
}, },
"fontFamily": "\\"Euclid Circular A\\", Akzidenz, \\"Helvetica Neue\\", Helvetica, Arial, sans-serif", "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", "fontWeight": "400",
"lineHeight": "1.6em", "lineHeight": "1.6em",
}, },
"lineHeight": "1.5em", "lineHeight": "24px",
"links": Object { "links": Object {
"color": "#016BF8", "color": "#016BF8",
"hover": "#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>
<div <div
class="sc-iJCRrE sc-ciSkZP dTVIxT bVsrgw" class="sc-iJCRrE sc-ciSkZP dTVIxT bNOmIQ"
/> />
</div> </div>
</div> </div>

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

@ -1,23 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SecurityRequirement should render SecurityDefs 1`] = ` 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> 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> </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 lasomv redoc-markdown\\"><p>read your pets</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-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> </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-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-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-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>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`] = ` 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> 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> </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 lasomv redoc-markdown\\"><p>read your pets</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-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> </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 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 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 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>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: { typography: {
fontSize: '16px', fontSize: '16px',
lineHeight: '1.5em', lineHeight: '24px',
fontWeightRegular: '400', fontWeightRegular: '400',
fontWeightBold: '600', fontWeightBold: '600',
fontWeightLight: '300', fontWeightLight: '300',