{"version":3,"sources":["webpack://_N_E/./node_modules/nanoid/index.browser.js","webpack://_N_E/./src/assets/icons/icon-view.svg","webpack://_N_E/./node_modules/@hookform/error-message/dist/index.esm.js","webpack://_N_E/./src/components/text-input/text-input.tsx","webpack://_N_E/./src/styles/colors.ts","webpack://_N_E/./src/styles/spacing.ts","webpack://_N_E/./src/styles/font-size.ts","webpack://_N_E/./src/styles/theme-light.ts","webpack://_N_E/./src/styles/media-queries.ts","webpack://_N_E/./src/assets/images/check.svg","webpack://_N_E/./src/styles/border-radius.ts","webpack://_N_E/./src/assets/images/alert.svg","webpack://_N_E/./src/components/text-input/text-input.styles.ts","webpack://_N_E/./src/styles/z-index.ts"],"names":["nanoid","size","id","bytes","crypto","getRandomValues","Uint8Array","byte","toString","toUpperCase","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_ref","d","fill","_ref2","SvgIconView","props","xmlns","viewBox","o","m","as","f","errors","name","u","message","c","render","g","r","e","s","n","a","t","keys","indexOf","l","p","v","types","h","children","messages","TextInput","React","forwardRef","forwardedRef","className","passedId","label","type","component","inputProps","useState","setId","passwordVisible","setPasswordVisible","isPasswordType","useEffect","errorId","ariaDescribedBy","describedByIds","hasIconPadding","htmlFor","ref","aria-describedby","onClick","prev","aria-label","role","aria-checked","isActive","aria-hidden","data","defaultProps","palette","black","white","blue","lightBlue","greyLight","grey","greyDark","redDark","yellow","orange","orangeDark","green","greenLight","teal","moderate","high","extreme","catastrophic","preview","small","text","rem","medium","large","xLarge","borderRadius","colors","components","button","background","default","dark","secondary","transparent","border","download","heading","section","fontSize","space","mediaQueries","zIndex","baseUnits","em","xlarge","smallMax","InputWrapper","styled","div","theme","TextInputStyles","css","rgba","checkIcon","Input","input","Wrapper","Label","Error","PasswordToggle"],"mappings":"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","file":"static/chunks/52b1985202ad0f474c4617ec3f943445788be0e7.423fced5956394e7071f.js","sourcesContent":["// This file replaces `index.js` in bundlers like webpack or Rollup,\n// according to `browser` config in `package.json`.\n\nimport { urlAlphabet } from './url-alphabet/index.js'\n\nif (process.env.NODE_ENV !== 'production') {\n  // All bundlers will remove this block in the production bundle.\n  if (\n    typeof navigator !== 'undefined' &&\n    navigator.product === 'ReactNative' &&\n    typeof crypto === 'undefined'\n  ) {\n    throw new Error(\n      'React Native does not have a built-in secure random generator. ' +\n        'If you don’t need unpredictable IDs use `nanoid/non-secure`. ' +\n        'For secure IDs, import `react-native-get-random-values` ' +\n        'before Nano ID. If you use Expo, install `expo-random` ' +\n        'and use `nanoid/async`.'\n    )\n  }\n  if (typeof msCrypto !== 'undefined' && typeof crypto === 'undefined') {\n    throw new Error(\n      'Import file with `if (!window.crypto) window.crypto = window.msCrypto`' +\n        ' before importing Nano ID to fix IE 11 support'\n    )\n  }\n  if (typeof crypto === 'undefined') {\n    throw new Error(\n      'Your browser does not have secure random generator. ' +\n        'If you don’t need unpredictable IDs, you can use nanoid/non-secure.'\n    )\n  }\n}\n\nlet random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\n\nlet customRandom = (alphabet, size, getRandom) => {\n  // First, a bitmask is necessary to generate the ID. The bitmask makes bytes\n  // values closer to the alphabet size. The bitmask calculates the closest\n  // `2^31 - 1` number, which exceeds the alphabet size.\n  // For example, the bitmask for the alphabet size 30 is 31 (00011111).\n  // `Math.clz32` is not used, because it is not available in browsers.\n  let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1\n  // Though, the bitmask solution is not perfect since the bytes exceeding\n  // the alphabet size are refused. Therefore, to reliably generate the ID,\n  // the random bytes redundancy has to be satisfied.\n\n  // Note: every hardware random generator call is performance expensive,\n  // because the system call for entropy collection takes a lot of time.\n  // So, to avoid additional system calls, extra bytes are requested in advance.\n\n  // Next, a step determines how many random bytes to generate.\n  // The number of random bytes gets decided upon the ID size, mask,\n  // alphabet size, and magic number 1.6 (using 1.6 peaks at performance\n  // according to benchmarks).\n\n  // `-~f => Math.ceil(f)` if f is a float\n  // `-~i => i + 1` if i is an integer\n  let step = -~((1.6 * mask * size) / alphabet.length)\n\n  return () => {\n    let id = ''\n    while (true) {\n      let bytes = getRandom(step)\n      // A compact alternative for `for (var i = 0; i < step; i++)`.\n      let j = step\n      while (j--) {\n        // Adding `|| ''` refuses a random byte that exceeds the alphabet size.\n        id += alphabet[bytes[j] & mask] || ''\n        if (id.length === size) return id\n      }\n    }\n  }\n}\n\nlet customAlphabet = (alphabet, size) => customRandom(alphabet, size, random)\n\nlet nanoid = (size = 21) => {\n  let id = ''\n  let bytes = crypto.getRandomValues(new Uint8Array(size))\n\n  // A compact alternative for `for (var i = 0; i < step; i++)`.\n  while (size--) {\n    // It is incorrect to use bytes exceeding the alphabet size.\n    // The following mask reduces the random byte in the 0-255 value\n    // range to the 0-63 value range. Therefore, adding hacks, such\n    // as empty string fallback or magic numbers, is unneccessary because\n    // the bitmask trims bytes down to the alphabet size.\n    let byte = bytes[size] & 63\n    if (byte < 36) {\n      // `0-9a-z`\n      id += byte.toString(36)\n    } else if (byte < 62) {\n      // `A-Z`\n      id += (byte - 26).toString(36).toUpperCase()\n    } else if (byte < 63) {\n      id += '_'\n    } else {\n      id += '-'\n    }\n  }\n  return id\n}\n\nexport { nanoid, customAlphabet, customRandom, urlAlphabet, random }\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M31.824 15.454C31.54 15.055 24.666 5.687 16 5.687S.461 15.056.176 15.454a.935.935 0 000 1.092c.285.399 7.158 9.767 15.824 9.767s15.538-9.368 15.824-9.767a.935.935 0 000-1.092zM16 22.562A6.57 6.57 0 019.437 16 6.57 6.57 0 0116 9.437 6.57 6.57 0 0122.563 16 6.57 6.57 0 0116 22.563z\",\n  fill: \"currentColor\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M16 13.188A2.816 2.816 0 0013.187 16 2.816 2.816 0 0016 18.813 2.816 2.816 0 0018.813 16 2.816 2.816 0 0016 13.187z\",\n  fill: \"currentColor\"\n});\n\nfunction SvgIconView(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 32 32\"\n  }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPHBhdGggZD0iTTMxLjgyNCAxNS40NTRDMzEuNTQgMTUuMDU1IDI0LjY2NiA1LjY4NyAxNiA1LjY4N1MuNDYxIDE1LjA1Ni4xNzYgMTUuNDU0YS45MzUuOTM1IDAgMDAwIDEuMDkyYy4yODUuMzk5IDcuMTU4IDkuNzY3IDE1LjgyNCA5Ljc2N3MxNS41MzgtOS4zNjggMTUuODI0LTkuNzY3YS45MzUuOTM1IDAgMDAwLTEuMDkyek0xNiAyMi41NjJBNi41NyA2LjU3IDAgMDE5LjQzNyAxNiA2LjU3IDYuNTcgMCAwMTE2IDkuNDM3IDYuNTcgNi41NyAwIDAxMjIuNTYzIDE2IDYuNTcgNi41NyAwIDAxMTYgMjIuNTYzeiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZD0iTTE2IDEzLjE4OEEyLjgxNiAyLjgxNiAwIDAwMTMuMTg3IDE2IDIuODE2IDIuODE2IDAgMDAxNiAxOC44MTMgMi44MTYgMi44MTYgMCAwMDE4LjgxMyAxNiAyLjgxNiAyLjgxNiAwIDAwMTYgMTMuMTg3eiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=\";\nexport { SvgIconView as ReactComponent };","import{isValidElement as r,cloneElement as e,createElement as s,Fragment as n}from\"react\";import{useFormContext as a,get as t}from\"react-hook-form\";var o=function(o){var m=o.as,f=o.errors,i=o.name,u=o.message,c=o.render,g=function(r,e){if(null==r)return{};var s,n,a={},t=Object.keys(r);for(n=0;n<t.length;n++)e.indexOf(s=t[n])>=0||(a[s]=r[s]);return a}(o,[\"as\",\"errors\",\"name\",\"message\",\"render\"]),l=a(),d=t(f||l.errors,i);if(!d)return null;var p=d.message,v=d.types,h=Object.assign({},g,{children:p||u});return r(m)?e(m,h):c?c({message:p||u,messages:v}):s(m||n,h)};export{o as ErrorMessage};\n//# sourceMappingURL=index.esm.js.map\n","import { ErrorMessage } from '@hookform/error-message';\nimport { ReactComponent as IconView } from 'assets/icons/icon-view.svg';\nimport { nanoid } from 'nanoid';\nimport React, { useEffect, useState } from 'react';\nimport {\n  Error,\n  Input,\n  InputWrapper,\n  Label,\n  PasswordToggle,\n  Wrapper,\n} from './text-input.styles';\n\ninterface Props extends React.HTMLProps<HTMLInputElement> {\n  label?: string;\n  errors?: any;\n  component?: 'input' | 'textarea';\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst TextInput = React.forwardRef<HTMLInputElement, Props>(\n  (\n    { className, id: passedId, label, errors, type, component, ...inputProps },\n    forwardedRef\n  ) => {\n    const [id, setId] = useState(passedId);\n    const [passwordVisible, setPasswordVisible] = useState(false);\n    const isPasswordType = type === 'password';\n\n    // Set a unique ID by default\n    useEffect(() => {\n      if (!passedId) {\n        setId(`id${nanoid()}`); // ID should start with a letter for compatibility\n      }\n    }, [passedId]);\n\n    const togglePasswordVisibility = () => setPasswordVisible((prev) => !prev);\n    const errorId = `inline-error-${id}`;\n    const ariaDescribedBy = inputProps['aria-describedby'];\n    // If the field has an error, merge error with potential existing description\n    const describedByIds =\n      inputProps.name && errors && errors[inputProps.name]\n        ? ariaDescribedBy\n          ? `${errorId} ${ariaDescribedBy}`\n          : errorId\n        : ariaDescribedBy;\n\n    return (\n      <Wrapper className={className} hasIconPadding={isPasswordType}>\n        {label && <Label htmlFor={id}>{label}</Label>}\n        <InputWrapper>\n          <Input\n            id={id}\n            ref={forwardedRef}\n            {...(inputProps as any)}\n            aria-describedby={describedByIds}\n            type={\n              isPasswordType ? (passwordVisible ? 'text' : 'password') : type\n            }\n            as={component}\n          />\n          {isPasswordType && (\n            <PasswordToggle\n              onClick={togglePasswordVisibility}\n              aria-label='Show password'\n              role='switch'\n              aria-checked={passwordVisible}\n              isActive={passwordVisible}\n              type='button'\n            >\n              <IconView aria-hidden />\n            </PasswordToggle>\n          )}\n        </InputWrapper>\n        {inputProps.name && errors && (\n          <ErrorMessage\n            errors={errors}\n            name={inputProps.name}\n            render={(data) => <Error id={errorId}>{data.message}</Error>}\n          />\n        )}\n      </Wrapper>\n    );\n  }\n);\n\nTextInput.defaultProps = {\n  component: 'input',\n};\n\nexport default TextInput;\n","export default {\n  get text() {\n    return this.palette.black;\n  },\n  get background() {\n    return this.palette.white;\n  },\n  get primary() {\n    return this.palette.white;\n  },\n  palette: {\n    blue: '#00294D',\n    lightBlue: '#2C7AFC',\n    black: '#000',\n    white: '#FFFFFF',\n    greyLight: '#D1D3D4',\n    grey: '#757575',\n    greyDark: '#222222',\n    redDark: '#A51B20',\n    yellow: '#ffc700',\n    orange: '#F99D1C',\n    orangeDark: '#FF7A00',\n    green: '#00A458',\n    greenLight: '#05DC78',\n    teal: '#009FD6',\n    moderate: '#64BF30',\n    high: '#FEDD3A',\n    extreme: '#F78100',\n    catastrophic: '#AD0909',\n  },\n  preview: '#0070f3',\n};\n","export default {\n  small: '1rem',\n} as const;\n","import { rem } from 'polished';\n\nexport default {\n  text: {\n    small: rem(14),\n    medium: rem(16),\n    large: rem(20),\n    xLarge: rem(24),\n  },\n};\n","import borderRadius from './border-radius';\nimport colors from './colors';\nimport fontSize from './font-size';\nimport mediaQueries from './media-queries';\nimport space from './spacing';\nimport zIndex from './z-index';\n\nexport default {\n  borderRadius,\n  colors: { ...colors },\n  components: {\n    button: {\n      background: {\n        default: colors.palette.redDark,\n        dark: colors.palette.black,\n        secondary: colors.palette.greyLight,\n        transparent: 'transparent',\n      },\n      border: {\n        default: colors.palette.redDark,\n        dark: colors.palette.white,\n        secondary: colors.palette.black,\n        transparent: colors.palette.black,\n      },\n      text: {\n        default: colors.palette.white,\n        dark: colors.palette.white,\n        secondary: colors.palette.black,\n        transparent: colors.palette.black,\n      },\n    },\n    download: {\n      text: colors.palette.black,\n      background: colors.palette.white,\n    },\n    text: {\n      text: colors.palette.black,\n    },\n    heading: {\n      text: colors.palette.black,\n    },\n    section: {\n      background: colors.palette.white,\n    },\n  },\n  fontSize,\n  space,\n  mediaQueries,\n  zIndex,\n};\n","import { em } from 'polished';\n\nexport const baseUnits = {\n  small: em(400),\n  medium: em(768),\n  large: em(1024),\n  xlarge: em(1200),\n};\n\nexport default {\n  /** 400px */\n  small: `@media screen and (min-width: ${baseUnits.small})`,\n  /** 768px */\n  medium: `@media screen and (min-width: ${baseUnits.medium})`,\n  /** 1024px */\n  large: `@media screen and (min-width: ${baseUnits.large})`,\n  /** 1200px */\n  xlarge: `@media screen and (min-width: ${baseUnits.xlarge})`,\n  // This media query is used to handle the maximum screen size of mobile (400px)\n  smallMax: `@media screen and (max-width: ${baseUnits.small})`,\n};\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M16 32C7.177 32 0 24.823 0 16S7.177 0 16 0s16 7.177 16 16-7.177 16-16 16z\",\n  fill: \"#00A458\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M14.5 21.333a.992.992 0 01-.707-.293L9.46 16.707a1 1 0 011.415-1.415l3.626 3.627 7.96-7.96a1 1 0 011.415 1.414l-8.667 8.667a1.002 1.002 0 01-.709.293z\",\n  fill: \"#fff\"\n});\n\nfunction SvgCheck(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDMyQzcuMTc3MjUgMzIgMCAyNC44MjI4IDAgMTZDMCA3LjE3NzI1IDcuMTc3MjUgMCAxNiAwQzI0LjgyMjggMCAzMiA3LjE3NzI1IDMyIDE2QzMyIDI0LjgyMjggMjQuODIyOCAzMiAxNiAzMloiIGZpbGw9IiMwMEE0NTgiLz4KPHBhdGggZD0iTTE0LjUgMjEuMzMzM0MxNC4yNDM5IDIxLjMzMzMgMTMuOTg4IDIxLjIzNjEgMTMuNzkzMiAyMS4wNEw5LjQ1OTk2IDE2LjcwNjhDOS4wNjkzNCAxNi4zMTU5IDkuMDY5MzQgMTUuNjgyNiA5LjQ1OTk2IDE1LjI5MkM5Ljg1MDU5IDE0LjkwMTQgMTAuNDgzOSAxNC45MDE0IDEwLjg3NDggMTUuMjkyTDE0LjUwMTIgMTguOTE4N0wyMi40NjE0IDEwLjk1ODdDMjIuODUyMSAxMC41NjgxIDIzLjQ4NTQgMTAuNTY4MSAyMy44NzYgMTAuOTU4N0MyNC4yNjY2IDExLjM0OTQgMjQuMjY2NiAxMS45ODI3IDIzLjg3NiAxMi4zNzMzTDE1LjIwOTIgMjEuMDRDMTUuMDEyIDIxLjIzNjEgMTQuNzU2MSAyMS4zMzMzIDE0LjUgMjEuMzMzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\";\nexport { SvgCheck as ReactComponent };","export default {\n  small: '4px',\n  medium: '20px',\n  large: '100px',\n} as const;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"g\", {\n  clipPath: \"url(#alert_svg__alert_svg__clip0)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M31.718 26.629L17.68 3.346a1.96 1.96 0 00-3.358 0L.28 26.629a1.96 1.96 0 001.68 2.973h28.078a1.96 1.96 0 001.68-2.973zM16.01 10.452c.807 0 1.489.454 1.489 1.26 0 2.46-.29 5.996-.29 8.457 0 .64-.702.91-1.199.91-.661 0-1.22-.27-1.22-.91 0-2.46-.289-5.996-.289-8.456 0-.806.662-1.261 1.51-1.261zm.021 15.237c-.91 0-1.592-.745-1.592-1.592a1.58 1.58 0 011.592-1.592c.848 0 1.571.723 1.571 1.592 0 .847-.723 1.591-1.57 1.591z\",\n  fill: \"#ED1C26\"\n}));\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n  id: \"alert_svg__alert_svg__clip0\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"#fff\",\n  d: \"M0 0h32v32H0z\"\n})));\n\nfunction SvgAlert(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zMS43MTg0IDI2LjYyOUwxNy42NzkgMy4zNDU5NUMxNy4zMjQyIDIuNzU3NTIgMTYuNjg3MSAyLjM5NzcxIDE1Ljk5OTkgMi4zOTc3MUMxNS4zMTI3IDIuMzk3NzEgMTQuNjc1NyAyLjc1NzQ1IDE0LjMyMDkgMy4zNDU5NUwwLjI4MTYyMiAyNi42MjlDLTAuMDgzNTAzMSAyNy4yMzQ2IC0wLjA5NDMxNTYgMjcuOTg5OSAwLjI1MzQzNCAyOC42MDU2QzAuNjAxMTg0IDI5LjIyMTMgMS4yNTM1IDI5LjYwMjEgMS45NjA2MiAyOS42MDIxSDMwLjAzOTNDMzAuNzQ2NCAyOS42MDIxIDMxLjM5ODcgMjkuMjIxMyAzMS43NDY1IDI4LjYwNTZDMzIuMDk0MiAyNy45ODk4IDMyLjA4MzUgMjcuMjM0NiAzMS43MTg0IDI2LjYyOVpNMTYuMDEwNCAxMC40NTE2QzE2LjgxNjcgMTAuNDUxNiAxNy40OTkgMTAuOTA2NSAxNy40OTkgMTEuNzEyN0MxNy40OTkgMTQuMTcyOSAxNy4yMDk2IDE3LjcwODMgMTcuMjA5NiAyMC4xNjg1QzE3LjIwOTYgMjAuODA5NCAxNi41MDY2IDIxLjA3ODEgMTYuMDEwNCAyMS4wNzgxQzE1LjM0ODkgMjEuMDc4MSAxNC43OTA3IDIwLjgwOTMgMTQuNzkwNyAyMC4xNjg1QzE0Ljc5MDcgMTcuNzA4MyAxNC41MDEzIDE0LjE3MjkgMTQuNTAxMyAxMS43MTI3QzE0LjUwMTMgMTAuOTA2NSAxNS4xNjI4IDEwLjQ1MTYgMTYuMDEwNCAxMC40NTE2Wk0xNi4wMzExIDI1LjY4ODVDMTUuMTIxNSAyNS42ODg1IDE0LjQzOTIgMjQuOTQ0MyAxNC40MzkyIDI0LjA5NjZDMTQuNDM5MiAyMy4yMjgzIDE1LjEyMTQgMjIuNTA0OCAxNi4wMzExIDIyLjUwNDhDMTYuODc4NyAyMi41MDQ4IDE3LjYwMjQgMjMuMjI4MyAxNy42MDI0IDI0LjA5NjZDMTcuNjAyNCAyNC45NDQzIDE2Ljg3ODcgMjUuNjg4NSAxNi4wMzExIDI1LjY4ODVaIiBmaWxsPSIjRUQxQzI2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\";\nexport { SvgAlert as ReactComponent };","import alertIcon from 'assets/images/alert.svg';\nimport checkIcon from 'assets/images/check.svg';\nimport { rem, rgba, size } from 'polished';\nimport styled, { css } from 'styled-components';\n\nexport const InputWrapper = styled.div`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.palette.white};\n  border-radius: ${({ theme }) => theme.borderRadius.small};\n\n  textarea {\n    min-height: ${rem(150)};\n    resize: vertical;\n  }\n`;\n\nexport const TextInputStyles = css`\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  padding: ${rem(10)} ${rem(14)};\n  padding-right: var(--input-right-padding);\n  background-repeat: no-repeat;\n  background-position: center right ${rem(14)};\n  background-size: ${rem(16)};\n  border: 1px solid ${({ theme }) => theme.colors.palette.grey};\n  border-radius: inherit;\n  outline: 0;\n\n  &[aria-invalid] {\n    --input-right-padding: ${rem(44)};\n  }\n\n  &[aria-invalid='false'] {\n    background-color: ${({ theme }) => rgba(theme.colors.palette.green, 0.05)};\n    background-image: url(${checkIcon});\n    border-color: ${({ theme }) => theme.colors.palette.green};\n  }\n\n  &[aria-invalid='true'] {\n    background-color: ${({ theme }) =>\n      rgba(theme.colors.palette.redDark, 0.05)};\n    background-image: url(${alertIcon});\n    border-color: ${({ theme }) => theme.colors.palette.redDark};\n  }\n\n  &:focus,\n  .focus & {\n    --focus-color: ${({ theme }) => theme.colors.palette.teal};\n\n    background-color: ${({ theme }) => rgba(theme.colors.palette.teal, 0.05)};\n    border-color: ${({ theme }) => theme.colors.palette.teal};\n  }\n\n  &:disabled {\n    color: ${({ theme }) => theme.colors.palette.grey};\n    background-color: ${({ theme }) =>\n      rgba(theme.colors.palette.greyLight, 0.3)};\n  }\n`;\n\nexport const Input = styled.input`\n  ${TextInputStyles}\n`;\n\ninterface WrapperProps {\n  hasIconPadding?: boolean;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n  --input-right-padding: ${({ hasIconPadding }) =>\n    hasIconPadding ? rem(44) : rem(14)};\n\n  position: relative;\n  z-index: ${({ theme }) => theme.zIndex[1]};\n  text-align: left;\n\n  & + & {\n    margin-top: ${rem(24)};\n  }\n\n  ${Input} {\n    ${({ hasIconPadding }) =>\n      hasIconPadding &&\n      css`\n        background-image: none;\n      `}\n  }\n`;\n\nexport const Label = styled.label`\n  display: block;\n  margin-bottom: ${rem(4)};\n`;\n\nexport const Error = styled.div`\n  position: relative;\n  top: -1px;\n  z-index: -1;\n  padding: ${rem(8)} ${rem(14)};\n  color: ${({ theme }) => theme.colors.palette.redDark};\n  font-weight: bold;\n  background-color: ${({ theme }) => theme.colors.palette.white};\n  border-radius: ${({ theme }) => theme.borderRadius.small};\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  box-shadow: 0 8px 15px 0 rgba(0, 53, 96, 0.15);\n`;\n\ninterface PasswordToggleProps {\n  isActive?: boolean;\n}\n\nexport const PasswordToggle = styled.button<PasswordToggleProps>`\n  ${size(rem(16))};\n\n  position: absolute;\n  top: 50%;\n  right: ${rem(14)};\n  z-index: ${({ theme }) => theme.zIndex[1]};\n  background: none;\n  border: 0;\n  outline: 0;\n  transform: translateY(-50%);\n  cursor: pointer;\n  opacity: ${({ isActive }) => (isActive ? 1 : 0.5)};\n\n  svg {\n    ${size('100%')};\n\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n`;\n","export default {\n  ...[\n    0, // default\n    1, // hover/focus\n    2, // active\n    10, // modal-backdrop\n    20, // modal\n    30, // popover\n    40, // tooltip\n  ],\n};\n"],"sourceRoot":""}