{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/LayoutGrid/index.tsx", "../javascripts/styled-components/components/ActionButton/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\nexport interface ILayoutGridItem {\n  $width?: number;\n  $widthSm?: number;\n  $widthMd?: number;\n  $widthLg?: number;\n  $orderLtMd?: number;\n  $orderMd?: number;\n}\n\nexport const LayoutGridItem = styled.div.withConfig({ componentId: 'sc-1cmpki5-0' })<ILayoutGridItem>`\n    flex: 1 0 auto;\n    width: 100%;\n    max-width: 100%;\n\n    ${({ $width }) =>\n      $width &&\n      css`\n            width: ${$width}%;\n            max-width: ${$width}%;\n        `}\n\n    ${({ $widthSm }) =>\n      $widthSm &&\n      css`\n            ${(props) => props.theme.breakpoint.Sm} {\n                width: ${$widthSm}%;\n                max-width: ${$widthSm}%;\n            }\n        `}\n\n  ${({ $widthMd }) =>\n    $widthMd &&\n    css`\n            ${(props) => props.theme.breakpoint.Md} {\n                width: ${$widthMd}%;\n                max-width: ${$widthMd}%;\n            }\n        `}\n\n  ${({ $widthLg }) =>\n    $widthLg &&\n    css`\n            ${(props) => props.theme.breakpoint.Lg} {\n                width: ${$widthLg}%;\n                max-width: ${$widthLg}%;\n            }\n        `}\n\n    ${({ $orderLtMd }) =>\n      $orderLtMd &&\n      css`\n            ${(props) => props.theme.breakpoint.LtMd} {\n                order: ${$orderLtMd};\n            }\n        `}\n\n    ${({ $orderMd }) =>\n      $orderMd &&\n      css`\n            ${(props) => props.theme.breakpoint.Md} {\n                order: ${$orderMd};\n            }\n        `}\n`;\n\nexport interface ILayoutGrid {\n  $spacing?: number;\n  $align?: 'start' | 'end' | 'center';\n}\n\nexport const LayoutGrid = styled.div.withConfig({ componentId: 'sc-1cmpki5-1' })<ILayoutGrid>`\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    ${({ $spacing }) =>\n      $spacing &&\n      css`\n            margin: -${size($spacing / 2)};\n\n            ${LayoutGridItem} {\n                padding: ${size($spacing / 2)};\n            }\n        `}\n\n    ${({ $align }) =>\n      $align === 'end'\n        ? css`\n                  align-items: flex-end;\n              `\n        : $align === 'center'\n          ? css`\n                  align-items: center;\n              `\n          : css`\n                  align-items: flex-start;\n              `}\n`;\n", "import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { fadeIn } from '../../layout/keyframes';\nimport { ButtonReset } from '../../layout/reset';\n\nexport const ActionButton = styled(ButtonReset).withConfig({ componentId: 'sc-198fdj7-0' })`\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: ${size(4.5)};\n    height: ${size(4.5)};\n    background-color: var(--c-bg-main);\n    color: var(--c-text-main);\n    border-radius: 50%;\n    box-shadow: 0 1px 5px rgba(var(--c-overlay-rgb), 0.2);\n    font-size: ${(props) => props.theme.font.size.regular};\n    transform-origin: 50% 50%;\n    transition: transform 200ms ease;\n    animation: ${fadeIn} 400ms ease;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: inherit;\n        box-shadow: 0 1px 20px rgba(var(--c-overlay-rgb), 0.2);\n        opacity: 0;\n        transition: opacity 200ms ease;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    &:hover {\n        &:before {\n            opacity: 1;\n        }\n    }\n`;\n"],
  "mappings": "sJAaO,IAAMA,EAAiBC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,MAK7E,CAAC,CAAE,OAAAC,CAAO,IACVA,GACAC;AAAA,qBACeD,CAAM;AAAA,yBACFA,CAAM;AAAA,SACtB;AAAA;AAAA,MAEH,CAAC,CAAE,SAAAE,CAAS,IACZA,GACAD;AAAA,cACSE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,yBACzBD,CAAQ;AAAA,6BACJA,CAAQ;AAAA;AAAA,SAE5B;AAAA;AAAA,IAEL,CAAC,CAAE,SAAAE,CAAS,IACZA,GACAH;AAAA,cACWE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,yBACzBC,CAAQ;AAAA,6BACJA,CAAQ;AAAA;AAAA,SAE5B;AAAA;AAAA,IAEL,CAAC,CAAE,SAAAC,CAAS,IACZA,GACAJ;AAAA,cACWE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,yBACzBE,CAAQ;AAAA,6BACJA,CAAQ;AAAA;AAAA,SAE5B;AAAA;AAAA,MAEH,CAAC,CAAE,WAAAC,CAAW,IACdA,GACAL;AAAA,cACSE,GAAUA,EAAM,MAAM,WAAW,IAAI;AAAA,yBAC3BG,CAAU;AAAA;AAAA,SAE1B;AAAA;AAAA,MAEH,CAAC,CAAE,SAAAC,CAAS,IACZA,GACAN;AAAA,cACSE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA,yBACzBI,CAAQ;AAAA;AAAA,SAExB;AAAA,EAQIC,EAAaT,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQzE,CAAC,CAAE,SAAAU,CAAS,IACZA,GACAR;AAAA,uBACiBS,EAAKD,EAAW,CAAC,CAAC;AAAA;AAAA,cAE3BX,CAAc;AAAA,2BACDY,EAAKD,EAAW,CAAC,CAAC;AAAA;AAAA,SAEpC;AAAA;AAAA,MAEH,CAAC,CAAE,OAAAE,CAAO,IACVA,IAAW,MACPV;AAAA;AAAA,gBAGAU,IAAW,SACTV;AAAA;AAAA,gBAGAA;AAAA;AAAA,eAEG;ECjGR,IAAMW,EAAeC,EAAOC,CAAW,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7EC,EAAK,GAAG,CAAC;AAAA,cACRA,EAAK,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKLC,GAAUA,EAAM,MAAM,KAAK,KAAK,OAAO;AAAA;AAAA;AAAA,iBAGxCC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
  "names": ["LayoutGridItem", "dt", "$width", "lt", "$widthSm", "props", "$widthMd", "$widthLg", "$orderLtMd", "$orderMd", "LayoutGrid", "$spacing", "size", "$align", "ActionButton", "dt", "ButtonReset", "size", "props", "fadeIn"]
}