{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Box/index.tsx", "../javascripts/styled-components/components/KeyValueList/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface BoxProps {\n  $tone?: 'success' | 'positive' | 'accent';\n  $gutter?: 'large';\n  $relative?: boolean;\n  $fillHeight?: boolean;\n}\n\nexport const Box = styled.div.withConfig({ componentId: 'sc-dzcw32-0' })<BoxProps>`\n    border: 1px solid var(--c-border-main);\n    border-radius: ${(props) => props.theme.size.borderRadius};\n\n    ${({ $tone }) =>\n      $tone === 'success' &&\n      css`\n            border-color: var(--c-semantic-success-500);\n        `}\n\n    ${({ $tone }) =>\n      $tone === 'positive' &&\n      css`\n            border: none;\n            background-color: var(--c-positive-bg);\n        `}\n\n    ${({ $tone }) =>\n      $tone === 'accent' &&\n      css`\n            border-color: var(--c-accent-tertiary-border);\n        `}\n\n    ${({ $gutter }) =>\n      $gutter === 'large'\n        ? css`\n                  padding: ${size(3)};\n              `\n        : css`\n                  padding: ${size(2)};\n              `}\n\n    ${({ $relative }) =>\n      $relative &&\n      css`\n            position: relative;\n        `}\n\n    ${({ $fillHeight }) =>\n      $fillHeight &&\n      css`\n            height: 100%;\n        `}\n`;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\nexport const KeyValueListItem = styled.li.withConfig({ componentId: 'sc-1ifn0pq-0' })`\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & + & {\n        margin-top: ${size(1)};\n    }\n`;\n\ninterface IKeyValueList {\n  $valign?: 'middle';\n  $separator?: boolean;\n  $size?: 'small';\n}\n\nexport const KeyValueList = styled.ul.withConfig({ componentId: 'sc-1ifn0pq-1' })<IKeyValueList>`\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    ${({ $valign }) =>\n      $valign === 'middle' &&\n      css`\n            ${KeyValueListItem} {\n                align-items: center;\n            }\n        `}\n\n    ${({ $size }) =>\n      $size === 'small' &&\n      css`\n            font-size: ${(props) => props.theme.font.size.small};\n        `}\n\n    ${({ $separator }) =>\n      $separator &&\n      css`\n            ${KeyValueListItem} {\n                &:not(:last-child) {\n                    padding-bottom: ${size(1)};\n                    border-bottom: 1px solid var(--c-border-main);\n                }\n            }\n        `}\n`;\n\nexport const KeyValueListKey = styled.div.withConfig({ componentId: 'sc-1ifn0pq-2' })`\n    flex: 1 1 auto;\n    color: var(--c-text-muted);\n`;\n\nexport const KeyValueListValue = styled.div.withConfig({ componentId: 'sc-1ifn0pq-3' })`\n    flex: 1 1 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: ${size(2)};\n    text-align: right;\n`;\n"],
  "mappings": "6DAWO,IAAMA,EAAMC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA,qBAEjDC,GAAUA,EAAM,MAAM,KAAK,YAAY;AAAA;AAAA,MAEvD,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,WACVC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,MAAAD,CAAM,IACTA,IAAU,YACVC;AAAA;AAAA;AAAA,SAGG;AAAA;AAAA,MAEH,CAAC,CAAE,MAAAD,CAAM,IACTA,IAAU,UACVC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,QAAAC,CAAQ,IACXA,IAAY,QACRD;AAAA,6BACmBE,EAAK,CAAC,CAAC;AAAA,gBAE1BF;AAAA,6BACmBE,EAAK,CAAC,CAAC;AAAA,eACrB;AAAA;AAAA,MAET,CAAC,CAAE,UAAAC,CAAU,IACbA,GACAH;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,YAAAI,CAAY,IACfA,GACAJ;AAAA;AAAA,SAEG;ECjDF,IAAMK,EAAmBC,EAAO,GAAG,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAM9DC,EAAK,CAAC,CAAC;AAAA;AAAA,EAUhBC,EAAeF,EAAO,GAAG,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,MAK1E,CAAC,CAAE,QAAAG,CAAQ,IACXA,IAAY,UACZC;AAAA,cACQL,CAAgB;AAAA;AAAA;AAAA,SAGrB;AAAA;AAAA,MAEH,CAAC,CAAE,MAAAM,CAAM,IACTA,IAAU,SACVD;AAAA,yBACoBE,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA,SACtD;AAAA;AAAA,MAEH,CAAC,CAAE,WAAAC,CAAW,IACdA,GACAH;AAAA,cACQL,CAAgB;AAAA;AAAA,sCAEQE,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,SAIpC;AAAA,EAGIO,EAAkBR,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,EAKvES,EAAoBT,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIlEC,EAAK,CAAC,CAAC;AAAA;",
  "names": ["Box", "dt", "props", "$tone", "lt", "$gutter", "size", "$relative", "$fillHeight", "KeyValueListItem", "dt", "size", "KeyValueList", "$valign", "lt", "$size", "props", "$separator", "KeyValueListKey", "KeyValueListValue"]
}