@redocly/graphql-docs/lib-esm/src/definition/components/styled.js

Redocly GraphQL docs

import{css as a}from"styled-components";import{Breadcrumbs as n,breakpoints as i}from"@redocly/theme";import{ShelfIcon as s}from"../../../shared/index.js";import{AnchorLink as c,Box as e}from"../../common/index.js";import{styled as o}from"../../styled-components.js";const t=o.div`
  margin: var(--spacing-base) 0;
  color: var(--text-color-primary);
  word-break: break-all;
`,f=o(t)`
  margin-bottom: 0;
  color: var(--text-color-secondary);
`,b=o(t)`
  margin-top: var(--spacing-base);
`,h=o.span`
  font-size: ${({size:r})=>`var(--font-size-${r})`};
  line-height: ${({size:r})=>`var(--line-height-${r})`};
  white-space: normal;
  color: var(--text-color-description);
  font-weight: var(--font-weight-bold);
  margin-left: var(--spacing-unit);
`,l=a`
  &:after {
    content: '*';
    vertical-align: text-bottom;
    color: var(--schema-property-required-label-text-color);
  }
`,y=o.span`
  border: 1px solid var(--schema-inline-border-color);
  border-radius: var(--border-radius);
  padding: 0 4px;
  background-color: var(--schema-inline-background-color);

  color: var(--schema-inline-code-text-color);

  ${({required:r})=>r?l:null}
`,p=o.div`
  padding: var(--spacing-base) 0;

  ${({firstOfType:r})=>r&&a`
      padding-top: var(--spacing-sm);
    `};

  ${({showBorder:r})=>r?a`
          border-bottom: 1px solid var(--border-color-primary);
        `:a`
          padding-bottom: 0;
        `}

  &:first-of-type {
    padding-top: var(--spacing-sm);
  }
`,u=o(e)`
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
  overflow: hidden;
  color: var(--schemas-property-name-text-color);
  font-size: var(--schemas-property-name-font-size);
  font-family: var(--schemas-property-name-font-family);

  ${s} {
    margin-right: 4px;
    height: var(--schema-chevron-size);
    width: var(--schema-chevron-size);
    fill: var(--schema-chevron-color);
  }
`,$=o.div`
  border-bottom: 1px solid var(--border-color-primary);
  padding: var(--spacing-sm) 0;
`,w=o.span`
  color: var(--schemas-property-name-text-color);
  font-size: var(--schemas-property-name-font-size);
  font-family: var(--schemas-property-name-font-family);
  font-weight: var(--font-weight-bold);

  ${({isDeprecated:r})=>a`
    text-decoration: ${r&&"line-through"};
  `};
`,z=o.span`
  color: var(--text-color-secondary);

  ${c} {
    color: var(--text-color-secondary);
  }
`,k=o.div`
  display: flex;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-md);
  color: var(--text-color-secondary);
`,B=o.div`
  display: flex;
  flex-direction: column;
  ${({contrast:r})=>a`
    border-radius: var(--panel-border-radius);
    background-color: ${r?"var(--schema-nested-background-color)":""};
  `};

  ${p} {
    background-color: transparent;
  }

  h4 {
    margin-top: 0;
  }
`,F=o(n)`
  padding: var(--panel-gap-vertical) var(--panel-gap-horizontal);
  padding-bottom: 0;
`,A=o.div.attrs({className:"panel-overview"})`
  border: 1px solid var(--border-color-secondary);
  border-radius: var(--border-radius);
  background-color: var(--panel-bg-color);

  @media screen and (min-width: ${i.large}) {
    ${({$spacing:r="base"})=>`margin-top: var(--spacing-${r})`};
  }
`,I=o.div`
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: calc(var(--spacing-sm) + 2px) var(--spacing-md) calc(var(--spacing-xs) + 2px);
  border-bottom: 1px solid var(--border-color-secondary);
`,P=o.div`
  display: flex;
  flex-direction: column;
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);
  gap: var(--spacing-xs);
  max-height: 400px;
  overflow-x: auto;
`,C=o(e)`
  border-bottom: ${({expanded:r})=>r?"none!important":"inherit"};
`;export{t as Annotation,h as ArgsCollapsed,F as Breadcrumbs,B as ExpandableFieldBody,C as FieldInfo,w as FieldName,u as FieldNameBox,p as FieldWrapper,y as InlineCode,f as PanelAnnotation,P as PanelBody,I as PanelHeading,A as PanelWrapper,z as ReferenceField,b as ScalarAnnotation,$ as SchemaItemWrapper,k as Value,l as requiredCss};