{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputLabel/wrapper.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { ButtonReset } from '../../layout/reset';\n\n// Exported label styling usable in other components\nexport const labelStyle = css`\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    font-size: ${(props) => props.theme.font.size.small};\n    font-weight: var(--font-weight-medium);\n`;\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-16trilv-0' })`\n    margin-bottom: ${size(0.5)};\n`;\n\nexport const Header = styled.div.withConfig({ componentId: 'sc-16trilv-1' })`\n    display: flex;\n    justify-content: space-between;\n`;\n\nexport const Label = styled.label.withConfig({ componentId: 'sc-16trilv-2' })`\n    ${labelStyle};\n`;\n\nexport const HelpBtn = styled(ButtonReset).withConfig({ componentId: 'sc-16trilv-3' })`\n    position: relative;\n    flex-shrink: 0;\n    margin-left: ${size(2)};\n    color: var(--c-link);\n    font-size: ${(props) => props.theme.font.size.regular};\n\n    // Hitbox\n    &::before {\n        content: \"\";\n        position: absolute;\n        inset: ${size(-1)};\n    }\n`;\n\n// Ghost element to use when a spacer with the same size as label is required\nexport const LabelGhost = styled.div.attrs(() => ({\n  'aria-hidden': 'true',\n})).withConfig({ componentId: 'sc-16trilv-4' })`\n    --_line-height: 1.5;\n    --_margin-bottom: ${size(0.5)};\n\n    height: calc((var(--font-size-small) * var(--_line-height)) + var(--_margin-bottom));\n`;\n"],
  "mappings": "4GAMO,IAAMA,EAAaC;AAAA;AAAA;AAAA;AAAA,iBAIRC,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA;AAAA,EAI1CC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,qBACvDC,EAAK,EAAG,CAAC;AAAA,EAGjBC,EAASF,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,EAK9DG,EAAQH,EAAO,MAAM,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,MACtEJ,CAAU;AAAA,EAGHQ,EAAUJ,EAAOK,CAAW,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,mBAGlEJ,EAAK,CAAC,CAAC;AAAA;AAAA,iBAERH,GAAUA,EAAM,MAAM,KAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMxCG,EAAK,EAAE,CAAC;AAAA;AAAA,EAKZK,EAAaN,EAAO,IAAI,MAAM,KAAO,CAChD,cAAe,MACjB,EAAE,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA,wBAEtBC,EAAK,EAAG,CAAC;AAAA;AAAA;",
  "names": ["labelStyle", "lt", "props", "Wrapper", "dt", "size", "Header", "Label", "HelpBtn", "ButtonReset", "LabelGhost"]
}