@onewelcome/react-lib-components 7.0.0 → 7.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileItem.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Button/Button.cjs.js");var a=require("./FileItem/FileItem.cjs.js");var l=require("../../Typography/Typography.cjs.js");var s=require("./FileUpload.module.cjs.js");var r=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=o(e);const i=({name:o,accept:i,error:d,success:u,maxFileSizeInBytes:f,multiple:c,id:p,title:m,labeledBy:v,disabled:g=false,onChange:y,dragAndDropText:h="Drag and drop or",selectButtonText:E="Browse file",onDragOver:b,onDragLeave:x,wrapperProps:j,onDrop:D,subText:N,onRequestedFileAction:T,exceedingMaxSizeErrorText:F,fileList:z,downloadFileLink:q,isRequired:w=true,invalidDropErrorMessage:B="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:$="You can upload only a single file.",...S},I)=>{const P=e.useRef(null);const[k,L]=e.useState(false);const[M,R]=e.useState("");const[A,C]=e.useState(false);const O=r.useDetermineStatusIcon({success:u,error:d});let U=[s["default"]["file-dropzone"]];let _=[s["default"]["upload-button-wrapper"]];let K=[s["default"]["file-selector-sub-text"]];let Y=[s["default"]["file-selector-sub-text"]];k&&_.push(s["default"]["drag-active"]);const G=A||d||M;if(G){const e=s["default"]["error"];U.push(e);K.push(e);Y.push(e)}g&&_.push(s["default"]["disabled"]);u&&!d&&U.push(s["default"]["success"]);const H=e=>{let t=z?[...z]:[];const a=z.map((e=>e.name));(e===null||e===void 0?void 0:e.length)&&Array.from(e).forEach((e=>{if(!a.includes(e.name))t=c?[...t,{...V(e),data:e}]:[{...V(e),data:e}]}));return t};const J=e=>{e.preventDefault();e.stopPropagation();let t=H(e.target.files);const a=t.length&&Q(t[t.length-1]);if(a)R("");a&&(y===null||y===void 0?void 0:y(t))};const Q=e=>{const t=e.name.split(".").pop();return t&&i.includes(t)};const V=e=>{const t={name:e.name,size:e.size,type:e.type};let a=false;if(f&&e.size&&e.size>=f){let e;const l=f>=1024*1024;if(l)e=`${(f/(1024*1024)).toFixed(2)}MB`;else e=`${(f/1024).toFixed(2)}KB`;t.error=F!==null&&F!==void 0?F:`The maximum allowed file size is ${e}. Upload a smaller file.`;t.status="error";a=true}C(a);return t};e.useEffect((()=>{if(z.length){const e=z.map((e=>V(e)));y===null||y===void 0?void 0:y(e)}}),[]);const W=e=>{e.preventDefault();e.stopPropagation();if(!k)L(true);b===null||b===void 0?void 0:b(e)};const X=e=>{var t;e.preventDefault();e.stopPropagation();const a=e.target;if((t=a===null||a===void 0?void 0:a.offsetParent)===null||t===void 0?void 0:t.classList.contains(s["default"]["file-dropzone"]))L(false);x===null||x===void 0?void 0:x(e)};const Z=e=>{var t,a,l;e.preventDefault();e.stopPropagation();if(((t=e===null||e===void 0?void 0:e.dataTransfer)===null||t===void 0?void 0:t.files)&&e.dataTransfer.files.length){const t=(l=(a=e===null||e===void 0?void 0:e.dataTransfer)===null||a===void 0?void 0:a.files[0])===null||l===void 0?void 0:l.name.split(".").pop();if(t&&i&&!i.includes(t)){R(B.replace("$accept",i));L(false);return}else if(!c&&e.dataTransfer.files.length>1){R($);L(false);return}else R("");const s=H(e.dataTransfer.files);D?D===null||D===void 0?void 0:D(s):y===null||y===void 0?void 0:y(s)}L(false)};return n["default"].createElement("div",{className:s["default"]["file-upload-wrapper"],...j},n["default"].createElement("div",{className:s["default"]["dropzone-wrapper"]},n["default"].createElement("div",{className:U.join(" ")},n["default"].createElement(l.Typography,{variant:"body-bold",className:s["default"]["file-upload-title"],ref:P},m," ",w&&n["default"].createElement("span",{className:s["default"]["file-upload-title-mandatory"]},"*")),(z===null||z===void 0?void 0:z.length)>0&&n["default"].createElement("ul",{className:s["default"]["file-list"]},z.map((({name:e,status:t,progress:l,error:s})=>n["default"].createElement("li",{key:e,className:t,id:e},n["default"].createElement(a.FileItem,{name:e,key:`${e}_${t}`,status:t,progress:l,error:s,downloadFileLink:q,onRequestedFileAction:T}))))),n["default"].createElement("div",{className:_.join(" "),onDragOver:e=>!g&&W(e),onDragLeave:e=>!g&&X(e),onDrop:e=>!g&&Z(e)},n["default"].createElement("div",{className:s["default"]["file-select"]},n["default"].createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},h),n["default"].createElement("div",{className:s["default"]["file-upload-btn"]},n["default"].createElement(t.Button,{variant:"outline",disabled:g},E,n["default"].createElement("input",{...S,className:`${s["default"]["upload-input"]} ${S.className}`,ref:I,"aria-labelledby":v,type:"file",name:o,multiple:c,disabled:g,accept:i,onChange:J,spellCheck:false}))),!g&&O,n["default"].createElement("span",{className:s["default"]["outline"]})))),M&&n["default"].createElement(l.Typography,{variant:"sub-text",className:Y.join(" ")},M),N&&n["default"].createElement(l.Typography,{variant:"sub-text",className:K.join(" ")},N)))};const d=n["default"].forwardRef(i);exports.FileUpload=d;
+"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");const n=e.forwardRef((({name:n,accept:o,error:i,success:u,maxFileSizeInBytes:d,multiple:p,id:c,title:f,labeledBy:m,disabled:v=!1,onChange:g,dragAndDropText:h="Drag and drop or",selectButtonText:y="Browse file",onDragOver:E,onDragLeave:b,wrapperProps:x,onDrop:D,subText:N,onRequestedFileAction:T,exceedingMaxSizeErrorText:j,fileList:F,downloadFileLink:z,isRequired:q=!0,invalidDropErrorMessage:w="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:B="You can upload only a single file.",...$},S)=>{const I=e.useRef(null),[k,L]=e.useState(!1),[P,M]=e.useState(""),[R,A]=e.useState(!1),C=s.useDetermineStatusIcon({success:u,error:i});let U=[r.default["file-dropzone"]],O=[r.default["upload-button-wrapper"]],K=[r.default["file-selector-sub-text"]],Y=[r.default["file-selector-sub-text"]];k&&O.push(r.default["drag-active"]);if(R||i||P){const e=r.default.error;U.push(e),K.push(e),Y.push(e)}v&&O.push(r.default.disabled),u&&!i&&U.push(r.default.success);const _=e=>{let a=F?[...F]:[];const t=F.map((e=>e.name));return(null==e?void 0:e.length)&&Array.from(e).forEach((e=>{t.includes(e.name)||(a=p?[...a,{...H(e),data:e}]:[{...H(e),data:e}])})),a},G=e=>{const a=e.name.split(".").pop();return a&&o.includes(a)},H=e=>{const a={name:e.name,size:e.size,type:e.type};let t=!1;if(d&&e.size&&e.size>=d){let e;e=d>=1048576?`${(d/1048576).toFixed(2)}MB`:`${(d/1024).toFixed(2)}KB`,a.error=null!=j?j:`The maximum allowed file size is ${e}. Upload a smaller file.`,a.status="error",t=!0}return A(t),a};e.useEffect((()=>{if(F.length){const e=F.map((e=>H(e)));null==g||g(e)}}),[]);return e.createElement("div",{className:r.default["file-upload-wrapper"],...x},e.createElement("div",{className:r.default["dropzone-wrapper"]},e.createElement("div",{className:U.join(" ")},e.createElement(l.Typography,{variant:"body-bold",className:r.default["file-upload-title"],ref:I},f," ",q&&e.createElement("span",{className:r.default["file-upload-title-mandatory"]},"*")),(null==F?void 0:F.length)>0&&e.createElement("ul",{className:r.default["file-list"]},F.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:z,onRequestedFileAction:T}))))),e.createElement("div",{className:O.join(" "),onDragOver:e=>!v&&(e=>{e.preventDefault(),e.stopPropagation(),k||L(!0),null==E||E(e)})(e),onDragLeave:e=>!v&&(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"]))&&L(!1),null==b||b(e)})(e),onDrop:e=>!v&&(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&&o&&!o.includes(a))return M(w.replace("$accept",o)),void L(!1);if(!p&&e.dataTransfer.files.length>1)return M(B),void L(!1);M("");const r=_(e.dataTransfer.files);D?null==D||D(r):null==g||g(r)}L(!1)})(e)},e.createElement("div",{className:r.default["file-select"]},e.createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},h),e.createElement("div",{className:r.default["file-upload-btn"]},e.createElement(a.Button,{variant:"outline",disabled:v},y,e.createElement("input",{...$,className:`${r.default["upload-input"]} ${$.className}`,ref:S,"aria-labelledby":m,type:"file",name:n,multiple:p,disabled:v,accept:o,onChange:e=>{e.preventDefault(),e.stopPropagation();let a=_(e.target.files);const t=a.length&&G(a[a.length-1]);t&&M(""),t&&(null==g||g(a))},spellCheck:!1}))),!v&&C,e.createElement("span",{className:r.default.outline})))),P&&e.createElement(l.Typography,{variant:"sub-text",className:Y.join(" ")},P),N&&e.createElement(l.Typography,{variant:"sub-text",className:K.join(" ")},N)))}));exports.FileUpload=n;
 //# 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\";\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\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 = `${(maxFileSizeInBytes / (1024 * 1024)).toFixed(2)}MB`;\n      } else {\n        sizeMessage = `${(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          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}{\" \"}\n            {isRequired && <span className={classes[\"file-upload-title-mandatory\"]}>*</span>}\n          </Typography>\n\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                    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":["FileUploadComponent","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","hasError","errorClass","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","onInputChange","e","preventDefault","stopPropagation","target","isFileValid","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","isAtLeastOneMb","toFixed","status","useEffect","validatedFiles","handleOnDragOver","handleOnDragLeave","offsetParent","_a","classList","contains","handleOnDrop","dataTransfer","_c","_b","replace","React","className","createElement","join","Typography","variant","progress","key","FileItem","Button","spellCheck","FileUpload","forwardRef"],"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\";\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\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 = `${(maxFileSizeInBytes / (1024 * 1024)).toFixed(2)}MB`;\n      } else {\n        sizeMessage = `${(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          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}{\" \"}\n            {isRequired && <span className={classes[\"file-upload-title-mandatory\"]}>*</span>}\n          </Typography>\n\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                    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","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","toFixed","status","useEffect","validatedFiles","className","createElement","join","Typography","variant","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","Button","isFileValid","spellCheck"],"mappings":"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"}

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

@@ -0,0 +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);padding:.25rem 1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{font-size:.875rem;font-weight:400;margin:0 0 .25rem}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.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- .FileUpload-module_file-upload-title-mandatory__xEZ-6{color:var(--color-red500)}.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-primary-light);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-primary-light)}.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);padding:0 1.25rem}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLHNCQUF3QixDQUN4QixpQkFBa0IsQ0FFbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLG9GQUVFLGlCQUFtQixDQUNuQixlQUFnQixDQUZoQixpQkFHRixDQUNBLHVDQUNFLHdDQUNFLHdCQUNGLENBQ0YsQ0FDQSxpTkFFRSxrQkFDRixDQUNBLDZHQUNFLHlCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwSEFDRSxtQkFDRixDQUNBLDRIQUNFLCtCQUNGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixVQUFXLENBRFgsUUFFRixDQUNBLDhGQUNFLHlCQUNGLENBRUEsZ0RBQ0UsbUNBQW9DLENBQ3BDLFdBQ0YsQ0FDQSx1SEFRRSwyQ0FBNEMsQ0FGNUMsOEZBQStGLENBQy9GLHdDQUF5QyxDQUZ6QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSx1SEFDRSx3QkFDRixDQUNGLENBQ0EsOEhBSUUsMEJBQTJCLENBSDNCLG1CQUFvQixDQUVwQixhQUFjLENBRWQsZ0JBQWlCLENBSGpCLGlCQUlGLENBQ0EsNkhBQ0UsMkNBQ0YsQ0FDQSwySEFDRSxpQkFDRixDQUNBLHVKQUNFLHlCQUNGLENBRUEsaURBQ0UsdUJBQXdCLENBQ3hCLGlCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdLFxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXNlbGVjdCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuc3VjY2VzcyBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmZpbGUtZHJvcHpvbmUgLnVwbG9hZC1idXR0b24td3JhcHBlci5kaXNhYmxlZCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmUgLnVwbG9hZC1idXR0b24td3JhcHBlci5kaXNhYmxlZCBwIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG4uZmlsZS1kcm9wem9uZSBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogYXV0bztcbiAgcmlnaHQ6IDJyZW07XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUtbWFuZGF0b3J5IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXJlZDUwMCk7XG59XG5cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIHBhZGRpbmc6IDRweDtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lOjpiZWZvcmUge1xuICBjb250ZW50OiBcIkRyb3AgaGVyZVwiO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgcGFkZGluZzogMCAxLjI1cmVtO1xufVxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmZpbGUtc2VsZWN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9ZmlsZV0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj10eXBvZ3JhcGh5XSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi51cGxvYWQtaW5wdXQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBvcGFjaXR5OiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udXBsb2FkLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmZpbGUtdXBsb2FkLWJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbGUtbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMC4yNXJlbSAwO1xufVxuLmZpbGUtbGlzdCBsaTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufSJdfQ== */'),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-",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-upload-title-mandatory":"FileUpload-module_file-upload-title-mandatory__xEZ-6","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"};
+//# sourceMappingURL=FileUpload.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./Form.module.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=t(e);const o=({children:e,className:t,...o},u)=>a["default"].createElement("form",{ref:u,className:`${r["default"].form} ${t!==null&&t!==void 0?t:""}`,...o},e);const u=a["default"].forwardRef(o);exports.Form=u;
+"use strict";var e=require("react"),r=require("./Form.module.scss.cjs.js");const s=e.forwardRef((({children:s,className:a,...c},l)=>e.createElement("form",{ref:l,className:`${r.default.form} ${null!=a?a:""}`,...c},s)));exports.Form=s;
 //# sourceMappingURL=Form.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.cjs.js","sources":["../../../../../src/components/Form/Form.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, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from \"react\";\nimport classes from \"./Form.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"form\"> {\n  children?: ReactNode;\n}\n\nconst FormComponent: ForwardRefRenderFunction<HTMLFormElement, Props> = (\n  { children, className, ...rest }: Props,\n  ref\n) => {\n  return (\n    <form ref={ref} className={`${classes.form} ${className ?? \"\"}`} {...rest}>\n      {children}\n    </form>\n  );\n};\n\nexport const Form = React.forwardRef(FormComponent);\n"],"names":["FormComponent","children","className","rest","ref","React","createElement","classes","form","Form","forwardRef"],"mappings":"uNAuBA,MAAMA,EAAkE,EACpEC,WAAUC,eAAcC,GAC1BC,IAGEC,EAAM,WAAAC,cAAA,OAAA,CAAAF,IAAKA,EAAKF,UAAW,GAAGK,EAAO,WAACC,QAAQN,IAAS,MAATA,SAAS,EAATA,EAAa,QAAUC,GAClEF,GAKM,MAAAQ,EAAOJ,EAAAA,WAAMK,WAAWV"}
+{"version":3,"file":"Form.cjs.js","sources":["../../../../../src/components/Form/Form.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, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactNode } from \"react\";\nimport classes from \"./Form.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"form\"> {\n  children?: ReactNode;\n}\n\nconst FormComponent: ForwardRefRenderFunction<HTMLFormElement, Props> = (\n  { children, className, ...rest }: Props,\n  ref\n) => {\n  return (\n    <form ref={ref} className={`${classes.form} ${className ?? \"\"}`} {...rest}>\n      {children}\n    </form>\n  );\n};\n\nexport const Form = React.forwardRef(FormComponent);\n"],"names":["Form","React","forwardRef","children","className","rest","ref","createElement","classes","default","form"],"mappings":"2EAuBA,MAWaA,EAAOC,EAAMC,YAX8C,EACpEC,WAAUC,eAAcC,GAC1BC,IAGEL,EAAMM,cAAA,OAAA,CAAAD,IAAKA,EAAKF,UAAW,GAAGI,EAAOC,QAACC,QAAQN,QAAAA,EAAa,QAAUC,GAClEF"}

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

@@ -0,0 +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 */.Form-module_form__ddwfw{font-family:var(--font-family)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFDRSw4QkFDRiIsImZpbGUiOiJGb3JtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5mb3JtIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbn0iXX0= */'),exports.default={form:"Form-module_form__ddwfw"};
+//# sourceMappingURL=Form.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/FormControl/FormControl.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormControl.module.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=t(e);const a=({children:e,disabled:t,className:a,grid:d,align:o="center",...u},n)=>{const f=()=>l["default"].Children.map(e,(e=>{if(!e)return null;const a=l["default"].cloneElement(e,{disabled:e.props.disabled!==void 0?e.props.disabled:t});if(d&&d>1)return l["default"].createElement("div",{className:`${r["default"]["col-"+d]} ${r["default"].column}`},a);return a}));return l["default"].createElement("div",{...u,ref:n,"data-formcontrol":true,className:`${r["default"]["form-control"]} ${a?a:""} ${d&&d>1?`${r["default"].grid} ${r["default"]["grid-"+d]}`:""} ${r["default"][o]}`},f())};const d=l["default"].forwardRef(a);exports.FormControl=d;
+"use strict";var e=require("react"),r=require("./FormControl.module.scss.cjs.js");const l=e.forwardRef((({children:l,disabled:a,className:d,grid:t,align:o="center",...s},c)=>e.createElement("div",{...s,ref:c,"data-formcontrol":!0,className:`${r.default["form-control"]} ${d||""} ${t&&t>1?`${r.default.grid} ${r.default["grid-"+t]}`:""} ${r.default[o]}`},e.Children.map(l,(l=>{if(!l)return null;const d=e.cloneElement(l,{disabled:void 0!==l.props.disabled?l.props.disabled:a});return t&&t>1?e.createElement("div",{className:`${r.default["col-"+t]} ${r.default.column}`},d):d})))));exports.FormControl=l;
 //# sourceMappingURL=FormControl.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.cjs.js","sources":["../../../../../../src/components/Form/FormControl/FormControl.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, ReactElement } from \"react\";\nimport classes from \"./FormControl.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactElement | ReactElement[] | null;\n  grid?: 1 | 2 | 3;\n  align?: \"top\" | \"start\" | \"middle\" | \"center\" | \"bottom\" | \"end\" | \"stretch\";\n  disabled?: boolean;\n}\n\nconst FormControlComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, disabled, className, grid, align = \"center\", ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!child) {\n        return null;\n      }\n\n      const childElement = React.cloneElement(child, {\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      });\n\n      if (grid && grid > 1) {\n        return <div className={`${classes[\"col-\" + grid]} ${classes.column}`}>{childElement}</div>;\n      }\n\n      return childElement;\n    });\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-formcontrol\n      className={`${classes[\"form-control\"]} ${className ? className : \"\"} ${\n        grid && grid > 1 ? `${classes.grid} ${classes[\"grid-\" + grid]}` : \"\"\n      } ${classes[align]}`}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const FormControl = React.forwardRef(FormControlComponent);\n"],"names":["FormControlComponent","children","disabled","className","grid","align","rest","ref","renderChildren","React","Children","map","child","childElement","cloneElement","props","undefined","classes","column","createElement","FormControl","forwardRef"],"mappings":"8NA0BA,MAAMA,EAAwE,EAC1EC,WAAUC,WAAUC,YAAWC,OAAMC,QAAQ,YAAaC,GAC5DC,KAEA,MAAMC,EAAiB,IACrBC,EAAK,WAACC,SAASC,IAAIV,GAAUW,IAC3B,IAAKA,EACH,OAAO,KAGT,MAAMC,EAAeJ,EAAAA,WAAMK,aAAaF,EAAO,CAC7CV,SAAUU,EAAMG,MAAMb,gBAAac,EAAYJ,EAAMG,MAAMb,SAAWA,IAGxE,GAAIE,GAAQA,EAAO,EACjB,OAAOK,EAAAA,gCAAKN,UAAW,GAAGc,aAAQ,OAASb,MAASa,EAAO,WAACC,UAAWL,GAGzE,OAAOA,CAAY,IAGvB,OACEJ,EAAA,WAAAU,cAAA,MAAA,IACMb,EACJC,IAAKA,EAAG,mBAAA,KAERJ,UAAW,GAAGc,EAAO,WAAC,mBAAmBd,EAAYA,EAAY,MAC/DC,GAAQA,EAAO,EAAI,GAAGa,EAAO,WAACb,QAAQa,EAAAA,WAAQ,QAAUb,KAAU,MAChEa,aAAQZ,MAEXG,IAEH,EAGS,MAAAY,EAAcX,EAAAA,WAAMY,WAAWrB"}
+{"version":3,"file":"FormControl.cjs.js","sources":["../../../../../../src/components/Form/FormControl/FormControl.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, ReactElement } from \"react\";\nimport classes from \"./FormControl.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactElement | ReactElement[] | null;\n  grid?: 1 | 2 | 3;\n  align?: \"top\" | \"start\" | \"middle\" | \"center\" | \"bottom\" | \"end\" | \"stretch\";\n  disabled?: boolean;\n}\n\nconst FormControlComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, disabled, className, grid, align = \"center\", ...rest }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!child) {\n        return null;\n      }\n\n      const childElement = React.cloneElement(child, {\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      });\n\n      if (grid && grid > 1) {\n        return <div className={`${classes[\"col-\" + grid]} ${classes.column}`}>{childElement}</div>;\n      }\n\n      return childElement;\n    });\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-formcontrol\n      className={`${classes[\"form-control\"]} ${className ? className : \"\"} ${\n        grid && grid > 1 ? `${classes.grid} ${classes[\"grid-\" + grid]}` : \"\"\n      } ${classes[align]}`}\n    >\n      {renderChildren()}\n    </div>\n  );\n};\n\nexport const FormControl = React.forwardRef(FormControlComponent);\n"],"names":["FormControl","React","forwardRef","children","disabled","className","grid","align","rest","ref","createElement","classes","default","Children","map","child","childElement","cloneElement","undefined","props","column"],"mappings":"kFA0BA,MAmCaA,EAAcC,EAAMC,YAnC6C,EAC1EC,WAAUC,WAAUC,YAAWC,OAAMC,QAAQ,YAAaC,GAC5DC,IAoBER,EAAAS,cAAA,MAAA,IACMF,EACJC,IAAKA,EAAG,oBAAA,EAERJ,UAAW,GAAGM,EAAOC,QAAC,mBAAmBP,GAAwB,MAC/DC,GAAQA,EAAO,EAAI,GAAGK,EAAOC,QAACN,QAAQK,EAAAA,QAAQ,QAAUL,KAAU,MAChEK,UAAQJ,MAvBdN,EAAMY,SAASC,IAAIX,GAAUY,IAC3B,IAAKA,EACH,OAAO,KAGT,MAAMC,EAAef,EAAMgB,aAAaF,EAAO,CAC7CX,cAAmCc,IAAzBH,EAAMI,MAAMf,SAAyBW,EAAMI,MAAMf,SAAWA,IAGxE,OAAIE,GAAQA,EAAO,EACVL,uBAAKI,UAAW,GAAGM,UAAQ,OAASL,MAASK,EAAOC,QAACQ,UAAWJ,GAGlEA,CAAY"}

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

@@ -0,0 +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 */.FormControl-module_form-control__fX4me{font-size:var(--form-control-font-size)}.FormControl-module_form-control__fX4me+.FormControl-module_form-control__fX4me{margin-top:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG{display:flex;flex-wrap:wrap;gap:1rem}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_center__If3GP,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_middle__3AyLd{align-items:center}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_start__JRgKQ,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_top__vpPcL{align-items:flex-start}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_bottom__g7tpy,.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_end__WCMNP{align-items:flex-end}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz{align-items:stretch}.FormControl-module_form-control__fX4me.FormControl-module_grid__ztjsG.FormControl-module_stretch__dY1Yz>*>*{box-sizing:border-box;height:100%}.FormControl-module_column__nMKOr{flex-grow:1;flex-shrink:0}.FormControl-module_col-2__ml1Ue{flex-basis:calc(50% - 0.5rem)}.FormControl-module_col-3__zsRyl{flex-basis:calc(33.33333% - 0.66667rem)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Db250cm9sLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBQ0UsdUNBQ0YsQ0FDQSxnRkFDRSxlQUNGLENBQ0EsdUVBQ0UsWUFBYSxDQUNiLGNBQWUsQ0FDZixRQUNGLENBQ0EsZ05BQ0Usa0JBQ0YsQ0FDQSw0TUFDRSxzQkFDRixDQUNBLDZNQUNFLG9CQUNGLENBQ0EseUdBQ0UsbUJBQ0YsQ0FDQSw2R0FDRSxxQkFBc0IsQ0FDdEIsV0FDRixDQUVBLGtDQUNFLFdBQVksQ0FDWixhQUNGLENBRUEsaUNBQ0UsNkJBQ0YsQ0FFQSxpQ0FDRSx1Q0FDRiIsImZpbGUiOiJGb3JtQ29udHJvbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZm9ybS1jb250cm9sIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5mb3JtLWNvbnRyb2wgKyAuZm9ybS1jb250cm9sIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLmNlbnRlciwgLmZvcm0tY29udHJvbC5ncmlkLm1pZGRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RhcnQsIC5mb3JtLWNvbnRyb2wuZ3JpZC50b3Age1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5mb3JtLWNvbnRyb2wuZ3JpZC5lbmQsIC5mb3JtLWNvbnRyb2wuZ3JpZC5ib3R0b20ge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG59XG4uZm9ybS1jb250cm9sLmdyaWQuc3RyZXRjaCB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xufVxuLmZvcm0tY29udHJvbC5ncmlkLnN0cmV0Y2ggPiAqID4gKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNvbHVtbiB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5jb2wtMiB7XG4gIGZsZXgtYmFzaXM6IGNhbGMoKDEwMCUgLSAxcmVtKSAvIDIpO1xufVxuXG4uY29sLTMge1xuICBmbGV4LWJhc2lzOiBjYWxjKCgxMDAlIC0gMnJlbSkgLyAzKTtcbn0iXX0= */'),exports.default={"form-control":"FormControl-module_form-control__fX4me",grid:"FormControl-module_grid__ztjsG",center:"FormControl-module_center__If3GP",middle:"FormControl-module_middle__3AyLd",start:"FormControl-module_start__JRgKQ",top:"FormControl-module_top__vpPcL",end:"FormControl-module_end__WCMNP",bottom:"FormControl-module_bottom__g7tpy",stretch:"FormControl-module_stretch__dY1Yz",column:"FormControl-module_column__nMKOr","col-2":"FormControl-module_col-2__ml1Ue","col-3":"FormControl-module_col-3__zsRyl"};
+//# sourceMappingURL=FormControl.module.scss.cjs.js.map

package/dist/cjs/Form/FormControl/FormControl.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormGroup.module.cjs.js");var a=require("../FormHelperText/FormHelperText.cjs.js");var l=require("../../Icon/Icon.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var t=o(e);const s=({children:e,className:o,error:s,errorMessage:d,errorId:c,errorMessageIcon:u,errorMessageIconPosition:n="before",helperText:i,helperId:f,helperProps:m,disabled:v,...p},N)=>{const b=(m===null||m===void 0?void 0:m.disabled)!==void 0?m===null||m===void 0?void 0:m.disabled:v;return t["default"].createElement("div",{...p,ref:N,className:`${r["default"]["form-group"]} ${o!==null&&o!==void 0?o:""}`},e,(i||d&&s)&&t["default"].createElement("div",{className:`${r["default"]["default-helper"]} ${(m===null||m===void 0?void 0:m.className)?m.className:""}`},(i&&!s||i&&s&&!d)&&t["default"].createElement(a.FormHelperText,{...m,className:"",id:f,disabled:b},(m===null||m===void 0?void 0:m.children)||i),s&&d&&t["default"].createElement("span",{className:r["default"]["error-message"]},t["default"].createElement("span",{id:c,className:r["default"].message},u&&n==="before"&&t["default"].createElement(l.Icon,{className:`${r["default"]["error-icon"]} ${r["default"]["error-icon-before"]}`,icon:u}),d,u&&n==="after"&&t["default"].createElement(l.Icon,{className:`${r["default"]["error-icon"]} ${r["default"]["error-icon-after"]}`,icon:u})))))};const d=t["default"].forwardRef(s);exports.FormGroup=d;
+"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;
 //# 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":["FormGroupComponent","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","React","classes","createElement","FormHelperText","id","message","Icon","icon","FormGroup","forwardRef"],"mappings":"6TAoCA,MAAMA,EAAsE,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,GAAoBJ,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAaC,iBAAaI,EAAYL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEK,qCAASJ,EAAMC,IAAKA,EAAKX,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBf,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/Ba,EAAAA,gCACEd,UAAW,GAAGe,EAAO,WAAC,sBACpBP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDY,EAAAA,WAAAE,cAACC,EAAAA,eAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRY,EAAAA,WAAAE,cAAA,OAAA,CAAMhB,UAAWe,aAAQ,kBACvBD,aAAME,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWe,EAAO,WAACI,SACnCf,GAAoBC,IAA6B,UAChDS,EAAA,WAAAE,cAACI,OAAI,CACHpB,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBA,EAAAA,WAAQ,uBAC/CM,KAAMjB,IAGTF,EACAE,GAAoBC,IAA6B,SAChDS,aAAAE,cAACI,EAAIA,KAAA,CACHpB,UAAW,GAAGe,EAAAA,WAAQ,iBAAiBA,aAAQ,sBAC/CM,KAAMjB,OAStB,EAGS,MAAAkB,EAAYR,EAAAA,WAAMS,WAAWzB"}
+{"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"}

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

@@ -0,0 +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 */.FormGroup-module_form-group__zY2Pc{position:relative}.FormGroup-module_error-message__OftB-{align-items:flex-end;color:var(--error);display:flex}.FormGroup-module_error-icon__kwXNX{font-size:1.25rem;margin-right:.5rem}.FormGroup-module_error-icon-before__tbw62{margin-right:.5rem}.FormGroup-module_error-icon-after__LjCEe{margin-left:.5rem}.FormGroup-module_default-helper__xoVsQ{font-size:.75rem;line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQUNFLGlCQUNGLENBRUEsdUNBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsb0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBQ0EsMkNBQ0Usa0JBQ0YsQ0FDQSwwQ0FDRSxpQkFDRixDQUVBLHdDQUNFLGdCQUFrQixDQUNsQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uZXJyb3ItaWNvbi1iZWZvcmUge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5lcnJvci1pY29uLWFmdGVyIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmRlZmF1bHQtaGVscGVyIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMS4zMzMzMzMzMztcbn0iXX0= */'),exports.default={"form-group":"FormGroup-module_form-group__zY2Pc","error-message":"FormGroup-module_error-message__OftB-","error-icon":"FormGroup-module_error-icon__kwXNX","error-icon-before":"FormGroup-module_error-icon-before__tbw62","error-icon-after":"FormGroup-module_error-icon-after__LjCEe","default-helper":"FormGroup-module_default-helper__xoVsQ"};
+//# sourceMappingURL=FormGroup.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./FormHelperText.module.cjs.js");var t=require("../../Typography/Typography.cjs.js");function a(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=a(e);const u=({children:e,error:a,disabled:u,className:o,...l},d)=>{const p=[r["default"]["form-helper-text"]];a&&p.push(r["default"]["error"]);u&&p.push(r["default"]["disabled"]);o&&p.push(o);return s["default"].createElement(t.Typography,{...l,ref:d,variant:"sub-text",tag:"div",className:p.join(" ")},e)};const o=s["default"].forwardRef(u);exports.FormHelperText=o;
+"use strict";var e=require("react"),r=require("./FormHelperText.module.scss.cjs.js"),s=require("../../Typography/Typography.cjs.js");const t=e.forwardRef((({children:t,error:a,disabled:o,className:l,...p},u)=>{const c=[r.default["form-helper-text"]];return a&&c.push(r.default.error),o&&c.push(r.default.disabled),l&&c.push(l),e.createElement(s.Typography,{...p,ref:u,variant:"sub-text",tag:"div",className:c.join(" ")},t)}));exports.FormHelperText=t;
 //# sourceMappingURL=FormHelperText.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.cjs.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.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, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["FormHelperTextComponent","children","error","disabled","className","rest","ref","classNames","classes","push","React","createElement","Typography","variant","tag","join","FormHelperText","forwardRef"],"mappings":"qRA0BA,MAAMA,EAA2E,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,aAAQ,qBAC5BN,GAASK,EAAWE,KAAKD,EAAAA,WAAQ,UACjCL,GAAYI,EAAWE,KAAKD,EAAAA,WAAQ,aACpCJ,GAAaG,EAAWE,KAAKL,GAE7B,OACEM,EAAAA,WAAAC,cAACC,EAAUA,WAAA,IAAKP,EAAMC,IAAKA,EAAKO,QAAQ,WAAWC,IAAI,MAAMV,UAAWG,EAAWQ,KAAK,MACrFd,EAEH,EAGS,MAAAe,EAAiBN,EAAAA,WAAMO,WAAWjB"}
+{"version":3,"file":"FormHelperText.cjs.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.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, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["FormHelperText","React","forwardRef","children","error","disabled","className","rest","ref","classNames","classes","push","createElement","Typography","variant","tag","join"],"mappings":"qIA0BA,MAgBaA,EAAiBC,EAAMC,YAhB6C,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,UAAQ,qBAK5B,OAJAN,GAASK,EAAWE,KAAKD,EAAAA,QAAe,OACxCL,GAAYI,EAAWE,KAAKD,EAAAA,QAAkB,UAC9CJ,GAAaG,EAAWE,KAAKL,GAG3BL,EAAAW,cAACC,EAAUA,WAAA,IAAKN,EAAMC,IAAKA,EAAKM,QAAQ,WAAWC,IAAI,MAAMT,UAAWG,EAAWO,KAAK,MACrFb,EAEH"}

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

@@ -0,0 +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"};
+//# sourceMappingURL=FormHelperText.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../FormHelperText/FormHelperText.cjs.js");var l=require("./FormSelectorWrapper.module.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=t(e);const d=({children:t,className:d,nestedChildren:o,containerProps:i,helperProps:s,error:n,disabled:u,helperText:c,errorMessage:f,parentErrorId:v,errorId:p,identifier:m,...h},x)=>{var $,j;const E=($=s===null||s===void 0?void 0:s.ref)!==null&&$!==void 0?$:e.createRef();return a["default"].createElement("div",{...h,ref:x,className:`${n?l["default"]["error"]:""} ${u?l["default"]["disabled"]:""} ${d!==null&&d!==void 0?d:""}`},a["default"].createElement("div",{...i},t),(c||(s===null||s===void 0?void 0:s.children))&&a["default"].createElement(r.FormHelperText,{...s,ref:E,id:`${m}`,className:`${l["default"]["helper-text"]} ${(j=s===null||s===void 0?void 0:s.className)!==null&&j!==void 0?j:""} ${n?l["default"]["error"]:""}`},n?a["default"].createElement("span",{className:l["default"]["error-message"],id:p},f):(s===null||s===void 0?void 0:s.children)||c),o)};const o=a["default"].forwardRef(d);exports.FormSelectorWrapper=o;
+"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;
 //# 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":["FormSelectorWrapperComponent","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","React","classes","createElement","FormHelperText","id","_b","FormSelectorWrapper","forwardRef"],"mappings":"+RAqCA,MAAMA,EAAgF,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,GAAYC,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaS,OAAO,MAAAE,SAAA,EAAAA,EAAAC,EAAAA,YAEtC,OACEC,qCACML,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQa,EAAO,WAAC,SAAW,MAAMZ,EAAWY,EAAO,WAAC,YAAc,MAC9EjB,IAAA,MAAAA,WAAAA,EAAa,MAGfgB,EAAS,WAAAE,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaJ,YAC3BiB,2BAACG,EAAAA,eAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGiB,EAAAA,WAAQ,mBAAkBI,EAAAlB,UAAAA,SAAW,OAAA,EAAXA,EAAaH,aAAa,MAAAqB,SAAA,EAAAA,EAAA,MAChEjB,EAAQa,EAAAA,WAAQ,SAAW,MAG5Bb,EACCY,mCAAMhB,UAAWiB,EAAO,WAAC,iBAAkBG,GAAIX,GAC5CF,IAGHJ,IAAA,MAAAA,kBAAAA,EAAaJ,WAAYO,GAI9BL,EAEH,EAGS,MAAAqB,EAAsBN,EAAAA,WAAMO,WAAWzB"}
+{"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"}

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

@@ -0,0 +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 */.FormSelectorWrapper-module_error__QfvpX input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper-module_helper-text__uXsbs{margin-left:1.75rem;margin-top:.25rem}.FormSelectorWrapper-module_error-message__6olsK{color:var(--error)}.FormSelectorWrapper-module_disabled__hlvKT input{color:var(--disabled)}.FormSelectorWrapper-module_disabled__hlvKT input:disabled,.FormSelectorWrapper-module_disabled__hlvKT label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvREFHRSxpQkFBa0IsQ0FGbEIsOEJBQStCLENBQy9CLG1CQUFvQixDQUVwQixlQUNGLENBRUEsK0NBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsaURBQ0Usa0JBQ0YsQ0FFQSxrREFDRSxxQkFDRixDQUlBLDZHQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAxLjc1cmVtO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5kaXNhYmxlZCBpbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4uZGlzYWJsZWQgaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn0iXX0= */'),exports.default={error:"FormSelectorWrapper-module_error__QfvpX","helper-text":"FormSelectorWrapper-module_helper-text__uXsbs","error-message":"FormSelectorWrapper-module_error-message__6olsK",disabled:"FormSelectorWrapper-module_disabled__hlvKT"};
+//# sourceMappingURL=FormSelectorWrapper.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectorWrapper.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var s=require("./Input.module.cjs.js");var t=require("../../src/readyclasses.module.cjs.js");var a=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function u(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=u(e);const r=["date","time","datetime-local"];const d=({error:u=false,success:d=false,className:n,name:f,style:o,wrapperProps:c,type:i,labeledBy:p,prefix:m,suffix:h,disabled:v,onFocus:y,onBlur:j,...x},b)=>{var E;const[N,w]=e.useState(false);const I=e.useRef(null);const k=e.useRef(null);e.useEffect((()=>{if(f===void 0)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const q=[s["default"]["input"]];const B=e=>typeof e==="string"?l["default"].createElement("span",null,e):e;r.includes(i)&&q.push(s["default"]["shrink-width-for-date-icon"]);n&&q.push(n);const P=[s["default"]["input-wrapper"]];const R=[s["default"]["outline"]];(c===null||c===void 0?void 0:c.className)&&P.push(c.className);i==="hidden"&&P.push(t["default"]["hidden"]);m&&P.push(s["default"]["prefix"]);h&&P.push(s["default"]["suffix"]);v&&P.push(s["default"]["disabled"])&&R.push(s["default"]["disabled"]);u&&P.push(s["default"]["error"])&&R.push(s["default"]["error"]);N&&P.push(s["default"]["focus"])&&R.push(s["default"]["focus"]);d&&P.push(s["default"]["success"]);const S=a.useDetermineStatusIcon({success:d,error:u});return l["default"].createElement("div",{ref:I,...c,style:{...o},className:`${s["default"]["input-wrapper"]} ${P.join(" ")}`},m&&l["default"].createElement("div",{"data-prefix":true,className:s["default"]["prefix"]},B(m)),l["default"].createElement("input",{...x,ref:b,onFocus:e=>{w(true);y===null||y===void 0?void 0:y(e)},onBlur:e=>{w(false);j===null||j===void 0?void 0:j(e)},"aria-labelledby":p,type:i,name:f,disabled:v,className:q.join(" "),spellCheck:(E=x.spellCheck)!==null&&E!==void 0?E:false}),S,h&&l["default"].createElement("div",{ref:k,"data-suffix":true,className:s["default"]["suffix"]},B(h)),l["default"].createElement("span",{className:R.join(" ")}))};const n=l["default"].forwardRef(d);exports.Input=n;exports.dateTypes=r;
+"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;
 //# 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","InputComponent","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","React","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","icon","useDetermineStatusIcon","join","event","spellCheck","_a","Input","forwardRef"],"mappings":"6UA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAyB1C,MAAMC,EAAoE,EAEtEC,QAAQ,MACRC,UAAU,MACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,SAAC,OACnC,MAAMC,EAAkBC,SAAuB,MAC/C,MAAMC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,GAAIlB,SAASmB,EACX,MAAM,IAAIC,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,aAAQ,UAEjC,MAAMC,EAAiBC,UACPA,IAAO,SAAWC,aAAOC,cAAA,OAAA,KAAAF,GAAaA,EAGrD7B,EAAoCgC,SAASxB,IAC5CkB,EAAgBO,KAAKN,aAAQ,+BAC/BvB,GAAasB,EAAgBO,KAAK7B,GAElC,MAAM8B,EAAiB,CAACP,aAAQ,kBAChC,MAAMQ,EAAiB,CAACR,aAAQ,aAEhCpB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WAC5DI,IAAS,UAAY0B,EAAeD,KAAKG,EAAY,WAAC,WACtD1B,GAAUwB,EAAeD,KAAKN,EAAAA,WAAQ,WACtChB,GAAUuB,EAAeD,KAAKN,EAAAA,WAAQ,WACtCf,GAAYsB,EAAeD,KAAKN,EAAAA,WAAQ,cAAgBQ,EAAeF,KAAKN,aAAQ,aACpFzB,GAASgC,EAAeD,KAAKN,EAAAA,WAAQ,WAAaQ,EAAeF,KAAKN,aAAQ,UAC9EV,GAASiB,EAAeD,KAAKN,EAAAA,WAAQ,WAAaQ,EAAeF,KAAKN,aAAQ,UAC9ExB,GAAW+B,EAAeD,KAAKN,EAAAA,WAAQ,YAEvC,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEnC,UAASD,UAE/C,OACE4B,EAAA,WAAAC,cAAA,MAAA,CACEf,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAO,WAAC,oBAAoBO,EAAeK,KAAK,QAE7D7B,GACCoB,EAAAA,WAAiBC,cAAA,MAAA,CAAA,cAAA,KAAA3B,UAAWuB,EAAAA,WAAQ,WACjCC,EAAclB,IAGnBoB,aACMC,cAAA,QAAA,IAAAhB,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,EAAS,MACTL,UAAAA,SAAO,OAAA,EAAPA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,EAAS,OACTJ,UAAAA,SAAM,OAAA,EAANA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,YAAYC,EAAA3B,EAAK0B,cAAU,MAAAC,SAAA,EAAAA,EAAI,QAEhCL,EACA1B,GACCmB,EAAA,WAAAC,cAAA,MAAA,CAAKf,IAAKM,qBAAuBlB,UAAWuB,EAAO,WAAC,WACjDC,EAAcjB,IAInBmB,aAAMC,cAAA,OAAA,CAAA3B,UAAW+B,EAAeI,KAAK,OAEvC,EAGS,MAAAI,EAAQb,EAAAA,WAAMc,WAAW3C"}
+{"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"}

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

@@ -0,0 +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;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.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: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVlFLHdCQUE2QixDQUw3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBRXZDLFNBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0ZBQ0UsVUFDRixDQUNBLG9DQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLDBFQUNFLFVBQ0YsQ0FDQSxnREFDRSxZQUNGLENBRUEsNkJBTUUsc0NBQXVDLENBR3ZDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBSHZDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUhWLG1CQUFvQixDQUNwQixpQkFBa0IsQ0FTbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDZCQUNFLHdCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxxQkFDRixDQUNBLHlFQUNFLGVBQ0YsQ0FFQSxtQ0FDRSxxQkFDRixDQUVBLGtHQUtFLGFBQWMsQ0FGZCx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQUV2QyxTQUNGLENBQ0EsdUNBQ0Usa0dBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLG1DQUNFLGVBQ0YsQ0FDRiIsImZpbGUiOiJJbnB1dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaW5wdXQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDAgMC41cmVtO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdOmJlZm9yZSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXTpiZWZvcmUge1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmlucHV0IHtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG59XG4uZXJyb3IgaW5wdXQucmVtb3ZlLWV4dHJhLWluZGVudCB7XG4gIHBhZGRpbmctcmlnaHQ6IDA7XG59XG5cbi5zdWNjZXNzIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtcHJlZml4XSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICB9XG59Il19 */'),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"};
+//# sourceMappingURL=Input.module.scss.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/Form/Label/Label.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./Label.module.cjs.js");var a=require("../../src/readyclasses.module.cjs.js");function l(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var t=l(e);const s=({children:e,className:l,hidden:s=false,...u},d)=>t["default"].createElement("label",{...u,ref:d,className:`${s?a["default"]["sr-only"]:""} ${r["default"]["label"]} ${l!==null&&l!==void 0?l:""}`},e);const u=t["default"].forwardRef(s);exports.Label=u;
+"use strict";var e=require("react"),s=require("./Label.module.scss.cjs.js"),l=require("../../src/readyclasses.module.scss.cjs.js");const r=e.forwardRef((({children:r,className:a,hidden:c=!1,...d},t)=>e.createElement("label",{...d,ref:t,className:`${c?l.default["sr-only"]:""} ${s.default.label} ${null!=a?a:""}`},r)));exports.Label=r;
 //# sourceMappingURL=Label.cjs.js.map