@onewelcome/react-lib-components 12.0.0 → 12.0.1

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.es.js.map

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

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./SelectWrapper.module.scss.cjs.js"),s=require("../Wrapper/Wrapper.cjs.js"),l=require("../../Select/SingleSelect/Select.cjs.js"),a=require("../../../../hooks/useWrapper.cjs.js"),c=require("../../../withReadOnly.cjs.js"),o=require("../../../../hooks/useDescribedBy.cjs.js"),p=e.forwardRef((({children:c,error:p,success:t,value:d,placeholder:i,selectProps:u,helperProps:n,onChange:h,...j},m)=>{const{errorId:y,helperId:S,labelId:b}=a.useWrapper(),W=o.useDescribedBy({error:p,errorMessage:j.errorMessage,helperText:j.helperText,helperId:S,errorId:y});return e.createElement(s.Wrapper,{...j,ref:m,errorId:y,helperId:S,labelProps:{id:b,className:r.default["select-label"]},helperProps:{...n,className:`${r.default["select-helper-text"]} ${(null==n?void 0:n.className)??""}`},error:p},e.createElement(l.Select,{...u,value:d,labeledBy:b,error:p,success:t,describedBy:W,onChange:h,placeholder:i,className:`${(null==u?void 0:u.className)??""}`,isReadOnlyView:!!j["data-readonlyview"]},c))}));p.displayName="SelectWrapper";const t=c.withReadOnly(p,{isWrapperComponent:!0});exports.SelectWrapper=t;
+//# sourceMappingURL=SelectWrapper.cjs.js.map

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/SelectWrapper/SelectWrapper.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 \"./SelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Select } from \"../../Select/SingleSelect/Select\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { SingleSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDescribedBy } from \"../../../../hooks/useDescribedBy\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string;\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n  const describedBy = useDescribedBy({\n    error,\n    errorMessage: rest.errorMessage,\n    helperText: rest.helperText,\n    helperId,\n    errorId\n  });\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <Select\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={describedBy}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nconst forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);\nforwardedSelectWrapper.displayName = \"SelectWrapper\";\n\nexport const SelectWrapper = withReadOnly(forwardedSelectWrapper, { isWrapperComponent: true });\n"],"names":["forwardedSelectWrapper","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","describedBy","useDescribedBy","errorMessage","helperText","createElement","Wrapper","labelProps","id","className","classes","Select","labeledBy","isReadOnlyView","displayName","SelectWrapper","withReadOnly","isWrapperComponent"],"mappings":"qYA2FMA,EAAyBC,EAAMC,YArD2C,EAE5EC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,SAAAA,EAAAC,QAAUA,GAAYC,EAAAA,aACjCC,EAAcC,EAAAA,eAAe,CACjCd,QACAe,aAAcR,EAAKQ,aACnBC,WAAYT,EAAKS,WACjBN,WACAD,YAGA,OAAAZ,EAAAoB,cAACC,EAAAA,QAAA,IACKX,EACJC,MACAC,UACAC,WACAS,WAAY,CAAEC,GAAIT,EAASU,UAAWC,EAAAA,QAAQ,iBAC9CjB,YAAa,IACRA,EACHgB,UAAW,GAAGC,EAAAA,QAAQ,0BAAsC,MAAbjB,OAAa,EAAAA,EAAAgB,YAAa,MAE3ErB,SAEAH,EAAAoB,cAACM,EAAAA,OAAA,IACKnB,EACJF,QACAsB,UAAWb,EACXX,QACAC,UACAY,cACAP,WACAH,cACAkB,UAAW,IAAgB,MAAbjB,OAAa,EAAAA,EAAAiB,YAAa,KACxCI,iBAAkBlB,EAAK,sBAEtBR,GAEL,IAKJH,EAAuB8B,YAAc,gBAE9B,MAAMC,EAAgBC,EAAAA,aAAahC,EAAwB,CAAEiC,oBAAoB"}

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.es.js

@@ -0,0 +1,65 @@
+import React from "react";
+import classes from "./SelectWrapper.module.scss.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { Select } from "../../Select/SingleSelect/Select.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+import { useDescribedBy } from "../../../../hooks/useDescribedBy.es.js";
+const SelectWrapperComponent = ({
+  children,
+  error,
+  success,
+  value,
+  placeholder,
+  selectProps,
+  helperProps,
+  onChange,
+  ...rest
+}, ref) => {
+  const { errorId, helperId, labelId } = useWrapper();
+  const describedBy = useDescribedBy({
+    error,
+    errorMessage: rest.errorMessage,
+    helperText: rest.helperText,
+    helperId,
+    errorId
+  });
+  return /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      errorId,
+      helperId,
+      labelProps: { id: labelId, className: classes["select-label"] },
+      helperProps: {
+        ...helperProps,
+        className: `${classes["select-helper-text"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      error
+    },
+    /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        ...selectProps,
+        value,
+        labeledBy: labelId,
+        error,
+        success,
+        describedBy,
+        onChange,
+        placeholder,
+        className: `${(selectProps == null ? void 0 : selectProps.className) ?? ""}`,
+        isReadOnlyView: !!rest["data-readonlyview"]
+      },
+      children
+    )
+  );
+};
+const forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);
+forwardedSelectWrapper.displayName = "SelectWrapper";
+const SelectWrapper = withReadOnly(forwardedSelectWrapper, { isWrapperComponent: true });
+export {
+  SelectWrapper
+};
+//# sourceMappingURL=SelectWrapper.es.js.map

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/SelectWrapper/SelectWrapper.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 \"./SelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Select } from \"../../Select/SingleSelect/Select\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { SingleSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDescribedBy } from \"../../../../hooks/useDescribedBy\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">, Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string;\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n  const describedBy = useDescribedBy({\n    error,\n    errorMessage: rest.errorMessage,\n    helperText: rest.helperText,\n    helperId,\n    errorId\n  });\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <Select\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={describedBy}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nconst forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);\nforwardedSelectWrapper.displayName = \"SelectWrapper\";\n\nexport const SelectWrapper = withReadOnly(forwardedSelectWrapper, { isWrapperComponent: true });\n"],"names":[],"mappings":";;;;;;;AAsCA,MAAM,yBAA0E,CAC9E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,UAAU,QAAA,IAAY,WAAW;AAClD,QAAM,cAAc,eAAe;AAAA,IACjC;AAAA,IACA,cAAc,KAAK;AAAA,IACnB,YAAY,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,CACD;AAEC,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,EAAE,IAAI,SAAS,WAAW,QAAQ,cAAc,EAAE;AAAA,MAC9D,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,GAAG,QAAQ,oBAAoB,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAC7E;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,IAAG,2CAAa,cAAa,EAAE;AAAA,QAC1C,gBAAgB,CAAC,CAAC,KAAK,mBAAmB;AAAA,MAAA;AAAA,MAEzC;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEA,MAAM,yBAAyB,MAAM,WAAW,sBAAsB;AACtE,uBAAuB,cAAc;AAE9B,MAAM,gBAAgB,aAAa,wBAAwB,EAAE,oBAAoB,KAAM,CAAA;"}

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.SelectWrapper_select-label_gFXfX{left:calc(1.25rem + 2px)}.SelectWrapper_select-helper-text_gFXfX{margin-top:.15rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"select-label":"SelectWrapper_select-label_gFXfX","select-helper-text":"SelectWrapper_select-helper-text_gFXfX"};
+//# sourceMappingURL=SelectWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.cjs.js.map

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

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.SelectWrapper_select-label_gFXfX{left:calc(1.25rem + 2px)}.SelectWrapper_select-helper-text_gFXfX{margin-top:.15rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "select-label": "SelectWrapper_select-label_gFXfX",
+  "select-helper-text": "SelectWrapper_select-helper-text_gFXfX"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=SelectWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.es.js.map

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

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./TextareaWrapper.module.scss.cjs.js"),a=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Textarea/Textarea.cjs.js"),l=require("../../../../hooks/useWrapper.cjs.js"),t=require("../../../withReadOnly.cjs.js"),o=require("../../../../hooks/useDetermineStatusIcon.cjs.js"),u=require("../../../../hooks/useDescribedBy.cjs.js"),d=t.withReadOnly(e.forwardRef((({name:t,error:d,value:c,label:p,placeholder:n,textareaProps:i,helperProps:h,onChange:b,onFocus:m,onBlur:f,onMouseEnter:j,onMouseLeave:x,disabled:y,success:I,className:$,...q},v)=>{const{errorId:T,hasFocus:W,setHasFocus:w,helperId:M,labelId:N}=l.useWrapper(),[g,P]=e.useState(!1),E=[];W&&E.push(r.default.focus),g&&E.push(r.default.hover),y&&E.push(r.default.disabled),d&&E.push(r.default.error);const S=o.useDetermineStatusIcon({success:I,error:d}),B=u.useDescribedBy({error:d,errorMessage:q.errorMessage,helperText:q.helperText,helperId:M,errorId:T});return e.createElement(a.Wrapper,{...q,ref:v,className:`${r.default.wrapper} ${$??""}`,disabled:y,labelProps:{id:N,className:`${r.default["textarea-label"]} ${E.join(" ")}`},name:t,label:p,helperId:M,helperProps:{...h,className:r.default["textarea-helper-text"]},error:d,errorId:T},q["data-readonlyview"]?e.createElement("div",{"aria-labelledby":p&&N,"aria-describedby":B,id:t,tabIndex:0,className:`${d?r.default.error:""} ${I?r.default.success:""}`},S,c):e.createElement(s.Textarea,{...i,error:d,"aria-labelledby":p&&N,"aria-describedby":B,placeholder:n,name:t,id:t,value:c,success:I,onChange:b,onFocus:e=>{null==m||m(e),w(!0)},onBlur:e=>{null==f||f(e),w(!1)},onMouseEnter:e=>{null==j||j(e),P(!0)},onMouseLeave:e=>{null==x||x(e),P(!1)},className:`${r.default.textarea} ${d?r.default.error:""}`,wrapperProps:{className:`${E.join(" ")} ${r.default["textarea-wrapper"]}`}}))})),{isWrapperComponent:!0});exports.TextareaWrapper=d;
+//# sourceMappingURL=TextareaWrapper.cjs.js.map

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.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, useState } from \"react\";\nimport classes from \"./TextareaWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Textarea, Props as TextareaProps } from \"../../Textarea/Textarea\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport { useDescribedBy } from \"../../../../hooks/useDescribedBy\";\n\nexport interface Props\n  extends\n    Omit<\n      ComponentPropsWithRef<\"div\">,\n      \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n    >,\n    Omit<WrapperProps, \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"> {\n  placeholder?: string;\n  textareaProps?: TextareaProps;\n  value: string;\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  success?: boolean;\n  readOnlyView?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    error,\n    value,\n    label,\n    placeholder,\n    textareaProps,\n    helperProps,\n    onChange,\n    onFocus,\n    onBlur,\n    onMouseEnter,\n    onMouseLeave,\n    disabled,\n    success,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const [hover, setHover] = useState(false);\n\n  const wrapperClasses: string[] = [];\n\n  hasFocus && wrapperClasses.push(classes[\"focus\"]);\n  hover && wrapperClasses.push(classes[\"hover\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const describedBy = useDescribedBy({\n    error,\n    errorMessage: rest.errorMessage,\n    helperText: rest.helperText,\n    helperId,\n    errorId\n  });\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={describedBy}\n          id={name}\n          tabIndex={0}\n          className={`${error ? classes[\"error\"] : \"\"} ${success ? classes[\"success\"] : \"\"}`}\n        >\n          {icon}\n          {value}\n        </div>\n      );\n    }\n    return (\n      <Textarea\n        {...textareaProps}\n        error={error}\n        aria-labelledby={label && labelId}\n        aria-describedby={describedBy}\n        placeholder={placeholder}\n        name={name}\n        id={name}\n        value={value}\n        success={success}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        onMouseEnter={e => {\n          onMouseEnter?.(e);\n          setHover(true);\n        }}\n        onMouseLeave={e => {\n          onMouseLeave?.(e);\n          setHover(false);\n        }}\n        className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n        wrapperProps={{\n          className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n        }}\n      />\n    );\n  };\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      className={`${classes[\"wrapper\"]} ${className ?? \"\"}`}\n      disabled={disabled}\n      labelProps={{\n        id: labelId,\n        className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n      }}\n      name={name}\n      label={label}\n      helperId={helperId}\n      helperProps={{\n        ...helperProps,\n        className: classes[\"textarea-helper-text\"]\n      }}\n      error={error}\n      errorId={errorId}\n    >\n      {getTextareaWrapper()}\n    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = withReadOnly(React.forwardRef(TextareaWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":["TextareaWrapper","withReadOnly","React","forwardRef","name","error","value","label","placeholder","textareaProps","helperProps","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","disabled","success","className","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","hover","setHover","useState","wrapperClasses","push","classes","default","icon","useDetermineStatusIcon","describedBy","useDescribedBy","errorMessage","helperText","createElement","Wrapper","labelProps","id","join","tabIndex","Textarea","e","wrapperProps","isWrapperComponent"],"mappings":"2bA+JaA,EAAkBC,EAAAA,aAAaC,EAAMC,YAnHgC,EAE9EC,OACAC,QACAC,QACAC,QACAC,cACAC,gBACAC,cACAC,WACAC,UACAC,SACAC,eACAC,eACAC,WACAC,UACAC,eACGC,GAELC,KAEM,MAAAC,QAAEA,WAASC,EAAUC,YAAAA,EAAAC,SAAaA,UAAUC,GAAYC,gBACvDC,EAAOC,GAAYC,EAAAA,UAAS,GAE7BC,EAA2B,GAEjCR,GAAYQ,EAAeC,KAAKC,EAAQC,QAAO,OAC/CN,GAASG,EAAeC,KAAKC,EAAQC,QAAO,OAC5CjB,GAAYc,EAAeC,KAAKC,EAAQC,QAAU,UAClD5B,GAASyB,EAAeC,KAAKC,EAAQC,QAAO,OAE5C,MAAMC,EAAOC,EAAAA,uBAAuB,CAAElB,UAASZ,UACzC+B,EAAcC,EAAAA,eAAe,CACjChC,QACAiC,aAAcnB,EAAKmB,aACnBC,WAAYpB,EAAKoB,WACjBf,WACAH,YAsDA,OAAAnB,EAAAsC,cAACC,EAAAA,QAAA,IACKtB,EACJC,MACAF,UAAW,GAAGc,UAAiB,WAAKd,GAAa,KACjDF,WACA0B,WAAY,CACVC,GAAIlB,EACJP,UAAW,GAAGc,EAAAA,QAAQ,qBAAqBF,EAAec,KAAK,QAEjExC,OACAG,QACAiB,WACAd,YAAa,IACRA,EACHQ,UAAWc,UAAQ,yBAErB3B,QACAgB,WApEEF,EAAK,qBAELjB,EAAAsC,cAAC,MAAA,CACC,kBAAiBjC,GAASkB,EAC1B,mBAAkBW,EAClBO,GAAIvC,EACJyC,SAAU,EACV3B,UAAW,GAAGb,EAAQ2B,EAAAA,QAAe,MAAI,MAAMf,EAAUe,EAAAA,QAAiB,QAAI,MAE7EE,EACA5B,GAKLJ,EAAAsC,cAACM,EAAAA,SAAA,IACKrC,EACJJ,QACA,kBAAiBE,GAASkB,EAC1B,mBAAkBW,EAClB5B,cACAJ,OACAuC,GAAIvC,EACJE,QACAW,UACAN,WACAC,QAAcmC,IACF,MAAAnC,GAAAA,EAAAmC,GACVxB,GAAY,EAAI,EAElBV,OAAakC,IACF,MAAAlC,GAAAA,EAAAkC,GACTxB,GAAY,EAAK,EAEnBT,aAAmBiC,IACF,MAAAjC,GAAAA,EAAAiC,GACfnB,GAAS,EAAI,EAEfb,aAAmBgC,IACF,MAAAhC,GAAAA,EAAAgC,GACfnB,GAAS,EAAK,EAEhBV,UAAW,GAAGc,UAAkB,YAAK3B,EAAQ2B,UAAe,MAAI,KAChEgB,aAAc,CACZ9B,UAAW,GAAGY,EAAec,KAAK,QAAQZ,UAAQ,yBA2BxD,IAIoF,CACtFiB,oBAAoB"}

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.es.js

@@ -0,0 +1,123 @@
+import React, { useState } from "react";
+import classes from "./TextareaWrapper.module.scss.es.js";
+import { Wrapper } from "../Wrapper/Wrapper.es.js";
+import { Textarea } from "../../Textarea/Textarea.es.js";
+import { useWrapper } from "../../../../hooks/useWrapper.es.js";
+import { withReadOnly } from "../../../withReadOnly.es.js";
+import { useDetermineStatusIcon } from "../../../../hooks/useDetermineStatusIcon.es.js";
+import { useDescribedBy } from "../../../../hooks/useDescribedBy.es.js";
+const TextareaWrapperComponent = ({
+  name,
+  error,
+  value,
+  label,
+  placeholder,
+  textareaProps,
+  helperProps,
+  onChange,
+  onFocus,
+  onBlur,
+  onMouseEnter,
+  onMouseLeave,
+  disabled,
+  success,
+  className,
+  ...rest
+}, ref) => {
+  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();
+  const [hover, setHover] = useState(false);
+  const wrapperClasses = [];
+  hasFocus && wrapperClasses.push(classes["focus"]);
+  hover && wrapperClasses.push(classes["hover"]);
+  disabled && wrapperClasses.push(classes["disabled"]);
+  error && wrapperClasses.push(classes["error"]);
+  const icon = useDetermineStatusIcon({ success, error });
+  const describedBy = useDescribedBy({
+    error,
+    errorMessage: rest.errorMessage,
+    helperText: rest.helperText,
+    helperId,
+    errorId
+  });
+  const getTextareaWrapper = () => {
+    if (rest["data-readonlyview"]) {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          "aria-labelledby": label && labelId,
+          "aria-describedby": describedBy,
+          id: name,
+          tabIndex: 0,
+          className: `${error ? classes["error"] : ""} ${success ? classes["success"] : ""}`
+        },
+        icon,
+        value
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      Textarea,
+      {
+        ...textareaProps,
+        error,
+        "aria-labelledby": label && labelId,
+        "aria-describedby": describedBy,
+        placeholder,
+        name,
+        id: name,
+        value,
+        success,
+        onChange,
+        onFocus: (e) => {
+          onFocus == null ? void 0 : onFocus(e);
+          setHasFocus(true);
+        },
+        onBlur: (e) => {
+          onBlur == null ? void 0 : onBlur(e);
+          setHasFocus(false);
+        },
+        onMouseEnter: (e) => {
+          onMouseEnter == null ? void 0 : onMouseEnter(e);
+          setHover(true);
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave == null ? void 0 : onMouseLeave(e);
+          setHover(false);
+        },
+        className: `${classes["textarea"]} ${error ? classes["error"] : ""}`,
+        wrapperProps: {
+          className: `${wrapperClasses.join(" ")} ${classes["textarea-wrapper"]}`
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      ...rest,
+      ref,
+      className: `${classes["wrapper"]} ${className ?? ""}`,
+      disabled,
+      labelProps: {
+        id: labelId,
+        className: `${classes["textarea-label"]} ${wrapperClasses.join(" ")}`
+      },
+      name,
+      label,
+      helperId,
+      helperProps: {
+        ...helperProps,
+        className: classes["textarea-helper-text"]
+      },
+      error,
+      errorId
+    },
+    getTextareaWrapper()
+  );
+};
+const TextareaWrapper = withReadOnly(React.forwardRef(TextareaWrapperComponent), {
+  isWrapperComponent: true
+});
+export {
+  TextareaWrapper
+};
+//# sourceMappingURL=TextareaWrapper.es.js.map

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.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, useState } from \"react\";\nimport classes from \"./TextareaWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Textarea, Props as TextareaProps } from \"../../Textarea/Textarea\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport { useDescribedBy } from \"../../../../hooks/useDescribedBy\";\n\nexport interface Props\n  extends\n    Omit<\n      ComponentPropsWithRef<\"div\">,\n      \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n    >,\n    Omit<WrapperProps, \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"> {\n  placeholder?: string;\n  textareaProps?: TextareaProps;\n  value: string;\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  success?: boolean;\n  readOnlyView?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    error,\n    value,\n    label,\n    placeholder,\n    textareaProps,\n    helperProps,\n    onChange,\n    onFocus,\n    onBlur,\n    onMouseEnter,\n    onMouseLeave,\n    disabled,\n    success,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const [hover, setHover] = useState(false);\n\n  const wrapperClasses: string[] = [];\n\n  hasFocus && wrapperClasses.push(classes[\"focus\"]);\n  hover && wrapperClasses.push(classes[\"hover\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const describedBy = useDescribedBy({\n    error,\n    errorMessage: rest.errorMessage,\n    helperText: rest.helperText,\n    helperId,\n    errorId\n  });\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={describedBy}\n          id={name}\n          tabIndex={0}\n          className={`${error ? classes[\"error\"] : \"\"} ${success ? classes[\"success\"] : \"\"}`}\n        >\n          {icon}\n          {value}\n        </div>\n      );\n    }\n    return (\n      <Textarea\n        {...textareaProps}\n        error={error}\n        aria-labelledby={label && labelId}\n        aria-describedby={describedBy}\n        placeholder={placeholder}\n        name={name}\n        id={name}\n        value={value}\n        success={success}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        onMouseEnter={e => {\n          onMouseEnter?.(e);\n          setHover(true);\n        }}\n        onMouseLeave={e => {\n          onMouseLeave?.(e);\n          setHover(false);\n        }}\n        className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n        wrapperProps={{\n          className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n        }}\n      />\n    );\n  };\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      className={`${classes[\"wrapper\"]} ${className ?? \"\"}`}\n      disabled={disabled}\n      labelProps={{\n        id: labelId,\n        className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n      }}\n      name={name}\n      label={label}\n      helperId={helperId}\n      helperProps={{\n        ...helperProps,\n        className: classes[\"textarea-helper-text\"]\n      }}\n      error={error}\n      errorId={errorId}\n    >\n      {getTextareaWrapper()}\n    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = withReadOnly(React.forwardRef(TextareaWrapperComponent), {\n  isWrapperComponent: true\n});\n"],"names":[],"mappings":";;;;;;;;AA4CA,MAAM,2BAA4E,CAChF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,EAAE,SAAS,UAAU,aAAa,UAAU,YAAY,WAAW;AACzE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAExC,QAAM,iBAA2B,CAAC;AAElC,cAAY,eAAe,KAAK,QAAQ,OAAO,CAAC;AAChD,WAAS,eAAe,KAAK,QAAQ,OAAO,CAAC;AAC7C,cAAY,eAAe,KAAK,QAAQ,UAAU,CAAC;AACnD,WAAS,eAAe,KAAK,QAAQ,OAAO,CAAC;AAE7C,QAAM,OAAO,uBAAuB,EAAE,SAAS,OAAO;AACtD,QAAM,cAAc,eAAe;AAAA,IACjC;AAAA,IACA,cAAc,KAAK;AAAA,IACnB,YAAY,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,qBAAqB,MAAM;AAC3B,QAAA,KAAK,mBAAmB,GAAG;AAE3B,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,mBAAiB,SAAS;AAAA,UAC1B,oBAAkB;AAAA,UAClB,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WAAW,GAAG,QAAQ,QAAQ,OAAO,IAAI,EAAE,IAAI,UAAU,QAAQ,SAAS,IAAI,EAAE;AAAA,QAAA;AAAA,QAE/E;AAAA,QACA;AAAA,MACH;AAAA,IAAA;AAIF,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,mBAAiB,SAAS;AAAA,QAC1B,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,CAAK,MAAA;AACZ,6CAAU;AACV,sBAAY,IAAI;AAAA,QAClB;AAAA,QACA,QAAQ,CAAK,MAAA;AACX,2CAAS;AACT,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,cAAc,CAAK,MAAA;AACjB,uDAAe;AACf,mBAAS,IAAI;AAAA,QACf;AAAA,QACA,cAAc,CAAK,MAAA;AACjB,uDAAe;AACf,mBAAS,KAAK;AAAA,QAChB;AAAA,QACA,WAAW,GAAG,QAAQ,UAAU,CAAC,IAAI,QAAQ,QAAQ,OAAO,IAAI,EAAE;AAAA,QAClE,cAAc;AAAA,UACZ,WAAW,GAAG,eAAe,KAAK,GAAG,CAAC,IAAI,QAAQ,kBAAkB,CAAC;AAAA,QAAA;AAAA,MACvE;AAAA,IACF;AAAA,EAEJ;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,SAAS,CAAC,IAAI,aAAa,EAAE;AAAA,MACnD;AAAA,MACA,YAAY;AAAA,QACV,IAAI;AAAA,QACJ,WAAW,GAAG,QAAQ,gBAAgB,CAAC,IAAI,eAAe,KAAK,GAAG,CAAC;AAAA,MACrE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,QACX,GAAG;AAAA,QACH,WAAW,QAAQ,sBAAsB;AAAA,MAC3C;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEC,mBAAmB;AAAA,EACtB;AAEJ;AAEO,MAAM,kBAAkB,aAAa,MAAM,WAAW,wBAAwB,GAAG;AAAA,EACtF,oBAAoB;AACtB,CAAC;"}

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.TextareaWrapper_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TextareaWrapper_hidden_gFXfX{display:none}.TextareaWrapper_slide-in_gFXfX{animation:TextareaWrapper_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-in_gFXfX{animation-duration:.1ms}}.TextareaWrapper_slide-out_gFXfX{animation:TextareaWrapper_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-out_gFXfX{animation-duration:.1ms}}@keyframes TextareaWrapper_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.TextareaWrapper_textarea-wrapper_gFXfX:after{content:"";display:block;width:95%;background-color:var(--light);position:absolute;z-index:0;left:1px;top:1px;border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.TextareaWrapper_textarea-wrapper_gFXfX:after{transition-duration:.1ms}}.TextareaWrapper_textarea-wrapper_gFXfX.TextareaWrapper_disabled_gFXfX:after{background-color:var(--disabled)}.TextareaWrapper_textarea-wrapper_gFXfX.TextareaWrapper_focus_gFXfX:after{left:2px;top:2px}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:focus:not(:disabled){outline:none}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true]~span.TextareaWrapper_error_gFXfX{background-color:var(--color-white)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)){min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--form-control-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status]{position:absolute;right:1.25rem;top:.8rem;font-size:var(--icon-font-big);height:1.25rem;width:1.25rem}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_textarea-helper-text_gFXfX{margin-top:.14rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="TextareaWrapper_disabled_gFXfX",r="TextareaWrapper_focus_gFXfX",a="TextareaWrapper_textarea_gFXfX",t="TextareaWrapper_wrapper_gFXfX",p="TextareaWrapper_error_gFXfX",x={"textarea-wrapper":"TextareaWrapper_textarea-wrapper_gFXfX",disabled:e,focus:r,textarea:a,wrapper:t,error:p,"textarea-helper-text":"TextareaWrapper_textarea-helper-text_gFXfX"};exports.default=x,exports.disabled=e,exports.error=p,exports.focus=r,exports.textarea=a,exports.wrapper=t;
+//# sourceMappingURL=TextareaWrapper.module.scss.cjs.js.map

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.cjs.js.map

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

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.es.js

@@ -0,0 +1,24 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.TextareaWrapper_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TextareaWrapper_hidden_gFXfX{display:none}.TextareaWrapper_slide-in_gFXfX{animation:TextareaWrapper_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-in_gFXfX{animation-duration:.1ms}}.TextareaWrapper_slide-out_gFXfX{animation:TextareaWrapper_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-out_gFXfX{animation-duration:.1ms}}@keyframes TextareaWrapper_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.TextareaWrapper_textarea-wrapper_gFXfX:after{content:"";display:block;width:95%;background-color:var(--light);position:absolute;z-index:0;left:1px;top:1px;border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;transition-property:all;transition-duration:.15s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.TextareaWrapper_textarea-wrapper_gFXfX:after{transition-duration:.1ms}}.TextareaWrapper_textarea-wrapper_gFXfX.TextareaWrapper_disabled_gFXfX:after{background-color:var(--disabled)}.TextareaWrapper_textarea-wrapper_gFXfX.TextareaWrapper_focus_gFXfX:after{left:2px;top:2px}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:focus:not(:disabled){outline:none}.TextareaWrapper_textarea-wrapper_gFXfX .TextareaWrapper_textarea_gFXfX:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true]~span.TextareaWrapper_error_gFXfX{background-color:var(--color-white)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)){min-height:4rem;border:1px solid var(--color-blue-grey100);color:var(--read-only-text-color);background-color:var(--color-white);padding:.5rem .75rem;font-family:var(--font-family);font-size:var(--form-control-font-size);position:relative;border-radius:.125rem;word-wrap:break-word}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status]{position:absolute;right:1.25rem;top:.8rem;font-size:var(--icon-font-big);height:1.25rem;width:1.25rem}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}.TextareaWrapper_wrapper_gFXfX[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_textarea-helper-text_gFXfX{margin-top:.14rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const disabled = "TextareaWrapper_disabled_gFXfX";
+const focus = "TextareaWrapper_focus_gFXfX";
+const textarea = "TextareaWrapper_textarea_gFXfX";
+const wrapper = "TextareaWrapper_wrapper_gFXfX";
+const error = "TextareaWrapper_error_gFXfX";
+const classes = {
+  "textarea-wrapper": "TextareaWrapper_textarea-wrapper_gFXfX",
+  disabled,
+  focus,
+  textarea,
+  wrapper,
+  error,
+  "textarea-helper-text": "TextareaWrapper_textarea-helper-text_gFXfX"
+};
+export {
+  classes as default,
+  disabled,
+  error,
+  focus,
+  textarea,
+  wrapper
+};
+//# sourceMappingURL=TextareaWrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.es.js.map

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

package/dist/components/Form/Wrapper/Wrapper/Wrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../FormGroup/FormGroup.cjs.js"),s=require("../../Label/Label.cjs.js"),a=require("./Wrapper.module.scss.cjs.js"),l=e.forwardRef((({children:l,className:o,error:t,errorMessage:d,errorId:p,errorMessageIcon:n,errorMessageIconPosition:u,errorMessageProps:c,helperText:i,helperId:m,required:h,helperProps:b,helperIndent:f,labelProps:g,label:I,disabled:M,name:j,innerClassName:P,...N},q)=>{const E=[a.default["form-input-label"]];return(null==g?void 0:g.className)&&E.push(g.className),h&&E.push(a.default.required),t&&E.push(a.default.error),M&&E.push(a.default.disabled),e.createElement("div",{...N,ref:q,className:`${a.default.wrapper} ${o??""}`},e.createElement(r.FormGroup,{disabled:M,error:t,errorMessage:d,errorId:p,errorMessageIcon:n,errorMessageIconPosition:u,errorMessageProps:c,helperText:i,helperId:m,helperProps:b},e.createElement("div",{className:` ${P||""}`},I&&e.createElement(s.Label,{...g,className:`${a.default.label} ${E.join(" ")}`,htmlFor:j},I),e.Children.map(l,(r=>e.cloneElement(r,{disabled:M}))))))}));exports.Wrapper=l;
+//# sourceMappingURL=Wrapper.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.cjs.js","sources":["../../../../../src/components/Form/Wrapper/Wrapper/Wrapper.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 { FormGroup, Props as FormGroupProps } from \"../../FormGroup/FormGroup\";\nimport { Label, Props as LabelProps } from \"../../Label/Label\";\nimport classes from \"./Wrapper.module.scss\";\nimport { Props as HelperProps } from \"../../FormHelperText/FormHelperText\";\nimport { FormElement } from \"../../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormGroupProps {\n  children: ReactElement | ReactElement[];\n  helperIndent?: number;\n  label?: string;\n  labelProps?: LabelProps;\n  name: string;\n  /** This does NOT add validation! It simply adds an asterix on the Label! */\n  required?: boolean;\n  innerClassName?: string;\n}\n\n/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */\nexport interface WrapperProps extends Omit<FormElement, \"success\"> {\n  errorMessage?: string;\n  helperText?: string;\n  helperProps?: HelperProps;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  label?: string;\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst WrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition,\n    errorMessageProps,\n    helperText,\n    helperId,\n    required,\n    helperProps,\n    helperIndent,\n    labelProps,\n    label,\n    disabled,\n    name,\n    innerClassName,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        disabled\n      })\n    );\n\n  const labelClasses = [classes[\"form-input-label\"]];\n\n  labelProps?.className && labelClasses.push(labelProps.className);\n  required && labelClasses.push(classes[\"required\"]);\n  error && labelClasses.push(classes[\"error\"]);\n  disabled && labelClasses.push(classes[\"disabled\"]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      <FormGroup\n        disabled={disabled}\n        error={error}\n        errorMessage={errorMessage}\n        errorId={errorId}\n        errorMessageIcon={errorMessageIcon}\n        errorMessageIconPosition={errorMessageIconPosition}\n        errorMessageProps={errorMessageProps}\n        helperText={helperText}\n        helperId={helperId}\n        helperProps={helperProps}\n      >\n        <div className={` ${innerClassName ? innerClassName : \"\"}`}>\n          {label && (\n            <Label\n              {...labelProps}\n              className={`${classes.label} ${labelClasses.join(\" \")}`}\n              htmlFor={name}\n            >\n              {label}\n            </Label>\n          )}\n          {renderChildren()}\n        </div>\n      </FormGroup>\n    </div>\n  );\n};\n\nexport const Wrapper = React.forwardRef(WrapperComponent);\n"],"names":["Wrapper","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","errorMessageProps","helperText","helperId","required","helperProps","helperIndent","labelProps","label","disabled","name","innerClassName","rest","ref","labelClasses","classes","push","default","createElement","wrapper","FormGroup","Label","join","htmlFor","Children","map","child","cloneElement"],"mappings":"uOAmHaA,EAAUC,EAAMC,YArE6C,EAEtEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BACAC,oBACAC,aACAC,WACAC,WACAC,cACAC,eACAC,aACAC,QACAC,WACAC,OACAC,oBACGC,GAELC,KAEM,MAOAC,EAAe,CAACC,UAAQ,qBAO9B,OALA,MAAAR,OAAA,EAAAA,EAAYZ,YAAamB,EAAaE,KAAKT,EAAWZ,WACtDS,GAAYU,EAAaE,KAAKD,EAAQE,QAAU,UAChDrB,GAASkB,EAAaE,KAAKD,EAAQE,QAAO,OAC1CR,GAAYK,EAAaE,KAAKD,EAAQE,QAAU,YAG7CC,cAAA,MAAA,IAAQN,EAAMC,MAAUlB,UAAW,GAAGoB,EAAAA,QAAQI,WAAWxB,GAAa,MACrEH,EAAA0B,cAACE,EAAAA,UAAA,CACCX,WACAb,QACAC,eACAC,UACAC,mBACAC,2BACAC,oBACAC,aACAC,WACAE,eAEAb,EAAA0B,cAAC,OAAIvB,UAAW,IAAIgB,GAAkC,MACnDH,GACChB,EAAA0B,cAACG,EAAAA,MAAA,IACKd,EACJZ,UAAW,GAAGoB,EAAAA,QAAQP,SAASM,EAAaQ,KAAK,OACjDC,QAASb,GAERF,GAlCXhB,EAAMgC,SAASC,IAAI/B,GAAUgC,GAC3BlC,EAAMmC,aAAaD,EAAO,CACxBjB,iBAsCJ"}

package/dist/components/Form/Wrapper/Wrapper/Wrapper.es.js

@@ -0,0 +1,66 @@
+import React from "react";
+import { FormGroup } from "../../FormGroup/FormGroup.es.js";
+import { Label } from "../../Label/Label.es.js";
+import classes from "./Wrapper.module.scss.es.js";
+const WrapperComponent = ({
+  children,
+  className,
+  error,
+  errorMessage,
+  errorId,
+  errorMessageIcon,
+  errorMessageIconPosition,
+  errorMessageProps,
+  helperText,
+  helperId,
+  required,
+  helperProps,
+  helperIndent,
+  labelProps,
+  label,
+  disabled,
+  name,
+  innerClassName,
+  ...rest
+}, ref) => {
+  const renderChildren = () => React.Children.map(
+    children,
+    (child) => React.cloneElement(child, {
+      disabled
+    })
+  );
+  const labelClasses = [classes["form-input-label"]];
+  (labelProps == null ? void 0 : labelProps.className) && labelClasses.push(labelProps.className);
+  required && labelClasses.push(classes["required"]);
+  error && labelClasses.push(classes["error"]);
+  disabled && labelClasses.push(classes["disabled"]);
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref, className: `${classes.wrapper} ${className ?? ""}` }, /* @__PURE__ */ React.createElement(
+    FormGroup,
+    {
+      disabled,
+      error,
+      errorMessage,
+      errorId,
+      errorMessageIcon,
+      errorMessageIconPosition,
+      errorMessageProps,
+      helperText,
+      helperId,
+      helperProps
+    },
+    /* @__PURE__ */ React.createElement("div", { className: ` ${innerClassName ? innerClassName : ""}` }, label && /* @__PURE__ */ React.createElement(
+      Label,
+      {
+        ...labelProps,
+        className: `${classes.label} ${labelClasses.join(" ")}`,
+        htmlFor: name
+      },
+      label
+    ), renderChildren())
+  ));
+};
+const Wrapper = React.forwardRef(WrapperComponent);
+export {
+  Wrapper
+};
+//# sourceMappingURL=Wrapper.es.js.map

package/dist/components/Form/Wrapper/Wrapper/Wrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.es.js","sources":["../../../../../src/components/Form/Wrapper/Wrapper/Wrapper.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 { FormGroup, Props as FormGroupProps } from \"../../FormGroup/FormGroup\";\nimport { Label, Props as LabelProps } from \"../../Label/Label\";\nimport classes from \"./Wrapper.module.scss\";\nimport { Props as HelperProps } from \"../../FormHelperText/FormHelperText\";\nimport { FormElement } from \"../../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormGroupProps {\n  children: ReactElement | ReactElement[];\n  helperIndent?: number;\n  label?: string;\n  labelProps?: LabelProps;\n  name: string;\n  /** This does NOT add validation! It simply adds an asterix on the Label! */\n  required?: boolean;\n  innerClassName?: string;\n}\n\n/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */\nexport interface WrapperProps extends Omit<FormElement, \"success\"> {\n  errorMessage?: string;\n  helperText?: string;\n  helperProps?: HelperProps;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  label?: string;\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst WrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition,\n    errorMessageProps,\n    helperText,\n    helperId,\n    required,\n    helperProps,\n    helperIndent,\n    labelProps,\n    label,\n    disabled,\n    name,\n    innerClassName,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        disabled\n      })\n    );\n\n  const labelClasses = [classes[\"form-input-label\"]];\n\n  labelProps?.className && labelClasses.push(labelProps.className);\n  required && labelClasses.push(classes[\"required\"]);\n  error && labelClasses.push(classes[\"error\"]);\n  disabled && labelClasses.push(classes[\"disabled\"]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      <FormGroup\n        disabled={disabled}\n        error={error}\n        errorMessage={errorMessage}\n        errorId={errorId}\n        errorMessageIcon={errorMessageIcon}\n        errorMessageIconPosition={errorMessageIconPosition}\n        errorMessageProps={errorMessageProps}\n        helperText={helperText}\n        helperId={helperId}\n        helperProps={helperProps}\n      >\n        <div className={` ${innerClassName ? innerClassName : \"\"}`}>\n          {label && (\n            <Label\n              {...labelProps}\n              className={`${classes.label} ${labelClasses.join(\" \")}`}\n              htmlFor={name}\n            >\n              {label}\n            </Label>\n          )}\n          {renderChildren()}\n        </div>\n      </FormGroup>\n    </div>\n  );\n};\n\nexport const Wrapper = React.forwardRef(WrapperComponent);\n"],"names":[],"mappings":";;;;AA8CA,MAAM,mBAAoE,CACxE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACG,QAAA,iBAAiB,MACrB,MAAM,SAAS;AAAA,IAAI;AAAA,IAAU,CAAA,UAC3B,MAAM,aAAa,OAAO;AAAA,MACxB;AAAA,IACD,CAAA;AAAA,EACH;AAEF,QAAM,eAAe,CAAC,QAAQ,kBAAkB,CAAC;AAEjD,4CAAY,cAAa,aAAa,KAAK,WAAW,SAAS;AAC/D,cAAY,aAAa,KAAK,QAAQ,UAAU,CAAC;AACjD,WAAS,aAAa,KAAK,QAAQ,OAAO,CAAC;AAC3C,cAAY,aAAa,KAAK,QAAQ,UAAU,CAAC;AAEjD,SACG,sBAAA,cAAA,OAAA,EAAK,GAAG,MAAM,KAAU,WAAW,GAAG,QAAQ,OAAO,IAAI,aAAa,EAAE,GACvE,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEA,sBAAA,cAAC,SAAI,WAAW,IAAI,iBAAiB,iBAAiB,EAAE,MACrD,SACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,QAAQ,KAAK,IAAI,aAAa,KAAK,GAAG,CAAC;AAAA,QACrD,SAAS;AAAA,MAAA;AAAA,MAER;AAAA,IACH,GAED,eACH,CAAA;AAAA,EAAA,CAEJ;AAEJ;AAEa,MAAA,UAAU,MAAM,WAAW,gBAAgB;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Wrapper_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Wrapper_hidden_gFXfX{display:none}.Wrapper_slide-in_gFXfX{animation:Wrapper_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-in_gFXfX{animation-duration:.1ms}}.Wrapper_slide-out_gFXfX{animation:Wrapper_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Wrapper_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Wrapper_wrapper_gFXfX{font-family:var(--font-family);font-weight:400}.Wrapper_floating-wrapper_gFXfX{position:relative}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{font-family:var(--font-family);font-size:1rem;position:absolute;z-index:2;top:1.3125rem;left:calc(.5 * var(--font-size));transform-origin:left top;pointer-events:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{transition-duration:.1ms}}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX.Wrapper_error_gFXfX{color:var(--error)}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX.Wrapper_disabled_gFXfX{color:var(--greyed-out)}.Wrapper_form-input-label_gFXfX{font-family:var(--font-family);font-size:var(--form-control-font-size);line-height:var(--default-line-height);color:var(--color-blue-grey900);margin-bottom:calc(.25 * var(--font-size));display:inline-block}.Wrapper_form-input-label_gFXfX.Wrapper_disabled_gFXfX{color:var(--greyed-out)}.Wrapper_wrapper_gFXfX+fieldset,.Wrapper_wrapper_gFXfX+.Wrapper_wrapper_gFXfX{margin-top:calc(1 * var(--font-size))}.Wrapper_required_gFXfX:after{content:" *";color:var(--error)}.Wrapper_wrapper_gFXfX[data-readonlyview=true] label{color:var(--read-only-text-color)}@media only screen and (min-width: 30em){.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{left:calc(.5 * var(--font-size))}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="Wrapper_wrapper_gFXfX",e="Wrapper_error_gFXfX",p="Wrapper_disabled_gFXfX",a="Wrapper_required_gFXfX",o={wrapper:r,error:e,disabled:p,"form-input-label":"Wrapper_form-input-label_gFXfX",required:a};exports.default=o,exports.disabled=p,exports.error=e,exports.required=a,exports.wrapper=r;
+//# sourceMappingURL=Wrapper.module.scss.cjs.js.map

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

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

package/dist/components/Form/Wrapper/Wrapper/Wrapper.module.scss.es.js

@@ -0,0 +1,20 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Wrapper_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Wrapper_hidden_gFXfX{display:none}.Wrapper_slide-in_gFXfX{animation:Wrapper_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-in_gFXfX{animation-duration:.1ms}}.Wrapper_slide-out_gFXfX{animation:Wrapper_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Wrapper_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.Wrapper_wrapper_gFXfX{font-family:var(--font-family);font-weight:400}.Wrapper_floating-wrapper_gFXfX{position:relative}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{font-family:var(--font-family);font-size:1rem;position:absolute;z-index:2;top:1.3125rem;left:calc(.5 * var(--font-size));transform-origin:left top;pointer-events:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{transition-duration:.1ms}}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX.Wrapper_error_gFXfX{color:var(--error)}.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX.Wrapper_disabled_gFXfX{color:var(--greyed-out)}.Wrapper_form-input-label_gFXfX{font-family:var(--font-family);font-size:var(--form-control-font-size);line-height:var(--default-line-height);color:var(--color-blue-grey900);margin-bottom:calc(.25 * var(--font-size));display:inline-block}.Wrapper_form-input-label_gFXfX.Wrapper_disabled_gFXfX{color:var(--greyed-out)}.Wrapper_wrapper_gFXfX+fieldset,.Wrapper_wrapper_gFXfX+.Wrapper_wrapper_gFXfX{margin-top:calc(1 * var(--font-size))}.Wrapper_required_gFXfX:after{content:" *";color:var(--error)}.Wrapper_wrapper_gFXfX[data-readonlyview=true] label{color:var(--read-only-text-color)}@media only screen and (min-width: 30em){.Wrapper_floating-wrapper_gFXfX .Wrapper_floating-label_gFXfX{left:calc(.5 * var(--font-size))}}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const wrapper = "Wrapper_wrapper_gFXfX";
+const error = "Wrapper_error_gFXfX";
+const disabled = "Wrapper_disabled_gFXfX";
+const required = "Wrapper_required_gFXfX";
+const classes = {
+  wrapper,
+  error,
+  disabled,
+  "form-input-label": "Wrapper_form-input-label_gFXfX",
+  required
+};
+export {
+  classes as default,
+  disabled,
+  error,
+  required,
+  wrapper
+};
+//# sourceMappingURL=Wrapper.module.scss.es.js.map

package/dist/components/Form/Wrapper/Wrapper/Wrapper.module.scss.es.js.map

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

package/dist/components/Icon/Icon.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./Icon.module.scss.cjs.js");var l=(e=>(e.Bell="bell",e.BellAlt="bell-alt",e.Bookmark="bookmark",e.BookmarkAlt="bookmark-alt",e.Build="build",e.Calendar="calendar",e.Change="change",e.Checkmark="checkmark",e.CheckmarkCircle="checkmark-circle",e.CheckmarkCircleAlt="checkmark-circle-alt",e.CheckmarkCircleBreakout="checkmark-circle-breakout",e.CheckmarkSquare="checkmark-square",e.ChevronUp="chevron-up",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.Circle="circle",e.Clock="clock",e.Copy="copy",e.Edit="edit",e.Ellipsis="ellipsis",e.EllipsisAlt="ellipsis-alt",e.Equal="equal",e.Error="error-circle",e.ErrorAlt="error-circle-alt",e.Eye="eye",e.EyeBlocked="eye-blocked",e.Filter="filter",e.FilterAlt="filter-alt",e.FilterAltArrow="filter-alt-arrow",e.FilterAltTimes="filter-alt-times",e.Forbidden="forbidden",e.Fullscreen="fullscreen",e.FullscreenExit="fullscreen-exit",e.Gearwheel="gearwheel",e.Grid="grid",e.Hamburger="hamburger",e.HomeFilled="home-filled",e.Heart="heart",e.Image="image",e.InfoBell="info-bell",e.InfoCircle="info-circle",e.Link="link",e.MinusSquare="minus-square",e.NavigationFirst="navigation-first",e.NavigationLast="navigation-last",e.Plus="plus",e.Radio="radio",e.Refresh="refresh",e.Search="search",e.Share="share",e.Square="square",e.Star="star",e.StarAlt="star-alt",e.TableSearch="table-search",e.Times="times",e.TimesCircle="times-circle",e.TimesCircleAlt="times-circle-alt",e.TimesThin="times-thin",e.Trash="trash",e.TriangleDown="triangle-down",e.TriangleDownCircle="triangle-down-circle",e.TriangleLeft="triangle-left",e.TriangleRight="triangle-right",e.TriangleUp="triangle-up",e.Undo="undo",e.Warning="warning",e.WarningFilled="warning-filled",e.FileOutline="file-outline",e.FileUpload="file-upload-outline",e.FileDownload="file-download-outline",e.UploadOutline="upload-outline",e.ReplyOutline="reply-outline",e.SaveOutline="save-outline",e.DownloadFile="download-file-outline",e.RetryFile="retry",e.AbortFile="cancel",e.FileAltIcon="file-alt",e.AddCircle="add-circle",e.ZoomIn="zoom-in",e.ZoomOut="zoom-out",e.ArrowUp="arrow-up",e.ArrowLeft="arrow-left",e.ExternalLink="external-link",e.SideSheetHandle="sidesheet-handle",e.PendingCircle="pending-circle",e.MinusCircle="minus-circle",e.ArrowRight="arrow-right",e.PermIdentity="perm-identity",e.Cable="cable",e.Dashboard="dashboard",e.FidoDevice="fido-device",e.Security="security",e.Switch="switch",e.Group="group",e.Devices="devices",e.DownloadCircle="download-circle",e.Key="key",e.Password="password",e.Phone="phone",e.Envelope="envelope",e.Badge="badge",e.Archive="archive",e.UserSettings="user-settings",e.ShieldCheck="shield-check",e))(l||{});const i=e.forwardRef((({icon:l,color:i,className:a,style:t,size:o,tag:n="span",...c},s)=>{const d=n;return e.createElement(d,{...c,ref:s,style:{color:i,...t,fontSize:o},"data-icon":!0,"aria-hidden":"true",className:`${r.default.icon} ${r.default["icon-"+l]} ${a||""}`})}));exports.Icon=i,exports.Icons=l;
+//# sourceMappingURL=Icon.cjs.js.map

package/dist/components/Icon/Icon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport classes from \"./Icon.module.scss\";\n\nexport enum Icons {\n  Bell = \"bell\",\n  BellAlt = \"bell-alt\",\n  Bookmark = \"bookmark\",\n  BookmarkAlt = \"bookmark-alt\",\n  Build = \"build\",\n  Calendar = \"calendar\",\n  Change = \"change\",\n  Checkmark = \"checkmark\",\n  CheckmarkCircle = \"checkmark-circle\",\n  CheckmarkCircleAlt = \"checkmark-circle-alt\",\n  CheckmarkCircleBreakout = \"checkmark-circle-breakout\",\n  CheckmarkSquare = \"checkmark-square\",\n  ChevronUp = \"chevron-up\",\n  ChevronDown = \"chevron-down\",\n  ChevronLeft = \"chevron-left\",\n  ChevronRight = \"chevron-right\",\n  Circle = \"circle\",\n  Clock = \"clock\",\n  Copy = \"copy\",\n  Edit = \"edit\",\n  Ellipsis = \"ellipsis\",\n  EllipsisAlt = \"ellipsis-alt\",\n  Equal = \"equal\",\n  Error = \"error-circle\",\n  ErrorAlt = \"error-circle-alt\",\n  Eye = \"eye\",\n  EyeBlocked = \"eye-blocked\",\n  Filter = \"filter\",\n  FilterAlt = \"filter-alt\",\n  FilterAltArrow = \"filter-alt-arrow\",\n  FilterAltTimes = \"filter-alt-times\",\n  Forbidden = \"forbidden\",\n  Fullscreen = \"fullscreen\",\n  FullscreenExit = \"fullscreen-exit\",\n  Gearwheel = \"gearwheel\",\n  Grid = \"grid\",\n  Hamburger = \"hamburger\",\n  HomeFilled = \"home-filled\",\n  Heart = \"heart\",\n  Image = \"image\",\n  InfoBell = \"info-bell\",\n  InfoCircle = \"info-circle\",\n  Link = \"link\",\n  MinusSquare = \"minus-square\",\n  NavigationFirst = \"navigation-first\",\n  NavigationLast = \"navigation-last\",\n  Plus = \"plus\",\n  Radio = \"radio\",\n  Refresh = \"refresh\",\n  Search = \"search\",\n  Share = \"share\",\n  Square = \"square\",\n  Star = \"star\",\n  StarAlt = \"star-alt\",\n  TableSearch = \"table-search\",\n  Times = \"times\",\n  TimesCircle = \"times-circle\",\n  TimesCircleAlt = \"times-circle-alt\",\n  TimesThin = \"times-thin\",\n  Trash = \"trash\",\n  TriangleDown = \"triangle-down\",\n  TriangleDownCircle = \"triangle-down-circle\",\n  TriangleLeft = \"triangle-left\",\n  TriangleRight = \"triangle-right\",\n  TriangleUp = \"triangle-up\",\n  Undo = \"undo\",\n  Warning = \"warning\",\n  WarningFilled = \"warning-filled\",\n  FileOutline = \"file-outline\",\n  FileUpload = \"file-upload-outline\",\n  FileDownload = \"file-download-outline\",\n  UploadOutline = \"upload-outline\",\n  ReplyOutline = \"reply-outline\",\n  SaveOutline = \"save-outline\",\n  DownloadFile = \"download-file-outline\",\n  RetryFile = \"retry\",\n  AbortFile = \"cancel\",\n  FileAltIcon = \"file-alt\",\n  AddCircle = \"add-circle\",\n  ZoomIn = \"zoom-in\",\n  ZoomOut = \"zoom-out\",\n  ArrowUp = \"arrow-up\",\n  ArrowLeft = \"arrow-left\",\n  ExternalLink = \"external-link\",\n  SideSheetHandle = \"sidesheet-handle\",\n  PendingCircle = \"pending-circle\",\n  MinusCircle = \"minus-circle\",\n  ArrowRight = \"arrow-right\",\n  PermIdentity = \"perm-identity\",\n  Cable = \"cable\",\n  Dashboard = \"dashboard\",\n  FidoDevice = \"fido-device\",\n  Security = \"security\",\n  Switch = \"switch\",\n  Group = \"group\",\n  Devices = \"devices\",\n  DownloadCircle = \"download-circle\",\n  Key = \"key\",\n  Password = \"password\",\n  Phone = \"phone\",\n  Envelope = \"envelope\",\n  Badge = \"badge\",\n  Archive = \"archive\",\n  UserSettings = \"user-settings\",\n  ShieldCheck = \"shield-check\"\n}\n\ntype Tag = \"span\" | \"div\" | \"i\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  icon: Icons;\n  color?: string;\n  size?: string;\n  tag?: Tag;\n}\n\nconst IconComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { icon, color, className, style, size, tag = \"span\", ...rest }: Props,\n  ref\n) => {\n  const Component = tag;\n\n  return (\n    <Component\n      {...rest}\n      ref={ref}\n      style={{ color: color, ...style, fontSize: size }}\n      data-icon\n      aria-hidden=\"true\"\n      className={`${classes[\"icon\"]} ${classes[\"icon-\" + icon]} ${className ? className : \"\"}`}\n    />\n  );\n};\n\nexport const Icon = React.forwardRef(IconComponent);\n"],"names":["Icons","Icon","React","forwardRef","icon","color","className","style","size","tag","rest","ref","Component","createElement","fontSize","classes"],"mappings":"gJAmBY,IAAAA,GAAAA,IACVA,EAAO,KAAA,OACPA,EAAU,QAAA,WACVA,EAAW,SAAA,WACXA,EAAc,YAAA,eACdA,EAAQ,MAAA,QACRA,EAAW,SAAA,WACXA,EAAS,OAAA,SACTA,EAAY,UAAA,YACZA,EAAkB,gBAAA,mBAClBA,EAAqB,mBAAA,uBACrBA,EAA0B,wBAAA,4BAC1BA,EAAkB,gBAAA,mBAClBA,EAAY,UAAA,aACZA,EAAc,YAAA,eACdA,EAAc,YAAA,eACdA,EAAe,aAAA,gBACfA,EAAS,OAAA,SACTA,EAAQ,MAAA,QACRA,EAAO,KAAA,OACPA,EAAO,KAAA,OACPA,EAAW,SAAA,WACXA,EAAc,YAAA,eACdA,EAAQ,MAAA,QACRA,EAAQ,MAAA,eACRA,EAAW,SAAA,mBACXA,EAAM,IAAA,MACNA,EAAa,WAAA,cACbA,EAAS,OAAA,SACTA,EAAY,UAAA,aACZA,EAAiB,eAAA,mBACjBA,EAAiB,eAAA,mBACjBA,EAAY,UAAA,YACZA,EAAa,WAAA,aACbA,EAAiB,eAAA,kBACjBA,EAAY,UAAA,YACZA,EAAO,KAAA,OACPA,EAAY,UAAA,YACZA,EAAa,WAAA,cACbA,EAAQ,MAAA,QACRA,EAAQ,MAAA,QACRA,EAAW,SAAA,YACXA,EAAa,WAAA,cACbA,EAAO,KAAA,OACPA,EAAc,YAAA,eACdA,EAAkB,gBAAA,mBAClBA,EAAiB,eAAA,kBACjBA,EAAO,KAAA,OACPA,EAAQ,MAAA,QACRA,EAAU,QAAA,UACVA,EAAS,OAAA,SACTA,EAAQ,MAAA,QACRA,EAAS,OAAA,SACTA,EAAO,KAAA,OACPA,EAAU,QAAA,WACVA,EAAc,YAAA,eACdA,EAAQ,MAAA,QACRA,EAAc,YAAA,eACdA,EAAiB,eAAA,mBACjBA,EAAY,UAAA,aACZA,EAAQ,MAAA,QACRA,EAAe,aAAA,gBACfA,EAAqB,mBAAA,uBACrBA,EAAe,aAAA,gBACfA,EAAgB,cAAA,iBAChBA,EAAa,WAAA,cACbA,EAAO,KAAA,OACPA,EAAU,QAAA,UACVA,EAAgB,cAAA,iBAChBA,EAAc,YAAA,eACdA,EAAa,WAAA,sBACbA,EAAe,aAAA,wBACfA,EAAgB,cAAA,iBAChBA,EAAe,aAAA,gBACfA,EAAc,YAAA,eACdA,EAAe,aAAA,wBACfA,EAAY,UAAA,QACZA,EAAY,UAAA,SACZA,EAAc,YAAA,WACdA,EAAY,UAAA,aACZA,EAAS,OAAA,UACTA,EAAU,QAAA,WACVA,EAAU,QAAA,WACVA,EAAY,UAAA,aACZA,EAAe,aAAA,gBACfA,EAAkB,gBAAA,mBAClBA,EAAgB,cAAA,iBAChBA,EAAc,YAAA,eACdA,EAAa,WAAA,cACbA,EAAe,aAAA,gBACfA,EAAQ,MAAA,QACRA,EAAY,UAAA,YACZA,EAAa,WAAA,cACbA,EAAW,SAAA,WACXA,EAAS,OAAA,SACTA,EAAQ,MAAA,QACRA,EAAU,QAAA,UACVA,EAAiB,eAAA,kBACjBA,EAAM,IAAA,MACNA,EAAW,SAAA,WACXA,EAAQ,MAAA,QACRA,EAAW,SAAA,WACXA,EAAQ,MAAA,QACRA,EAAU,QAAA,UACVA,EAAe,aAAA,gBACfA,EAAc,YAAA,eAzGJA,IAAAA,GAAA,CAAA,GAqHZ,MAkBaC,EAAOC,EAAMC,YAlB6C,EACnEC,OAAMC,QAAOC,YAAWC,QAAOC,OAAMC,MAAM,UAAWC,GACxDC,KAEA,MAAMC,EAAYH,EAGhB,OAAAP,EAAAW,cAACD,EAAA,IACKF,EACJC,MACAJ,MAAO,CAAEF,WAAiBE,EAAOO,SAAUN,GAC3C,aAAS,EACT,cAAY,OACZF,UAAW,GAAGS,EAAAA,QAAc,QAAKA,EAAAA,QAAQ,QAAUX,MAASE,GAAwB,MACtF"}