@redocly/graphql-docs/lib/src/common/components/Box.js

Redocly GraphQL docs

var c=Object.create;var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(t,i)=>{for(var n in i)o(t,n,{get:i[n],enumerable:!0})},d=(t,i,n,p)=>{if(i&&typeof i=="object"||typeof i=="function")for(let a of f(i))!g.call(t,a)&&a!==n&&o(t,a,{get:()=>i[a],enumerable:!(p=r(i,a))||p.enumerable});return t};var y=(t,i,n)=>(n=t!=null?c($(t)):{},d(i||!t||!t.__esModule?o(n,"default",{value:t,enumerable:!0}):n,t)),m=t=>d(o({},"__esModule",{value:!0}),t);var B={};x(B,{Box:()=>u,BoxCss:()=>s,BoxGap:()=>l,InlineBox:()=>v});module.exports=m(B);var e=y(require("styled-components"));const l=e.css`
  padding: ${({rowGap:t=0})=>`calc(var(--spacing-unit) * ${t}) 0`};

  &:first-of-type {
    padding-top: 0;
  }

  &:last-of-type {
    padding-bottom: 0;
  }

  & > & {
    padding-left: ${({gutter:t=0})=>`calc(var(--spacing-unit) * ${t})`};
    padding-right: ${({gutter:t=0})=>`calc(var(--spacing-unit) * ${t})`};

    &:first-of-type {
      padding-left: 0;
    }

    &:last-of-type {
      padding-right: 0;
    }
  }
`,s=e.css`
  ${({direction:t,basis:i,wrap:n,align:p,justify:a})=>e.css`
    flex-direction: ${t};
    flex-basis: ${i};
    flex-wrap: ${n};
    align-items: ${p};
    justify-content: ${a};
  `}

  ${({gutter:t})=>t!=null?l:""};
`,u=e.default.div`
  display: flex;
  width: 100%;

  ${s};
`,v=e.default.div`
  display: inline-flex;
  align-items: center;

  ${s};
`;0&&(module.exports={Box,BoxCss,BoxGap,InlineBox});