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

Async API docs for Redocly Realm

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

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

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

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

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

  & div {
    border-bottom: none;
  }
`,f=e(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;
`;export{f as ActionTag,t as Block,p as ExternalDocumentationWrapper,r as Header,g as HeaderWrapper,l as Label,s as Section,d as TagStyled,h as TopicConfiguration,v as TopicConfigurationWrapper,c as Value};