{"version":3,"file":"js/8054-44547901602356c6b3e7.js","mappings":"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","sources":["webpack://app/./app/javascript/components/atoms/Checkbox/Checkbox.styles.ts","webpack://app/./app/javascript/components/atoms/Checkbox/Checkbox.tsx","webpack://app/./app/javascript/components/atoms/Checkbox/index.ts"],"sourcesContent":["import styled from '@emotion/styled'\nimport tokens from '@lacedltd/design-tokens'\n\nexport const CheckboxSpan = styled.span({\n  fontSize: tokens.fontSize[1],\n  textTransform: 'none',\n  color: tokens.color.airJordan[600]\n})\n\nexport const CheckIcon = styled.div<{ large: boolean }>(({ large }) => ({\n  width: large ? '1.25rem' : '1rem',\n  height: large ? '1.25rem' : '1rem',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'transparent',\n  borderRadius: tokens.borderRadius.s,\n  border: `${tokens.borderWidth.xs} solid ${tokens.color.airJordan.p}`,\n  flexShrink: 0,\n\n  svg: {\n    display: 'none'\n  }\n}))\n\nexport const CheckboxInput = styled.input()\nexport const Graphic = styled.g()\n\nexport const CheckboxLabel = styled.label<{\n  textAlign?: 'left' | 'right'\n  inverted?: boolean\n  centeredIcon?: boolean\n}>(({ textAlign, inverted, centeredIcon = false }) => ({\n  ...(inverted && {\n    [`${CheckIcon}`]: {\n      borderColor: tokens.color.yeezy[0]\n    }\n  }),\n\n  ...(centeredIcon && {\n    [`& > ${CheckIcon}`]: {\n      alignSelf: 'center'\n    }\n  }),\n\n  // Label styles\n  display: 'flex',\n  backgroundColor: 'transparent',\n  marginBottom: 0,\n  marginLeft: 0,\n  padding: 0,\n  flexDirection: textAlign === 'left' ? 'row-reverse' : 'row',\n\n  // Span styles\n  [`${CheckboxSpan}`]: {\n    marginLeft: textAlign === 'left' ? '' : tokens.spacing[4],\n    marginRight: textAlign === 'left' ? tokens.spacing[4] : '',\n    lineHeight: tokens.lineHeight.body,\n    color: inverted ? tokens.color.yeezy[0] : tokens.color.airJordan[600]\n  },\n\n  // Hover styles\n  [`${CheckboxInput}:hover ~ ${CheckIcon}`]: {\n    svg: {\n      display: 'block'\n    },\n\n    [`${Graphic}`]: {\n      fill: tokens.color.airJordan[400]\n    }\n  },\n\n  // Checked styles\n  [`${CheckboxInput}:checked ~ ${CheckIcon}`]: {\n    backgroundColor: inverted\n      ? tokens.color.yeezy[0]\n      : tokens.color.airJordan.p,\n    borderColor: inverted ? tokens.color.yeezy[0] : tokens.color.airJordan.p,\n    pointerEvents: inverted ? 'none' : 'auto',\n\n    svg: {\n      display: 'block'\n    },\n\n    [`${Graphic}`]: {\n      fill: inverted ? tokens.color.airJordan.p : tokens.color.yeezy[0]\n    }\n  },\n\n  // Disabled styles\n  [`${CheckboxInput}:disabled ~ ${CheckIcon}`]: {\n    backgroundColor: tokens.color.airJordan[inverted ? 700 : 200],\n    borderColor: tokens.color.airJordan[inverted ? 800 : 300]\n  },\n\n  [`${CheckboxInput}:disabled ~ ${CheckboxSpan}`]: {\n    color: tokens.color.airJordan[500]\n  },\n\n  // Toggle styles\n  [`${CheckboxInput}:checked`]: {\n    [`& + ${CheckboxSpan}`]: {\n      color: tokens.color.yeezy[0]\n    }\n  }\n}))\n","import * as React from 'react'\nimport { Tooltip } from '@lacedltd/laced-components'\nimport * as S from './Checkbox.styles'\n\nconst Checkbox = ({\n  inverted,\n  large = false,\n  textAlign = 'right',\n  className,\n  children,\n  centeredIcon = false,\n  tooltip,\n  ...restProps\n}: CheckboxProps) => {\n  const classes = [className, 'styled-label'].join(' ')\n\n  const checkbox = (\n    <S.CheckboxLabel\n      textAlign={textAlign}\n      inverted={inverted}\n      centeredIcon={centeredIcon}\n      className={classes}\n    >\n      <S.CheckboxInput type=\"checkbox\" {...restProps} />\n      <Check large={large} />\n      <S.CheckboxSpan>{children}</S.CheckboxSpan>\n    </S.CheckboxLabel>\n  )\n\n  return tooltip?.length ? (\n    <Tooltip value={tooltip}>{checkbox}</Tooltip>\n  ) : (\n    checkbox\n  )\n}\n\nexport default Checkbox\n\nconst Check = ({ large }: CheckProps) => (\n  <S.CheckIcon large={large}>\n    <svg\n      height=\"8px\"\n      viewBox=\"0 0 273 220\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g stroke=\"none\" strokeWidth=\"1\" fillRule=\"evenodd\">\n        <S.Graphic transform=\"translate(-30.000000, 0.000000)\">\n          <polygon points=\"303 42 254 0 134 129 73 75 30 123 139 220\" />\n        </S.Graphic>\n      </g>\n    </svg>\n  </S.CheckIcon>\n)\n\ninterface CheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  inverted?: boolean\n  large?: boolean\n  textAlign?: 'left' | 'right'\n  centeredIcon?: boolean\n  value?: any\n  tooltip?: string\n}\n\ninterface CheckProps {\n  large: boolean\n}\n","import Checkbox from './Checkbox'\n\nexport default Checkbox\n"],"names":["CheckboxSpan","_styled","target","fontSize","tokens","textTransform","color","airJordan","CheckIcon","large","width","height","display","alignItems","justifyContent","backgroundColor","borderRadius","s","border","xs","p","flexShrink","svg","CheckboxInput","Graphic","CheckboxLabel","textAlign","inverted","centeredIcon","borderColor","yeezy","alignSelf","marginBottom","marginLeft","padding","flexDirection","marginRight","lineHeight","body","fill","pointerEvents","Checkbox","className","children","tooltip","restProps","classes","join","checkbox","React","S","Object","assign","type","Check","length","Tooltip","value","viewBox","version","xmlns","stroke","strokeWidth","fillRule","transform","points"],"sourceRoot":""}