@onewelcome/react-lib-components 8.5.0 → 8.7.0

package/dist/cjs/Form/FileUpload/FileUpload.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("../../Button/Button.cjs.js"),a=require("./FileItem/FileItem.cjs.js"),l=require("../../Typography/Typography.cjs.js"),r=require("./FileUpload.module.scss.cjs.js"),s=require("../../src/hooks/useDetermineStatusIcon.cjs.js"),n=require("../Label/Label.cjs.js");const o=e.forwardRef((({name:o,accept:i,error:u,success:d,maxFileSizeInBytes:p,multiple:c,id:f,title:m,labeledBy:v,disabled:g=!1,onChange:h,dragAndDropText:y="Drag and drop or",selectButtonText:E="Browse file",onDragOver:b,onDragLeave:j,wrapperProps:x,onDrop:D,subText:F,onRequestedFileAction:N,exceedingMaxSizeErrorText:T,fileList:q,downloadFileLink:$,isRequired:z=!0,invalidDropErrorMessage:w="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:B="You can upload only a single file.",...L},S)=>{const I=e.useRef(null),[k,P]=e.useState(!1),[M,R]=e.useState(""),[A,C]=e.useState(!1),U=s.useDetermineStatusIcon({success:d,error:u});let O=[r.default["file-dropzone"]],K=[r.default["upload-button-wrapper"]],Y=[r.default["file-selector-sub-text"]],_=[r.default["file-selector-sub-text"]];k&&K.push(r.default["drag-active"]);if(A||u||M){const e=r.default.error;O.push(e),Y.push(e),_.push(e)}g&&K.push(r.default.disabled),d&&!u&&O.push(r.default.success);const G=`input-${o}`,H=[r.default["file-upload-title"]];z&&H.push(r.default.required);const J=e=>{let t=q?[...q]:[];const a=q.map((e=>e.name));return(null==e?void 0:e.length)&&Array.from(e).forEach((e=>{a.includes(e.name)||(t=c?[...t,{...V(e),data:e}]:[{...V(e),data:e}])})),t},Q=e=>{const t=e.name.split(".").pop();return t&&i.includes(t)},V=e=>{const t={name:e.name,size:e.size,type:e.type};let a=!1;if(p&&e.size&&e.size>=p){let e;e=p>=1048576?`${parseFloat((p/1048576).toFixed(2))}MB`:`${parseFloat((p/1024).toFixed(2))}KB`,t.error=null!=T?T:`The maximum allowed file size is ${e}. Upload a smaller file.`,t.status="error",a=!0}return C(a),t};e.useEffect((()=>{if(q.length){const e=q.map((e=>V(e)));null==h||h(e)}}),[]);return e.createElement("div",{className:r.default["file-upload-wrapper"],...x},e.createElement("div",{className:r.default["dropzone-wrapper"]},e.createElement("div",{className:O.join(" ")},e.createElement(n.Label,{ref:I,className:`${H.join(" ")}`,htmlFor:G},m),(null==q?void 0:q.length)>0&&e.createElement("ul",{className:r.default["file-list"]},q.map((({name:t,status:l,progress:r,error:s})=>e.createElement("li",{key:t,className:l,id:t},e.createElement(a.FileItem,{name:t,key:`${t}_${l}`,status:l,progress:r,error:s,downloadFileLink:$,onRequestedFileAction:N}))))),e.createElement("div",{className:K.join(" "),onDragOver:e=>!g&&(e=>{e.preventDefault(),e.stopPropagation(),k||P(!0),null==b||b(e)})(e),onDragLeave:e=>!g&&(e=>{var t;e.preventDefault(),e.stopPropagation();const a=e.target;(null===(t=null==a?void 0:a.offsetParent)||void 0===t?void 0:t.classList.contains(r.default["file-dropzone"]))&&P(!1),null==j||j(e)})(e),onDrop:e=>!g&&(e=>{var t,a,l;if(e.preventDefault(),e.stopPropagation(),(null===(t=null==e?void 0:e.dataTransfer)||void 0===t?void 0:t.files)&&e.dataTransfer.files.length){const t=null===(l=null===(a=null==e?void 0:e.dataTransfer)||void 0===a?void 0:a.files[0])||void 0===l?void 0:l.name.split(".").pop();if(t&&i&&!i.includes(t))return R(w.replace("$accept",i)),void P(!1);if(!c&&e.dataTransfer.files.length>1)return R(B),void P(!1);R("");const r=J(e.dataTransfer.files);D?null==D||D(r):null==h||h(r)}P(!1)})(e)},e.createElement("div",{className:r.default["file-select"]},e.createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},y),e.createElement("div",{className:r.default["file-upload-btn"]},e.createElement(t.Button,{variant:"outline",disabled:g},E,e.createElement("input",{...L,className:`${r.default["upload-input"]} ${L.className}`,ref:S,"aria-labelledby":v,type:"file",id:G,name:o,multiple:c,disabled:g,accept:i,onChange:e=>{e.preventDefault(),e.stopPropagation();let t=J(e.target.files);const a=t.length&&Q(t[t.length-1]);a&&R(""),a&&(null==h||h(t))},spellCheck:!1}))),!g&&U,e.createElement("span",{className:r.default.outline})))),M&&e.createElement(l.Typography,{variant:"sub-text",className:_.join(" ")},M),F&&e.createElement(l.Typography,{variant:"sub-text",className:Y.join(" ")},F)))}));exports.FileUpload=o;
+"use strict";var e=require("react"),a=require("../../Button/Button.cjs.js"),t=require("./FileItem/FileItem.cjs.js"),l=require("../../Typography/Typography.cjs.js"),r=require("./FileUpload.module.scss.cjs.js"),s=require("../../src/hooks/useDetermineStatusIcon.cjs.js"),n=require("../Label/Label.cjs.js");const o=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({name:o,accept:i,error:u,success:d,maxFileSizeInBytes:p,multiple:c,id:f,title:m,labeledBy:v,disabled:g=!1,onChange:h,dragAndDropText:y="Drag and drop or",selectButtonText:E="Browse file",readOnlyViewMessage:b="No file uploaded",onDragOver:j,onDragLeave:x,wrapperProps:D,onDrop:F,subText:N,onRequestedFileAction:T,exceedingMaxSizeErrorText:w,fileList:q,downloadFileLink:$,isRequired:z=!0,invalidDropErrorMessage:B="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:L="You can upload only a single file.",helperText:I=N,...S},R)=>{const k=e.useRef(null),[M,P]=e.useState(!1),[O,A]=e.useState(""),[C,U]=e.useState(!1),K=s.useDetermineStatusIcon({success:d,error:u});let V=[r.default["file-dropzone"]],Y=[r.default["upload-button-wrapper"]],_=[r.default["file-selector-sub-text"]],G=[r.default["file-selector-sub-text"]];M&&Y.push(r.default["drag-active"]);const H=C||u||O,J=S["data-readonlyview"];if(H){const e=r.default.error;V.push(e),_.push(e),G.push(e)}g&&Y.push(r.default.disabled),d&&!u&&V.push(r.default.success);const Q=`input-${o}`,W=[r.default["file-upload-title"]];z&&W.push(r.default.required);const X=e=>{let a=q?[...q]:[];const t=q.map((e=>e.name));return(null==e?void 0:e.length)&&Array.from(e).forEach((e=>{t.includes(e.name)||(a=c?[...a,{...ee(e),data:e}]:[{...ee(e),data:e}])})),a},Z=e=>{const a=e.name.split(".").pop();return a&&i.includes(a)},ee=e=>{const a={name:e.name,size:e.size,type:e.type};let t=!1;if(p&&e.size&&e.size>=p){let e;e=p>=1048576?`${parseFloat((p/1048576).toFixed(2))}MB`:`${parseFloat((p/1024).toFixed(2))}KB`,a.error=null!=w?w:`The maximum allowed file size is ${e}. Upload a smaller file.`,a.status="error",t=!0}return U(t),a};e.useEffect((()=>{if(q.length){const e=q.map((e=>ee(e)));null==h||h(e)}}),[]);return e.createElement("div",{className:r.default["file-upload-wrapper"],...D},e.createElement("div",{className:r.default["dropzone-wrapper"]},e.createElement("div",{className:V.join(" "),"data-readonlyview":J},e.createElement(n.Label,{ref:k,className:`${W.join(" ")}`,htmlFor:Q},m),(null==q?void 0:q.length)>0&&e.createElement("ul",{className:r.default["file-list"]},q.map((({name:a,status:l,progress:r,error:s})=>e.createElement("li",{key:a,className:l,id:a},e.createElement(t.FileItem,{name:a,key:`${a}_${l}`,status:l,progress:r,error:s,downloadFileLink:$,onRequestedFileAction:T}))))),e.createElement("div",{className:Y.join(" "),onDragOver:e=>!g&&(e=>{e.preventDefault(),e.stopPropagation(),M||P(!0),null==j||j(e)})(e),onDragLeave:e=>!g&&(e=>{var a;e.preventDefault(),e.stopPropagation();const t=e.target;(null===(a=null==t?void 0:t.offsetParent)||void 0===a?void 0:a.classList.contains(r.default["file-dropzone"]))&&P(!1),null==x||x(e)})(e),onDrop:e=>!g&&(e=>{var a,t,l;if(e.preventDefault(),e.stopPropagation(),(null===(a=null==e?void 0:e.dataTransfer)||void 0===a?void 0:a.files)&&e.dataTransfer.files.length){const a=null===(l=null===(t=null==e?void 0:e.dataTransfer)||void 0===t?void 0:t.files[0])||void 0===l?void 0:l.name.split(".").pop();if(a&&i&&!i.includes(a))return A(B.replace("$accept",i)),void P(!1);if(!c&&e.dataTransfer.files.length>1)return A(L),void P(!1);A("");const r=X(e.dataTransfer.files);F?null==F||F(r):null==h||h(r)}P(!1)})(e),tabIndex:J?0:-1},e.createElement("div",{className:r.default["file-select"]},e.createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},J?b:y),e.createElement("div",{className:r.default["file-upload-btn"]},e.createElement(a.Button,{variant:"outline",disabled:g},E,e.createElement("input",{...S,className:`${r.default["upload-input"]} ${S.className}`,ref:R,"aria-labelledby":v,type:"file",id:Q,name:o,multiple:c,disabled:g,accept:i,onChange:e=>{e.preventDefault(),e.stopPropagation();let a=X(e.target.files);const t=a.length&&Z(a[a.length-1]);t&&A(""),t&&(null==h||h(a))},spellCheck:!1}))),!g&&K,e.createElement("span",{className:r.default.outline})))),O&&e.createElement(l.Typography,{variant:"sub-text",className:G.join(" ")},O),I&&e.createElement(l.Typography,{variant:"sub-text",className:_.join(" ")},I)))})));exports.FileUpload=o;
 //# sourceMappingURL=FileUpload.cjs.js.map

package/dist/cjs/Form/FileUpload/FileUpload.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUpload","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}
+{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  /**\n   * @deprecated use the `helperText` prop instead\n   */\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n  readOnlyViewMessage?: string;\n  helperText?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    readOnlyViewMessage = \"No file uploaded\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText, // @deprecated\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    helperText = subText,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  const readOnlyView = rest[\"data-readonlyview\"];\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n  const inputId = `input-${name}`;\n  const labelClasses = [classes[\"file-upload-title\"]];\n  isRequired && labelClasses.push(classes[\"required\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n      } else {\n        sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")} data-readonlyview={readOnlyView}>\n          <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n            {title}\n          </Label>\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n            tabIndex={readOnlyView ? 0 : -1}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {readOnlyView ? readOnlyViewMessage : dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    id={inputId}\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {helperText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = withReadOnly(React.forwardRef(FileUploadComponent));\n"],"names":["FileUpload","withReadOnly","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","readOnlyViewMessage","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","helperText","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","hasError","readOnlyView","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","tabIndex","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}

package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLGdEQUNFLG1DQUFvQyxDQUNwQyxXQUNGLENBQ0EsdUhBUUUsdUNBQXdDLENBRnhDLDhGQUErRixDQUMvRix3Q0FBeUMsQ0FGekMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICBmb250LXdlaWdodDogNDAwO1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWxlLWRyb3B6b25lIC5maWxlLXVwbG9hZC10aXRsZS5yZXF1aXJlZDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiICpcIjtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIHNwYW5bZGF0YS1pY29uLXN0YXR1c10sXG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHAge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICByaWdodDogMnJlbTtcbn1cbi5maWxlLWRyb3B6b25lIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1kcm9wem9uZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnVwbG9hZC1idXR0b24td3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcGFkZGluZzogNHB4O1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJEcm9wIGhlcmVcIjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmU6aG92ZXIgLm91dGxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTApO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li p span[data-icon]:before{color:var(--color-blue-grey900)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li button{visibility:hidden}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_upload-button-wrapper__vVTvg{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg{min-height:4.5rem}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn{border:0}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn p{color:var(--read-only-text-color)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-upload-btn__M2Fg-{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-selector-helper-text__4KSpI{color:var(--greyed-out);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtKQUNFLFlBQ0YsQ0FDQSx3SUFDRSwrQkFDRixDQUNBLHNIQUNFLGlCQUNGLENBQ0EseUpBQ0UsWUFDRixDQUNBLCtKQUNFLGlCQUNGLENBQ0EscU1BQ0UsUUFDRixDQUNBLHVNQUNFLGlDQUNGLENBQ0EseU1BQ0UsWUFDRixDQUNBLHdKQUNFLFlBQ0YsQ0FFQSxnREFDRSxtQ0FBb0MsQ0FDcEMsV0FDRixDQUNBLHVIQU9FLHVDQUF3QyxDQUZ4Qyw4RkFBK0YsQ0FDL0Ysd0NBQXlDLENBRnpDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUZWLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxvREFDRSx1QkFBd0IsQ0FDeEIsYUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQUduQiw4RkFBK0YsQ0FKL0YsWUFBYSxDQUViLGtCQUFtQixDQUNuQixzQkFBdUIsQ0FFdkIsZUFDRixDQUNBLG9EQUNFLGlCQUFrQixDQUNsQixpQkFDRixDQUNBLDBEQUNFLGVBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBtYXJnaW46IDAgMCAwLjI1cmVtIDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLnN1Y2Nlc3Mgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQgcCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuLmZpbGUtZHJvcHpvbmUgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAycmVtO1xufVxuLmZpbGUtZHJvcHpvbmUge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWRyb3B6b25lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC5yZXF1aXJlZDphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgcCBzcGFuW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06bm90KDpoYXMoLmZpbGUtbGlzdCkpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBtaW4taGVpZ2h0OiA0LjVyZW07XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXI6IDA7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3QgcCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS11cGxvYWQtYnRuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOm5vdCg6aGFzKC5maWxlLWxpc3QpKSAucmVxdWlyZWQ6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiA0cHg7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk1MCk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmU6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiRHJvcCBoZXJlXCI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgcGFkZGluZy10b3A6IDJyZW07XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlOmhvdmVyIC5vdXRsaW5lIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLmZpbGUtc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZXJyb3IgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","file-list":"FileUpload-module_file-list__GLggq","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-selector-helper-text":"FileUpload-module_file-selector-helper-text__4KSpI","upload-input":"FileUpload-module_upload-input__wteSl"};
 //# sourceMappingURL=FileUpload.module.scss.cjs.js.map

package/dist/cjs/Form/FormGroup/FormGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./FormGroup.module.scss.cjs.js"),a=require("../FormHelperText/FormHelperText.cjs.js"),s=require("../../Icon/Icon.cjs.js");const l=e.forwardRef((({children:l,className:o,error:c,errorMessage:t,errorId:d,errorMessageIcon:n,errorMessageIconPosition:i="before",helperText:m,helperId:u,helperProps:f,disabled:p,...N},v)=>{const I=void 0!==(null==f?void 0:f.disabled)?null==f?void 0:f.disabled:p;return e.createElement("div",{...N,ref:v,className:`${r.default["form-group"]} ${null!=o?o:""}`},l,(m||t&&c)&&e.createElement("div",{className:`${r.default["default-helper"]} ${(null==f?void 0:f.className)?f.className:""}`},(m&&!c||m&&c&&!t)&&e.createElement(a.FormHelperText,{...f,className:"",id:u,disabled:I},(null==f?void 0:f.children)||m),c&&t&&e.createElement("span",{className:r.default["error-message"]},e.createElement("span",{id:d,className:r.default.message},n&&"before"===i&&e.createElement(s.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-before"]}`,icon:n}),t,n&&"after"===i&&e.createElement(s.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-after"]}`,icon:n})))))}));exports.FormGroup=l;
+"use strict";var e=require("react"),r=require("./FormGroup.module.scss.cjs.js"),s=require("../FormHelperText/FormHelperText.cjs.js"),a=require("../../Icon/Icon.cjs.js");const l=e.forwardRef((({children:l,className:o,error:c,errorMessage:t,errorId:d,errorMessageIcon:n,errorMessageIconPosition:i="before",errorMessageProps:m,helperText:u,helperId:f,helperProps:p,disabled:N,...$},v)=>{const I=void 0!==(null==p?void 0:p.disabled)?null==p?void 0:p.disabled:N;return e.createElement("div",{...$,ref:v,className:`${r.default["form-group"]} ${null!=o?o:""}`},l,(u||t&&c)&&e.createElement("div",{className:`${r.default["default-helper"]} ${(null==p?void 0:p.className)?p.className:""}`},(u&&!c||u&&c&&!t)&&e.createElement(s.FormHelperText,{...p,className:"",id:f,disabled:I},(null==p?void 0:p.children)||u),c&&t&&e.createElement("span",{...m,className:`${r.default["error-message"]} ${(null==m?void 0:m.className)?m.className:""}`},e.createElement("span",{id:d,className:r.default.message},n&&"before"===i&&e.createElement(a.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-before"]}`,icon:n}),t,n&&"after"===i&&e.createElement(a.Icon,{className:`${r.default["error-icon"]} ${r.default["error-icon-after"]}`,icon:n})))))}));exports.FormGroup=l;
 //# sourceMappingURL=FormGroup.cjs.js.map

package/dist/cjs/Form/FormGroup/FormGroup.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.cjs.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span className={classes[\"error-message\"]}>\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroup","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","classes","default","createElement","FormHelperText","id","message","Icon","icon"],"mappings":"yKAoCA,MAgEaA,EAAYC,EAAMC,YAhE6C,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,OAA8CC,KAA1BL,aAAW,EAAXA,EAAaC,UAAyBD,aAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEZ,0BAASa,EAAMC,IAAKA,EAAKX,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBd,QAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/BJ,uBACEG,UAAW,GAAGc,EAAOC,QAAC,sBACpBP,aAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDL,EAAAmB,cAACC,EAAAA,eAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,aAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRL,EAAAmB,cAAA,OAAA,CAAMhB,UAAWc,UAAQ,kBACvBjB,EAAMmB,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWc,EAAOC,QAACI,SACnCf,GAAiD,WAA7BC,GACnBR,EAAAmB,cAACI,OAAI,CACHpB,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ,uBAC/CO,KAAMjB,IAGTF,EACAE,GAAiD,UAA7BC,GACnBR,EAAAmB,cAACI,EAAIA,KAAA,CACHpB,UAAW,GAAGc,EAAAA,QAAQ,iBAAiBA,UAAQ,sBAC/CO,KAAMjB,OAStB"}
+{"version":3,"file":"FormGroup.cjs.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span\n              {...errorMessageProps}\n              className={`${classes[\"error-message\"]} ${errorMessageProps?.className ? errorMessageProps.className : \"\"}`}\n            >\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroup","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","errorMessageProps","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","classes","default","createElement","FormHelperText","id","message","Icon","icon"],"mappings":"yKAqCA,MAoEaA,EAAYC,EAAMC,YApE6C,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,oBACAC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,OAA8CC,KAA1BL,aAAW,EAAXA,EAAaC,UAAyBD,aAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEb,0BAASc,EAAMC,IAAKA,EAAKZ,UAAW,GAAGe,EAAAA,QAAQ,iBAAiBf,QAAAA,EAAa,MAC1ED,GAECQ,GAAeL,GAAgBD,IAC/BJ,uBACEG,UAAW,GAAGe,EAAOC,QAAC,sBACpBP,aAAA,EAAAA,EAAaT,WAAYS,EAAYT,UAAY,OAGhDO,IAAeN,GAAWM,GAAcN,IAAUC,IACnDL,EAAAoB,cAACC,EAAAA,eAAc,IACTT,EACJT,UAAW,GACXmB,GAAIX,EACJE,SAAUG,IAETJ,aAAA,EAAAA,EAAaV,WAAYQ,GAG7BN,GAASC,GACRL,2BACMS,EACJN,UAAW,GAAGe,EAAOC,QAAC,qBAAoBV,aAAiB,EAAjBA,EAAmBN,WAAYM,EAAkBN,UAAY,MAEvGH,EAAMoB,cAAA,OAAA,CAAAE,GAAIhB,EAASH,UAAWe,EAAOC,QAACI,SACnChB,GAAiD,WAA7BC,GACnBR,EAAAoB,cAACI,OAAI,CACHrB,UAAW,GAAGe,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ,uBAC/CO,KAAMlB,IAGTF,EACAE,GAAiD,UAA7BC,GACnBR,EAAAoB,cAACI,EAAIA,KAAA,CACHrB,UAAW,GAAGe,EAAAA,QAAQ,iBAAiBA,UAAQ,sBAC/CO,KAAMlB,OAStB"}

package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}[data-readonlyview=true] div.FormHelperText-module_form-helper-text__zCO1K{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGLENBRUEsMkVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
 //# sourceMappingURL=FormHelperText.module.scss.cjs.js.map

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../FormHelperText/FormHelperText.cjs.js"),l=require("./FormSelectorWrapper.module.scss.cjs.js");const a=e.forwardRef((({children:a,className:t,nestedChildren:s,containerProps:d,helperProps:o,error:i,disabled:n,helperText:c,errorMessage:u,parentErrorId:m,errorId:p,identifier:f,...v},h)=>{var $,x;const E=null!==($=null==o?void 0:o.ref)&&void 0!==$?$:e.createRef();return e.createElement("div",{...v,ref:h,className:`${i?l.default.error:""} ${n?l.default.disabled:""} ${null!=t?t:""}`},e.createElement("div",{...d},a),(c||(null==o?void 0:o.children))&&e.createElement(r.FormHelperText,{...o,ref:E,id:`${f}`,className:`${l.default["helper-text"]} ${null!==(x=null==o?void 0:o.className)&&void 0!==x?x:""} ${i?l.default.error:""}`},i?e.createElement("span",{className:l.default["error-message"],id:p},u):(null==o?void 0:o.children)||c),s)}));exports.FormSelectorWrapper=a;
+"use strict";var e=require("react"),r=require("../FormHelperText/FormHelperText.cjs.js"),l=require("./FormSelectorWrapper.module.scss.cjs.js");const a=e.forwardRef((({children:a,className:t,nestedChildren:s,containerProps:d,helperProps:o,error:i,disabled:n,helperText:c,errorMessage:u,parentErrorId:m,errorId:p,identifier:f,...v},h)=>{var $,x;const E=null!==($=null==o?void 0:o.ref)&&void 0!==$?$:e.createRef();return e.createElement("div",{...v,ref:h,className:`${i?l.default.error:""} ${n?l.default.disabled:""} ${null!=t?t:""}`},e.createElement("div",{...d},a),(u||c||(null==o?void 0:o.children))&&e.createElement(r.FormHelperText,{...o,ref:E,id:`${f}`,className:`${l.default["helper-text"]} ${null!==(x=null==o?void 0:o.className)&&void 0!==x?x:""} ${i?l.default.error:""}`},i&&u?e.createElement("span",{className:l.default["error-message"],id:p},u):(null==o?void 0:o.children)||c),s)}));exports.FormSelectorWrapper=a;
 //# sourceMappingURL=FormSelectorWrapper.cjs.js.map

package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelectorWrapper.cjs.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapper","React","forwardRef","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","classes","default","createElement","FormHelperText","id","_b"],"mappings":"+IAqCA,MAoDaA,EAAsBC,EAAMC,YApD6C,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,EAAgC,QAApBC,EAAAX,aAAA,EAAAA,EAAaS,WAAO,IAAAE,EAAAA,EAAAC,EAAAA,YAEtC,OACElB,0BACMc,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQY,EAAOC,QAAQ,MAAI,MAAMZ,EAAWW,EAAOC,QAAW,SAAI,MAC9EjB,QAAAA,EAAa,MAGfH,EAASqB,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,aAAA,EAAAA,EAAaJ,YAC3BF,gBAACsB,EAAAA,eAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGgB,EAAAA,QAAQ,kBAA4C,QAA1BK,EAAAlB,aAAW,EAAXA,EAAaH,iBAAa,IAAAqB,EAAAA,EAAA,MAChEjB,EAAQY,EAAAA,QAAe,MAAI,MAG5BZ,EACCP,wBAAMG,UAAWgB,EAAOC,QAAC,iBAAkBG,GAAIX,GAC5CF,IAGHJ,eAAAA,EAAaJ,WAAYO,GAI9BL,EAEH"}
+{"version":3,"file":"FormSelectorWrapper.cjs.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(errorMessage || helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error && errorMessage ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapper","React","forwardRef","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","classes","default","createElement","FormHelperText","id","_b"],"mappings":"+IAqCA,MAoDaA,EAAsBC,EAAMC,YApD6C,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,EAAgC,QAApBC,EAAAX,aAAA,EAAAA,EAAaS,WAAO,IAAAE,EAAAA,EAAAC,EAAAA,YAEtC,OACElB,0BACMc,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQY,EAAOC,QAAQ,MAAI,MAAMZ,EAAWW,EAAOC,QAAW,SAAI,MAC9EjB,QAAAA,EAAa,MAGfH,EAASqB,cAAA,MAAA,IAAAhB,GAAiBH,IACxBQ,GAAgBD,IAAcH,aAAA,EAAAA,EAAaJ,YAC3CF,EAACqB,cAAAC,EAAAA,mBACKhB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGgB,EAAOC,QAAC,kBAA4C,QAA1BI,EAAAlB,aAAW,EAAXA,EAAaH,iBAAa,IAAAqB,EAAAA,EAAA,MAChEjB,EAAQY,EAAAA,QAAe,MAAI,MAG5BZ,GAASG,EACRV,EAAMqB,cAAA,OAAA,CAAAlB,UAAWgB,EAAAA,QAAQ,iBAAkBI,GAAIX,GAC5CF,IAGHJ,aAAW,EAAXA,EAAaJ,WAAYO,GAI9BL,EAEH"}

package/dist/cjs/Form/Input/Input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),t=require("../../src/readyclasses.module.scss.cjs.js"),u=require("../../src/hooks/useDetermineStatusIcon.cjs.js");const a=["date","time","datetime-local"],l=e.forwardRef((({error:l=!1,success:r=!1,className:n,name:d,style:c,wrapperProps:i,type:f,labeledBy:o,prefix:p,suffix:m,disabled:h,onFocus:x,onBlur:y,...j},v)=>{var b;const[E,N]=e.useState(!1),w=e.useRef(null),I=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const k=[s.default.input],q=s=>"string"==typeof s?e.createElement("span",null,s):s;a.includes(f)&&k.push(s.default["shrink-width-for-date-icon"]),n&&k.push(n);const B=[s.default["input-wrapper"]],R=[s.default.outline];(null==i?void 0:i.className)&&B.push(i.className),"hidden"===f&&B.push(t.default.hidden),p&&B.push(s.default.prefix),m&&B.push(s.default.suffix),h&&B.push(s.default.disabled)&&R.push(s.default.disabled),l&&B.push(s.default.error)&&R.push(s.default.error),E&&B.push(s.default.focus)&&R.push(s.default.focus),r&&B.push(s.default.success);const S=u.useDetermineStatusIcon({success:r,error:l});return e.createElement("div",{ref:w,...i,style:{...c},className:`${s.default["input-wrapper"]} ${B.join(" ")}`},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},q(p)),e.createElement("input",{...j,ref:v,onFocus:e=>{N(!0),null==x||x(e)},onBlur:e=>{N(!1),null==y||y(e)},"aria-labelledby":o,type:f,name:d,disabled:h,className:k.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b}),S,m&&e.createElement("div",{ref:I,"data-suffix":!0,className:s.default.suffix},q(m)),e.createElement("span",{className:R.join(" ")}))}));exports.Input=l,exports.dateTypes=a;
+"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),a=require("../../src/readyclasses.module.scss.cjs.js"),t=require("../../src/hooks/useDetermineStatusIcon.cjs.js"),u=require("../../withReadOnly.cjs.js");const l=["date","time","datetime-local"],r=u.withReadOnly(e.forwardRef((({error:u=!1,success:r=!1,className:n,name:d,style:i,wrapperProps:c,type:o,labeledBy:f,prefix:p,suffix:m,disabled:h,onFocus:y,onBlur:w,readOnlyView:x,...j},v)=>{var b;const[E,N]=e.useState(!1),I=e.useRef(null),q=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const R=[s.default.input],k=s=>"string"==typeof s?e.createElement("span",null,s):s;l.includes(o)&&R.push(s.default["shrink-width-for-date-icon"]),n&&R.push(n);const O=[s.default["input-wrapper"]],B=[s.default.outline];(null==c?void 0:c.className)&&O.push(c.className),"hidden"===o&&O.push(a.default.hidden),p&&O.push(s.default.prefix),m&&O.push(s.default.suffix),h&&O.push(s.default.disabled)&&B.push(s.default.disabled),u&&O.push(s.default.error)&&B.push(s.default.error),E&&O.push(s.default.focus)&&B.push(s.default.focus),r&&O.push(s.default.success);const S=t.useDetermineStatusIcon({success:r,error:u}),g=j["data-readonlyview"];return e.createElement("div",{ref:I,...c,style:{...i},"data-readonlyview":g,className:`${s.default["input-wrapper"]} ${O.join(" ")}`,tabIndex:g?0:-1},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},k(p)),e.createElement("input",{...j,ref:v,"aria-readonly":g,readOnly:g,onFocus:e=>{N(!0),null==y||y(e)},onBlur:e=>{N(!1),null==w||w(e)},"aria-labelledby":f,type:o,name:d,disabled:h,className:R.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b,tabIndex:g?-1:0}),S,m&&e.createElement("div",{ref:q,"data-suffix":!0,className:s.default.suffix},k(m)),e.createElement("span",{className:B.join(" ")}))})));exports.Input=r,exports.dateTypes=l;
 //# sourceMappingURL=Input.cjs.js.map

package/dist/cjs/Form/Input/Input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = React.forwardRef(InputComponent);\n"],"names":["dateTypes","Input","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","join","event","spellCheck","_a"],"mappings":"8LA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAwH7BC,EAAQC,EAAMC,YA/F+C,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATnB,EACF,MAAM,IAAIoB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB7B,EAAO8B,cAAA,OAAA,KAAAD,GAAaA,EAGrD/B,EAAoCiC,SAASvB,IAC5CkB,EAAgBM,KAAKL,UAAQ,+BAC/BvB,GAAasB,EAAgBM,KAAK5B,GAElC,MAAM6B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCpB,aAAA,EAAAA,EAAcH,YAAa6B,EAAeD,KAAKzB,EAAaH,WACnD,WAATI,GAAqByB,EAAeD,KAAKG,EAAYC,QAAS,QAC9D1B,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAUsB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9Cf,GAAYqB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9FzB,GAAS+B,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFxB,GAAW8B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEnC,UAASD,UAE/C,OACEF,EAAA8B,cAAA,MAAA,CACEd,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAOS,QAAC,oBAAoBH,EAAeM,KAAK,QAE7D7B,GACCV,EAAiB8B,cAAA,MAAA,CAAA,eAAA,EAAA1B,UAAWuB,EAAAA,QAAgB,QACzCC,EAAclB,IAGnBV,EACM8B,cAAA,QAAA,IAAAf,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,GAAS,GACTL,SAAAA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,GAAS,GACTJ,SAAAA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,WAA2B,QAAfC,EAAA3B,EAAK0B,kBAAU,IAAAC,GAAAA,IAE5BL,EACA1B,GACCX,EAAA8B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBlB,UAAWuB,EAAOS,QAAS,QACzDR,EAAcjB,IAInBX,EAAM8B,cAAA,OAAA,CAAA1B,UAAW8B,EAAeK,KAAK,OAEvC"}
+{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["dateTypes","Input","withReadOnly","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","readOnlyView","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","readOnlyMode","join","tabIndex","readOnly","event","spellCheck","_a"],"mappings":"qOAgCa,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAgI7BC,EAAQC,EAAYA,aAACC,EAAMC,YAtGkC,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,SACAC,kBACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATpB,EACF,MAAM,IAAIqB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB9B,EAAO+B,cAAA,OAAA,KAAAD,GAAaA,EAGrDjC,EAAoCmC,SAASxB,IAC5CmB,EAAgBM,KAAKL,UAAQ,+BAC/BxB,GAAauB,EAAgBM,KAAK7B,GAElC,MAAM8B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCrB,aAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WACnD,WAATI,GAAqB0B,EAAeD,KAAKG,EAAYC,QAAS,QAC9D3B,GAAUwB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9CjB,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAYsB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9F1B,GAASgC,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFzB,GAAW+B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEpC,UAASD,UACzCsC,EAAexB,EAAK,qBAE1B,OACEhB,uBACEiB,IAAKI,KACDd,EACJD,MAAO,IAAKA,GACO,oBAAAkC,EACnBpC,UAAW,GAAGwB,EAAOS,QAAC,oBAAoBH,EAAeO,KAAK,OAC9DC,SAAUF,EAAe,GAAK,GAE7B9B,GACCV,EAAiB+B,cAAA,MAAA,CAAA,eAAA,EAAA3B,UAAWwB,EAAAA,QAAgB,QACzCC,EAAcnB,IAGnBV,EAAA+B,cAAA,QAAA,IACMf,EACJC,IAAKA,kBACUuB,EACfG,SAAUH,EACV3B,QAAS+B,IACPzB,GAAS,GACTN,SAAAA,EAAU+B,EAAM,EAElB9B,OAAQ8B,IACNzB,GAAS,GACTL,SAAAA,EAAS8B,EAAM,EAChB,kBACgBnC,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWuB,EAAgBc,KAAK,KAChCI,WAA2B,QAAfC,EAAA9B,EAAK6B,kBAAU,IAAAC,GAAAA,EAC3BJ,SAAUF,GAAgB,EAAI,IAE/BF,EACA3B,GACCX,EAAA+B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBnB,UAAWwB,EAAOS,QAAS,QACzDR,EAAclB,IAInBX,EAAM+B,cAAA,OAAA,CAAA3B,UAAW+B,EAAeM,KAAK,OAEvC"}

package/dist/cjs/Form/Input/Input.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVNFLHdCQUE2QixDQUY3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLFNBQ0YsQ0FDQSxnRkFDRSxVQUNGLENBQ0Esb0NBRUUsdUJBQXdCLENBRHhCLGtCQUVGLENBQ0EsMEVBQ0UsVUFDRixDQUNBLDJCQUVFLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0RBQ0UsWUFDRixDQUVBLDZCQU1FLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUh2QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBU2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx3QkFDRixDQUNGLENBRUEsaUNBQ0UscUJBQ0YsQ0FDQSx5RUFDRSxlQUNGLENBRUEsbUNBQ0UscUJBQ0YsQ0FFQSxrR0FFRSxhQUFjLENBR2QsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FIdkMsU0FJRixDQUNBLHVDQUNFLGtHQUVFLHdCQUNGLENBQ0YsQ0FFQSx3Q0FDRSxtQ0FDRSxlQUNGLENBQ0YiLCJmaWxlIjoiSW5wdXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmlucHV0LXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciA1MDAwcyBlYXNlLWluLW91dCAwcyAhaW1wb3J0YW50O1xufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xufVxuQG1lZGlhIGFsbCBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMCkgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyMzIsIDI0MCwgMjU0KTtcbiAgfVxufVxuQG1lZGlhIG5vdCBhbGwgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTAsIDI1NSwgMTg5KTtcbiAgfVxufVxuLmlucHV0LXdyYXBwZXI6aG92ZXIgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]{color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] .Input-module_Input-module__eIyXD{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi.Input-module_focus__MWEAK{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]:hover .Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input__DImrC{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input-module_outline__orHmi{border-color:var(--read-only-border-color)}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,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RSx3QkFDRixDQUNGLENBRUEsd0NBQ0UsbUNBQ0UsZUFDRixDQUNGIiwiZmlsZSI6IklucHV0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMCAwLjVyZW07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3Zlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgNTAwMHMgZWFzZS1pbi1vdXQgMHMgIWltcG9ydGFudDtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbn1cbkBtZWRpYSBhbGwgYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjMyLCAyNDAsIDI1NCk7XG4gIH1cbn1cbkBtZWRpYSBub3QgYWxsIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjUwLCAyNTUsIDE4OSk7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyOmhvdmVyIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1kaXNhYmxlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1cyB7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB6LWluZGV4OiAyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc106YmVmb3JlLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0ge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLklucHV0LW1vZHVsZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aG92ZXIgLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK","Input-module":"Input-module_Input-module__eIyXD",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
 //# sourceMappingURL=Input.module.scss.cjs.js.map

package/dist/cjs/Form/Radio/Radio.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),o=require("../../src/hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=e.forwardRef((({children:l,disabled:s,className:c,value:n,name:d,helperText:i,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:I,helperProps:b,onChange:j,...E},v)=>{const{errorId:g,identifier:F,describedBy:N}=o.useFormSelector({name:d,helperText:i,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),S=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:n}}),null==j||j(a)},k=[a.default["native-input"]],q=[a.default.input,a.default.radio],x=[a.default.input,a.default.circle];return m&&k.push(a.default.error),s&&q.push(a.default.disabled)&&x.push(a.default.disabled),e.createElement(t.FormSelectorWrapper,{...I,className:`${a.default["radio-wrapper"]} ${null!=c?c:""}`,containerProps:{className:a.default["radio-container"]},helperText:i,helperProps:b,parentErrorId:p,errorId:g,errorMessage:f,error:m,disabled:s,identifier:F},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:k.join(" "),onChange:S,checked:h,"aria-checked":h,"aria-describedby":N,name:d,value:n,id:`${F}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:q.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:x.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:S,htmlFor:`${F}-radio`},l))}));exports.Radio=l;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),t=require("../../src/hooks/useFormSelector.cjs.js"),o=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:l,disabled:s,className:n,value:c,name:i,helperText:d,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:j,helperProps:I,onChange:b,...E},v)=>{const{errorId:y,identifier:g,describedBy:q}=t.useFormSelector({name:i,helperText:d,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),w=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:c}}),null==b||b(a)},F=[a.default["native-input"]],N=[a.default.input,a.default.radio],R=[a.default.input,a.default.circle];return m&&F.push(a.default.error),s&&N.push(a.default.disabled)&&R.push(a.default.disabled),e.createElement(o.FormSelectorWrapper,{...j,className:`${a.default["radio-wrapper"]} ${null!=n?n:""}`,containerProps:{className:a.default["radio-container"]},helperText:d,helperProps:I,parentErrorId:p,errorId:y,errorMessage:f,error:m,disabled:s,identifier:g},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:F.join(" "),onChange:w,checked:h,"aria-checked":h,"aria-describedby":q,name:i,value:c,id:`${g}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:N.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:R.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:w,htmlFor:`${g}-radio`},l))})));exports.Radio=l;
 //# sourceMappingURL=Radio.cjs.js.map

package/dist/cjs/Form/Radio/Radio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = React.forwardRef(RadioComponent);\n"],"names":["Radio","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAkCA,MA+FaA,EAAQC,EAAMC,YA/F+C,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC9C,SACtEa,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}
+{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":["Radio","withReadOnly","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAmCA,MA+FaA,uCAAoBC,aAACC,EAAMC,YA/FkC,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC/C,SACtEc,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}