{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Checklist/index.tsx", "../javascripts/styled-components/components/Checklist/wrapper.tsx", "../javascripts/styled-components/components/Sheet/index.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { IconCheck } from '../Icon';\nimport { Icon, Item, List, Title } from './wrapper';\n\ninterface IChecklist {\n  items: React.ReactNode[];\n  icon?: React.ReactNode;\n  iconTone?: 'error';\n  spacing?: 'small' | 'large';\n  align?: 'center';\n  size?: 'small';\n}\n\nconst Checklist = ({ items, icon, iconTone, spacing, align, size }: IChecklist) => (\n  <List $spacing={spacing} $size={size}>\n    {items?.map((item, i) => (\n      <Item key={`${item}-${i}`} $align={align}>\n        <Icon $tone={iconTone}>{icon ? icon : <IconCheck />}</Icon>\n        <Title>{item}</Title>\n      </Item>\n    ))}\n  </List>\n);\n\nexport default Checklist;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface ItemProps {\n  $align?: 'center';\n}\n\nexport const Item = styled.li.withConfig({ componentId: 'sc-15rb1rp-0' })<ItemProps>`\n    display: flex;\n    align-items: flex-start;\n\n    ${({ $align }) =>\n      $align === 'center'\n        ? css`\n                  justify-content: center;\n              `\n        : undefined}\n`;\n\ninterface ListsProps {\n  $spacing?: 'large' | 'small';\n  $size?: 'small';\n}\n\nexport const List = styled.ul.withConfig({ componentId: 'sc-15rb1rp-1' })<ListsProps>`\n    --checklist-icon-size: ${(props) => props.theme.font.size.regular};\n    --checklist-title-size: ${(props) => props.theme.font.size.regular};\n    --checklist-line-height: ${(props) => props.theme.font.lineHeight.main};\n    --checklist-icon-spacing: ${size(1.5)};\n\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    ${({ $spacing }) =>\n      $spacing === 'large'\n        ? css`\n                  ${Item} + ${Item} {\n                      margin-top: ${size(3)};\n                  }\n              `\n        : $spacing === 'small'\n          ? css`\n                  ${Item} + ${Item} {\n                      margin-top: ${size(0.5)};\n                  }\n              `\n          : css`\n                  ${Item} + ${Item} {\n                      margin-top: ${size(1)};\n                  }\n              `}\n\n    ${({ $size }) =>\n      $size === 'small'\n        ? css`\n                  --checklist-icon-size: ${(props) => props.theme.font.size.small};\n                  --checklist-title-size: ${(props) => props.theme.font.size.small};\n                  --checklist-icon-spacing: ${size(1)};\n              `\n        : undefined}\n`;\n\ninterface IconProps {\n  $tone?: 'error';\n}\n\nexport const Icon = styled.div.withConfig({ componentId: 'sc-15rb1rp-2' })<IconProps>`\n    flex-shrink: 0;\n    padding-right: var(--checklist-icon-spacing);\n    color: var(--c-semantic-success-500);\n    font-size: var(--checklist-icon-size);\n    margin-top: calc((var(--checklist-icon-size) - var(--checklist-title-size) * var(--checklist-line-height)) / -2);\n\n    ${({ $tone }) =>\n      $tone === 'error'\n        ? css`\n                  color: var(--c-semantic-error-500);\n              `\n        : undefined}\n`;\n\nexport const Title = styled.div.withConfig({ componentId: 'sc-15rb1rp-3' })`\n    font-size: var(--checklist-title-size);\n    line-height: var(--checklist-line-height);\n`;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface SheetProps {\n  $tone?: 'primary' | 'secondary' | 'accent';\n  $gutter?: 'tiny' | 'small';\n  $borderRadius?: 'large';\n}\n\nexport const Sheet = styled.div.withConfig({ componentId: 'sc-4vi3va-0' })<SheetProps>`\n    --sheet-bg: var(--c-bg-alt);\n\n    padding: ${size(4)} ${size(2)};\n    background-color: var(--sheet-bg);\n    border-radius: ${size(2)};\n\n    ${(props) => props.theme.breakpoint.Md} {\n        padding: ${size(5)} ${size(7)};\n    }\n\n    ${({ $tone }) =>\n      $tone === 'primary'\n        ? css`\n                  --sheet-bg: var(--c-sheet-primary);\n              `\n        : $tone === 'secondary'\n          ? css`\n                  --sheet-bg: var(--c-sheet-secondary);\n              `\n          : $tone === 'accent'\n            ? css`\n                  --sheet-bg: var(--c-sheet-accent);\n              `\n            : undefined}\n\n    ${({ $gutter }) =>\n      $gutter === 'tiny'\n        ? css`\n                  padding: ${size(2)};\n                  border-radius: ${size(1.5)};\n\n                  ${(props) => props.theme.breakpoint.Md} {\n                      padding: ${size(2)};\n                  }\n              `\n        : $gutter === 'small'\n          ? css`\n                  padding: ${size(2)};\n                  border-radius: ${size(1.5)};\n\n                  ${(props) => props.theme.breakpoint.Md} {\n                      padding: ${size(3)};\n                  }\n              `\n          : undefined}\n\n${({ $borderRadius }) =>\n  $borderRadius === 'large'\n    ? css`\n                  border-radius: ${size(2)};\n              `\n    : undefined}\n`;\n"],
  "mappings": "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",
  "names": ["import_react", "Item", "dt", "$align", "lt", "List", "props", "size", "$spacing", "$size", "Icon", "$tone", "Title", "Checklist", "items", "icon", "iconTone", "spacing", "align", "size", "React", "List", "item", "i", "Item", "Icon", "IconCheck", "Title", "Checklist_default", "Sheet", "dt", "size", "props", "$tone", "lt", "$gutter", "$borderRadius"]
}