{"version":3,"sources":["webpack:///./app/react/onboarding/common/components/forms/Button.js","webpack:///./app/react/onboarding/common/components/forms/Divider.js","webpack:///./app/react/onboarding/common/components/forms/SSOButton.js","webpack:///./app/react/onboarding/common/components/forms/TransparentButton.js","webpack:///./app/assets/images/SSO_Clever.svg"],"names":["Button","styled","BaseButton","attrs","opacity","disabled","undefined","disabledOpacity","Hr","hr","theme","colors","gray200","Divider","props","display","alignItems","fontWeight","fontSize","px","IconBox","Box","bg","color","width","justifyContent","my","ml","SSOButton","children","icon","weight","as","flex","textAlign","mr","TransparentButton","BaseTransparentButton","blue700","blue500","module","exports"],"mappings":"2RAQeA,EAJAC,kBAAOC,UAAYC,OAAM,gBAAGC,EAAH,EAAGA,QAASC,EAAZ,EAAYA,SAAZ,MAA4B,CAClED,aAAqBE,IAAZF,GAAyBC,EAAWE,kBAAkBH,MADrD,kCAAGH,CAAH,M,0vBCAZ,IAAMO,EAAKP,UAAOQ,GAAV,uCAAGR,CAAH,qDAEQ,qBAAGS,MAAkBC,OAAOC,WAK7B,SAASC,EAAQC,GAC9B,OACE,eAAC,MAAD,KAAKC,QAAQ,OAAOC,WAAW,UAAaF,GAA5C,cACE,cAACN,EAAD,IACA,cAAC,OAAD,CAAMS,WAAY,IAAKC,SAAU,EAAGC,GAAI,EAAxC,gBAGA,cAACX,EAAD,Q,2kCCbN,IAAMY,EAAUnB,kBAAOoB,OAAKlB,OAAM,iBAAO,CACvCmB,GAAI,QACJC,MAAO,QACPR,QAAS,OACTS,MAAO,mBACPR,WAAY,SACZS,eAAgB,SAChBC,GAAI,oBACJC,GAAI,wBARO,8CAAG1B,CAAH,+DAcE,SAAS2B,EAAT,GAAkD,IAA7BC,EAA4B,EAA5BA,SAAUC,EAAkB,EAAlBA,KAAShB,EAAS,OAC9D,OACE,eAAC,EAAD,KAAQC,QAAQ,QAAWD,GAA3B,cACE,cAACM,EAAD,UACmB,kBAATU,EAAoB,cAAC,OAAD,CAAMA,KAAMA,EAAMC,OAAO,WAAcD,IAIrE,cAAC,OAAD,CAAME,GAAG,OAAOC,KAAK,IAAIC,UAAU,SAASC,IAAK,EAAGhB,GAAI,EAAxD,SACGU,QCpBT,IAkBeO,EAlBWnC,kBAAOoC,qBAAuBlC,OACtD,gBAAGC,EAAH,EAAGA,QAASC,EAAZ,EAAYA,SAAZ,MAA4B,CAC1BD,aAAqBE,IAAZF,GAAyBC,EAAWE,kBAAkBH,MAF5C,6CAAGH,CAAH,+GAMI,qBAAGS,MAAkBC,OAAO2B,WAI1C,qBAAG5B,MAAkBC,OAAO4B,Y,oBClBzCC,EAAOC,QAAU,IAA0B","file":"onboarding/sign-in~onboarding/sign-up.2825768eee088c476e8b.chunk.js","sourcesContent":["import styled from 'styled-components'\n\nimport { Button as BaseButton, disabledOpacity } from '@redriverpress/system'\n\nconst Button = styled(BaseButton).attrs(({ opacity, disabled }) => ({\n  opacity: opacity === undefined && disabled ? disabledOpacity : opacity,\n}))``\n\nexport default Button\n","import styled from 'styled-components'\n\nimport { Box, Text } from '@redriverpress/system'\n\nconst Hr = styled.hr`\n  border: 0;\n  background: ${({ theme }) => theme.colors.gray200};\n  height: 2px;\n  flex-grow: 1;\n`\n\nexport default function Divider(props) {\n  return (\n    <Box display='flex' alignItems='center' {...props}>\n      <Hr />\n      <Text fontWeight={600} fontSize={2} px={2}>\n        or\n      </Text>\n      <Hr />\n    </Box>\n  )\n}\n","import styled from 'styled-components'\n\nimport { Box, Icon, Text } from '@redriverpress/system'\nimport Button from './Button'\n\nconst IconBox = styled(Box).attrs(() => ({\n  bg: 'white',\n  color: 'black',\n  display: 'flex', // will allow for different icon & logo widths when we use this for generalized SSO buttons\n  width: 'calc(3rem - 2px)', // width matches width of icons in inputs so they look a nice when stacked\n  alignItems: 'center',\n  justifyContent: 'center',\n  my: 'calc(-1rem + 2px)', // offset for button padding and allowing for an 'border'\n  ml: 'calc(-2rem + 2px)', // offset for button padding and allowing for an 'border'\n}))`\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n`\n\nexport default function SSOButton({ children, icon, ...props }) {\n  return (\n    <Button display='flex' {...props}>\n      <IconBox>\n        {typeof icon === 'string' ? <Icon icon={icon} weight='brands' /> : icon}\n      </IconBox>\n      {/* negative margin right offsets padding of button */}\n      {/* padding on text prevents the text from squishing on either side */}\n      <Text as='span' flex='1' textAlign='center' mr={-4} px={3}>\n        {children}\n      </Text>\n    </Button>\n  )\n}\n","import styled from 'styled-components'\n\nimport {\n  TransparentButton as BaseTransparentButton,\n  disabledOpacity,\n} from '@redriverpress/system'\n\n// TransparentButton should be displayed like a link (underline decoration)\nconst TransparentButton = styled(BaseTransparentButton).attrs(\n  ({ opacity, disabled }) => ({\n    opacity: opacity === undefined && disabled ? disabledOpacity : opacity,\n  })\n)`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.colors.blue700};\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.colors.blue500};\n  }\n\n  &:disabled {\n    color: inherit;\n  }\n`\n\nexport default TransparentButton\n","module.exports = __webpack_public_path__ + \"media/images/SSO_Clever-6150eea8.svg\";"],"sourceRoot":""}