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

Redocly GraphQL docs

var p=Object.create;var i=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var x=(o,e)=>{for(var r in e)i(o,r,{get:e[r],enumerable:!0})},c=(o,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!v.call(o,a)&&a!==r&&i(o,a,{get:()=>e[a],enumerable:!(d=s(e,a))||d.enumerable});return o};var b=(o,e,r)=>(r=o!=null?p(g(o)):{},c(e||!o||!o.__esModule?i(r,"default",{value:o,enumerable:!0}):r,o)),h=o=>c(i({},"__esModule",{value:!0}),o);var y={};x(y,{SectionHeader:()=>m,StyledCodeBlock:()=>k,StyledJsonViewer:()=>w,VariablesContainer:()=>f});module.exports=h(y);var n=b(require("styled-components")),t=require("@redocly/theme");const m=n.default.div`
  font-weight: var(--panel-heading-font-weight-local);
  line-height: var(--line-height-base);
  color: var(--panel-heading-text-color);
`,k=(0,n.default)(t.CodeBlock)`
  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;
  }
`,f=n.default.div`
  border-top: 1px solid var(--border-color-secondary);
`,w=(0,n.default)(t.JsonViewer)`
  .code-block-header {
    margin-top: ${({$headerMarginTop:o="var(--spacing-sm)"})=>o};
  }
  --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
`;0&&(module.exports={SectionHeader,StyledCodeBlock,StyledJsonViewer,VariablesContainer});