{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/BulletSeparatedList/index.tsx", "../javascripts/styled-components/components/BulletSeparatedList/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { Item, List } from './wrapper';\n\ninterface IBulletSeparatedList {\n  items: React.ReactNode[];\n  tone?: 'alt';\n  size?: 'xsmall' | 'small';\n}\n\nconst BulletSeparatedList = ({ items, tone, size }: IBulletSeparatedList) => (\n  <List $tone={tone} $size={size}>\n    {items?.map((item, i) => (\n      <Item key={`${item}-${i}`}>{item}</Item>\n    ))}\n  </List>\n);\n\nexport default BulletSeparatedList;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface ListProps {\n  $tone?: 'alt';\n  $size?: 'xsmall' | 'small';\n}\n\nexport const List = styled.ul.withConfig({ componentId: 'sc-9z3m67-0' })<ListProps>`\n    --separator-size: ${size(0.5)};\n    --separator-spacing: ${size(1)};\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    ${({ $tone }) =>\n      $tone === 'alt'\n        ? css`\n                  color: var(--c-text-muted);\n              `\n        : undefined}\n\n    ${({ $size }) =>\n      $size === 'xsmall'\n        ? css`\n                  --separator-size: ${size(0.375)};\n                  --separator-spacing: ${size(0.75)};\n\n                  font-size: ${(props) => props.theme.font.size.xsmall};\n                  line-height: var(--line-height-small-static);\n              `\n        : $size === 'small'\n          ? css`\n                  --separator-spacing: ${size(0.75)};\n\n                  font-size: ${(props) => props.theme.font.size.small};\n                  line-height: var(--line-height-small-static);\n              `\n          : undefined}\n`;\n\nexport const Item = styled.li.withConfig({ componentId: 'sc-9z3m67-1' })`\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) {\n        &::after {\n            content: \"\";\n            flex-shrink: 0;\n            width: var(--separator-size);\n            height: var(--separator-size);\n            margin: 0 var(--separator-spacing);\n            border-radius: 50%;\n            background-color: var(--c-text-muted);\n        }\n    }\n`;\n"],
  "mappings": "yGAAA,IAAAA,EAAkB,SCSX,IAAMC,EAAOC,EAAO,GAAG,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,wBAC/CC,EAAK,EAAG,CAAC;AAAA,2BACNA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAS5B,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,MACNC;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,MAEb,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,SACND;AAAA,sCAC4BF,EAAK,IAAK,CAAC;AAAA,yCACRA,EAAK,GAAI,CAAC;AAAA;AAAA,+BAEnBI,GAAUA,EAAM,MAAM,KAAK,KAAK,MAAM;AAAA;AAAA,gBAG5DD,IAAU,QACRD;AAAA,yCAC6BF,EAAK,GAAI,CAAC;AAAA;AAAA,+BAEnBI,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA;AAAA,gBAGzD,MAAS;AAAA,EAGRC,EAAON,EAAO,GAAG,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EDpCvE,IAAMO,EAAsB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,KAAAC,CAAK,IAC/C,EAAAC,QAAA,cAACC,EAAA,CAAK,MAAOH,EAAM,MAAOC,GACvBF,GAAO,IAAI,CAACK,EAAMC,IACjB,EAAAH,QAAA,cAACI,EAAA,CAAK,IAAK,GAAGF,CAAI,IAAIC,CAAC,IAAKD,CAAK,CAClC,CACH,EAGKG,EAAQT",
  "names": ["import_react", "List", "dt", "size", "$tone", "lt", "$size", "props", "Item", "BulletSeparatedList", "items", "tone", "size", "React", "List", "item", "i", "Item", "BulletSeparatedList_default"]
}