{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Columns/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface IColumn {\n  $grow?: boolean;\n  $noShrink?: boolean;\n  $textAlign?: 'left' | 'center' | 'right';\n  $orderSm?: number;\n}\n\nexport const Column = styled.div.withConfig({ componentId: 'sc-sigcj7-0' })<IColumn>`\n    flex: 0 1 auto;\n    min-width: 0;\n\n    ${({ $grow }) =>\n      $grow &&\n      css`\n            flex-grow: 1;\n        `}\n\n    ${({ $noShrink }) =>\n      $noShrink &&\n      css`\n            flex-shrink: 0;\n        `}\n\n        ${({ $textAlign }) =>\n          $textAlign === 'left'\n            ? css`\n                  text-align: left;\n              `\n            : $textAlign === 'center'\n              ? css`\n                  text-align: center;\n              `\n              : $textAlign === 'right'\n                ? css`\n                  text-align: right;\n              `\n                : undefined}\n\n    ${({ $orderSm }) =>\n      $orderSm &&\n      css`\n            ${(props) => props.theme.breakpoint.Sm} {\n                order: ${$orderSm};\n            }\n        `}\n`;\n\ninterface IColumns {\n  $spacing?: number;\n  $flexWrap?: boolean;\n  $flexInline?: boolean;\n  $valign?: 'start' | 'center' | 'end' | 'stretch';\n  $align?: 'start' | 'center' | 'end';\n  $equalWidth?: boolean;\n  $clearLtSm?: boolean;\n  $clearLtMd?: boolean;\n  $clearLtLg?: boolean;\n}\n\nexport const Columns = styled.div.withConfig({ componentId: 'sc-sigcj7-1' })<IColumns>`\n    display: flex;\n    align-items: flex-start;\n\n    ${({ $valign }) =>\n      $valign === 'end'\n        ? css`\n                  align-items: flex-end;\n              `\n        : $valign === 'center'\n          ? css`\n                  align-items: center;\n              `\n          : $valign === 'stretch'\n            ? css`\n                  align-items: stretch;\n              `\n            : css`\n                  align-items: flex-start;\n              `}\n\n    ${({ $align }) =>\n      $align === 'end'\n        ? css`\n                  justify-content: flex-end;\n              `\n        : $align === 'center'\n          ? css`\n                  justify-content: center;\n              `\n          : css`\n                  justify-content: flex-start;\n              `}\n\n  ${({ $spacing }) =>\n    $spacing &&\n    css`\n            margin: ${size($spacing / -2)};\n\n            & > ${Column} {\n                padding: ${size($spacing / 2)};\n            }\n        `}\n\n  ${({ $flexWrap }) =>\n    $flexWrap &&\n    css`\n            flex-wrap: wrap;\n        `}\n\n  ${({ $flexInline }) =>\n    $flexInline &&\n    css`\n            display: inline-flex;\n        `}\n\n    ${({ $equalWidth }) =>\n      $equalWidth &&\n      css`\n            & > ${Column} {\n                flex: 1 1 100%;\n            }\n        `}\n\n  ${({ $clearLtSm }) =>\n    $clearLtSm &&\n    css`\n            ${(props) => props.theme.breakpoint.LtSm} {\n                display: block;\n            }\n        `}\n\n  ${({ $clearLtMd }) =>\n    $clearLtMd &&\n    css`\n            ${(props) => props.theme.breakpoint.LtMd} {\n                display: block;\n            }\n        `}\n\n  ${({ $clearLtLg }) =>\n    $clearLtLg &&\n    css`\n            ${(props) => props.theme.breakpoint.LtLg} {\n                display: block;\n            }\n        `}\n`;\n"],
  "mappings": "6DAWO,IAAMA,EAASC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,MAIpE,CAAC,CAAE,MAAAC,CAAM,IACTA,GACAC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,UAAAC,CAAU,IACbA,GACAD;AAAA;AAAA,SAEG;AAAA;AAAA,UAEC,CAAC,CAAE,WAAAE,CAAW,IACdA,IAAe,OACXF;AAAA;AAAA,gBAGAE,IAAe,SACbF;AAAA;AAAA,gBAGAE,IAAe,QACbF;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,MAErB,CAAC,CAAE,SAAAG,CAAS,IACZA,GACAH;AAAA,cACSI,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,yBACzBD,CAAQ;AAAA;AAAA,SAExB;AAAA,EAeIE,EAAUP,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,MAIrE,CAAC,CAAE,QAAAQ,CAAQ,IACXA,IAAY,MACRN;AAAA;AAAA,gBAGAM,IAAY,SACVN;AAAA;AAAA,gBAGAM,IAAY,UACVN;AAAA;AAAA,gBAGAA;AAAA;AAAA,eAEC;AAAA;AAAA,MAET,CAAC,CAAE,OAAAO,CAAO,IACVA,IAAW,MACPP;AAAA;AAAA,gBAGAO,IAAW,SACTP;AAAA;AAAA,gBAGAA;AAAA;AAAA,eAEG;AAAA;AAAA,IAEX,CAAC,CAAE,SAAAQ,CAAS,IACZA,GACAR;AAAA,sBACkBS,EAAKD,EAAW,EAAE,CAAC;AAAA;AAAA,kBAEvBX,CAAM;AAAA,2BACGY,EAAKD,EAAW,CAAC,CAAC;AAAA;AAAA,SAEpC;AAAA;AAAA,IAEL,CAAC,CAAE,UAAAE,CAAU,IACbA,GACAV;AAAA;AAAA,SAEK;AAAA;AAAA,IAEL,CAAC,CAAE,YAAAW,CAAY,IACfA,GACAX;AAAA;AAAA,SAEK;AAAA;AAAA,MAEH,CAAC,CAAE,YAAAY,CAAY,IACfA,GACAZ;AAAA,kBACYH,CAAM;AAAA;AAAA;AAAA,SAGf;AAAA;AAAA,IAEL,CAAC,CAAE,WAAAgB,CAAW,IACdA,GACAb;AAAA,cACWI,GAAUA,EAAM,MAAM,WAAW,IAAI;AAAA;AAAA;AAAA,SAG3C;AAAA;AAAA,IAEL,CAAC,CAAE,WAAAU,CAAW,IACdA,GACAd;AAAA,cACWI,GAAUA,EAAM,MAAM,WAAW,IAAI;AAAA;AAAA;AAAA,SAG3C;AAAA;AAAA,IAEL,CAAC,CAAE,WAAAW,CAAW,IACdA,GACAf;AAAA,cACWI,GAAUA,EAAM,MAAM,WAAW,IAAI;AAAA;AAAA;AAAA,SAG3C;",
  "names": ["Column", "dt", "$grow", "lt", "$noShrink", "$textAlign", "$orderSm", "props", "Columns", "$valign", "$align", "$spacing", "size", "$flexWrap", "$flexInline", "$equalWidth", "$clearLtSm", "$clearLtMd", "$clearLtLg"]
}