@redocly/asyncapi-docs/lib/components/common/styles.js

Async API docs for Redocly Realm

import o from"styled-components";import{H1 as t}from"@redocly/theme/components/Typography/H1";import{Markdown as r}from"@redocly/theme/components/Markdown/Markdown";import{Tag as i}from"@redocly/theme/components/Tag/Tag";const p=o(t)`
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  & + ${r} {
    margin-top: var(--h1-margin-bottom);
  }
`,c=o.div`
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
`,g=o.span`
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-lg);
`,d=o.div`
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing-xxs) / 2);
`,f=o.span`
  color: var(--text-color-description);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
`,m=o.span`
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
`,x=o.div`
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
`,h=o.div`
  min-height: 40px;
  padding: var(--spacing-xs) var(--spacing-md);
  align-items: center;
  display: flex;
  width: 100%;
  background-color: ${({expandable:e})=>e&&"var(--layer-color)"};
  cursor: ${({expandable:e})=>e&&"pointer"};
  gap: var(--spacing-md);

  &:hover {
    background-color: ${({expandable:e})=>e&&"var(--layer-color-ontonal-hover)"};
  }

  & > *:first-child {
    flex: 1;
  }

  & > *:nth-child(2) {
    flex: 2;
  }
`,v=o(i)`
  text-transform: none;
`,b=o.div`
  min-height: 30px;
  padding: var(--spacing-xs) var(--spacing-md);
  align-items: start;
  display: flex;
  width: 100%;
  gap: var(--spacing-md);

  & > * {
    flex: 1;
  }
`,u=o.div`
  padding-left: var(--spacing-xs);
  background-color: var(--layer-color);

  & div {
    border-bottom: none;
  }
`,y=o(i)`
  text-transform: uppercase;
  background-color: unset;
  border: none;
  padding: 0;
  margin: 0;
  font-family: var(--font-family-monospaced);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  display: block;
`,z=o.span`
  display: flex;
  flex-direction: column;
`;export{y as ActionTag,p as ApiHeader,c as Block,x as ExternalDocumentationWrapper,g as Header,h as HeaderWrapper,z as HostList,f as Label,d as Section,v as TagStyled,b as TopicConfiguration,u as TopicConfigurationWrapper,m as Value};