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

Redocly GraphQL docs

import{CodeBlock as r,JsonViewer as a}from"@redocly/theme";import{styled as o}from"../../styled-components.js";const t=o.div`
  font-weight: var(--panel-heading-font-weight-local);
  line-height: var(--line-height-base);
  color: var(--panel-heading-text-color);
`,d=o(r)`
  border: none;
  margin: 0 0 0 auto;
  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;

  .code-block-header {
    border-bottom: 0;
    padding-right: var(--spacing-sm);
    margin-top: 0;
  }
`,c=o.div`
  border-top: 1px solid var(--border-color-secondary);
`,p=o(a)`
  .code-block-header {
    margin-top: ${({$headerMarginTop:e="var(--spacing-sm)"})=>e};
  }
  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
`;export{t as SectionHeader,d as StyledCodeBlock,p as StyledJsonViewer,c as VariablesContainer};