{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/IconBackdrop/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface IconBackdropProps {\n  $tone?: 'accent' | 'success' | 'warning' | 'error';\n  $size?: 'small';\n}\n\nexport const IconBackdrop = styled.div.withConfig({ componentId: 'sc-h5fztp-0' })<IconBackdropProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--icon-backdrop-size, ${size(5)});\n    height: var(--icon-backdrop-size, ${size(5)});\n    border-radius: 50%;\n    background-color: var(--icon-backdrop-bg, var(--c-bg-alt));\n    color: var(--icon-backdrop-fg, var(--c-text-main));\n    font-size: var(--icon-backdrop-font-size, ${(props) => props.theme.font.size.regular});\n\n    ${({ $tone }) =>\n      $tone === 'accent'\n        ? css`\n                  --icon-backdrop-bg: var(--c-accent-alt-bg);\n                  --icon-backdrop-fg: var(--c-accent-alt-fg);\n              `\n        : $tone === 'success'\n          ? css`\n                  --icon-backdrop-bg: var(--c-semantic-success-300);\n                  --icon-backdrop-fg: var(--c-semantic-success-700);\n              `\n          : $tone === 'warning'\n            ? css`\n                  --icon-backdrop-bg: var(--c-semantic-warning-300);\n                  --icon-backdrop-fg: var(--c-semantic-warning-700);\n              `\n            : $tone === 'error'\n              ? css`\n                  --icon-backdrop-bg: var(--c-semantic-error-300);\n                  --icon-backdrop-fg: var(--c-semantic-error-700);\n              `\n              : undefined}\n\n    ${({ $size }) =>\n      $size === 'small'\n        ? css`\n                  --icon-backdrop-size: ${size(3)};\n                  --icon-backdrop-font-size: var(--font-size-xsmall-static);\n              `\n        : undefined}\n`;\n"],
  "mappings": "6DASO,IAAMA,EAAeC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,uCAIzCC,EAAK,CAAC,CAAC;AAAA,wCACNA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,gDAIEC,GAAUA,EAAM,MAAM,KAAK,KAAK,OAAO;AAAA;AAAA,MAElF,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,SACNC;AAAA;AAAA;AAAA,gBAIAD,IAAU,UACRC;AAAA;AAAA;AAAA,gBAIAD,IAAU,UACRC;AAAA;AAAA;AAAA,gBAIAD,IAAU,QACRC;AAAA;AAAA;AAAA,gBAIA,MAAS;AAAA;AAAA,MAEnB,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,QACND;AAAA,0CACgCH,EAAK,CAAC,CAAC;AAAA;AAAA,gBAGvC,MAAS;",
  "names": ["IconBackdrop", "dt", "size", "props", "$tone", "lt", "$size"]
}