@onewelcome/react-lib-components 9.8.1 → 10.0.1

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

@@ -0,0 +1,57 @@
+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";
+const SelectWrapperComponent = ({
+  children,
+  error,
+  success,
+  value,
+  placeholder,
+  selectProps,
+  helperProps,
+  onChange,
+  ...rest
+}, ref) => {
+  const { errorId, helperId, labelId } = useWrapper();
+  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: error ? errorId : helperId,
+        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\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    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\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={error ? errorId : helperId}\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;AAGhD,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,QAAQ,UAAU;AAAA,QAC/B;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_k4xuc{left:calc(1.25rem + 2px)}.SelectWrapper_select-helper-text_k4xuc{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_k4xuc","select-helper-text":"SelectWrapper_select-helper-text_k4xuc"};
+//# sourceMappingURL=SelectWrapper.module.scss.cjs.js.map

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_k4xuc{left:calc(1.25rem + 2px)}.SelectWrapper_select-helper-text_k4xuc{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_k4xuc",
+  "select-helper-text": "SelectWrapper_select-helper-text_k4xuc"
+};
+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=t.withReadOnly(e.forwardRef((({name:t,error:u,value:d,label:c,placeholder:n,textareaProps:p,helperProps:i,onChange:b,onFocus:h,onBlur:m,onMouseEnter:f,onMouseLeave:j,disabled:x,success:$,className:y,...v},I)=>{const{errorId:W,hasFocus:q,setHasFocus:w,helperId:N,labelId:P}=l.useWrapper(),[T,E]=e.useState(!1),M=[];q&&M.push(r.default.focus),T&&M.push(r.default.hover),x&&M.push(r.default.disabled),u&&M.push(r.default.error);const S=o.useDetermineStatusIcon({success:$,error:u});return e.createElement(a.Wrapper,{...v,ref:I,className:`${r.default.wrapper} ${y??""}`,disabled:x,labelProps:{id:P,className:`${r.default["textarea-label"]} ${M.join(" ")}`},name:t,label:c,helperId:N,helperProps:{...i,className:r.default["textarea-helper-text"]},error:u,errorId:W},v["data-readonlyview"]?e.createElement("div",{"aria-labelledby":c&&P,"aria-describedby":u?W:N,id:t,tabIndex:0,className:`${u?r.default.error:""} ${$?r.default.success:""}`},S,d):e.createElement(s.Textarea,{...p,error:u,"aria-labelledby":c&&P,"aria-describedby":u?W:N,placeholder:n,name:t,id:t,value:d,success:$,onChange:b,onFocus:e=>{null==h||h(e),w(!0)},onBlur:e=>{null==m||m(e),w(!1)},onMouseEnter:e=>{null==f||f(e),E(!0)},onMouseLeave:e=>{null==j||j(e),E(!1)},className:`${r.default.textarea} ${u?r.default.error:""}`,wrapperProps:{className:`${M.join(" ")} ${r.default["textarea-wrapper"]}`}}))})),{isWrapperComponent:!0});exports.TextareaWrapper=u;
+//# 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\";\n\nexport interface Props\n  extends 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\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={error ? errorId : helperId}\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={error ? errorId : helperId}\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","createElement","Wrapper","labelProps","id","join","tabIndex","Textarea","e","wrapperProps","isWrapperComponent"],"mappings":"sYAuJaA,EAAkBC,EAAAA,aAAaC,EAAMC,YA7GgC,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,UAsD7C,OAAAH,EAAAkC,cAACC,EAAAA,QAAA,IACKlB,EACJC,MACAF,UAAW,GAAGc,UAAiB,WAAKd,GAAa,KACjDF,WACAsB,WAAY,CACVC,GAAId,EACJP,UAAW,GAAGc,EAAAA,QAAQ,qBAAqBF,EAAeU,KAAK,QAEjEpC,OACAG,QACAiB,WACAd,YAAa,IACRA,EACHQ,UAAWc,UAAQ,yBAErB3B,QACAgB,WApEEF,EAAK,qBAELjB,EAAAkC,cAAC,MAAA,CACC,kBAAiB7B,GAASkB,EAC1B,mBAAkBpB,EAAQgB,EAAUG,EACpCe,GAAInC,EACJqC,SAAU,EACVvB,UAAW,GAAGb,EAAQ2B,EAAAA,QAAe,MAAI,MAAMf,EAAUe,EAAAA,QAAiB,QAAI,MAE7EE,EACA5B,GAKLJ,EAAAkC,cAACM,EAAAA,SAAA,IACKjC,EACJJ,QACA,kBAAiBE,GAASkB,EAC1B,mBAAkBpB,EAAQgB,EAAUG,EACpChB,cACAJ,OACAmC,GAAInC,EACJE,QACAW,UACAN,WACAC,QAAc+B,IACF,MAAA/B,GAAAA,EAAA+B,GACVpB,GAAY,EAAI,EAElBV,OAAa8B,IACF,MAAA9B,GAAAA,EAAA8B,GACTpB,GAAY,EAAK,EAEnBT,aAAmB6B,IACF,MAAA7B,GAAAA,EAAA6B,GACff,GAAS,EAAI,EAEfb,aAAmB4B,IACF,MAAA5B,GAAAA,EAAA4B,GACff,GAAS,EAAK,EAEhBV,UAAW,GAAGc,UAAkB,YAAK3B,EAAQ2B,UAAe,MAAI,KAChEY,aAAc,CACZ1B,UAAW,GAAGY,EAAeU,KAAK,QAAQR,UAAQ,yBA2BxD,IAIoF,CACtFa,oBAAoB"}

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

@@ -0,0 +1,115 @@
+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";
+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 getTextareaWrapper = () => {
+    if (rest["data-readonlyview"]) {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          "aria-labelledby": label && labelId,
+          "aria-describedby": error ? errorId : helperId,
+          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": error ? errorId : helperId,
+        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\";\n\nexport interface Props\n  extends 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\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={error ? errorId : helperId}\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={error ? errorId : helperId}\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":";;;;;;;AA0CA,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;AAEtD,QAAM,qBAAqB,MAAM;AAC3B,QAAA,KAAK,mBAAmB,GAAG;AAE3B,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,mBAAiB,SAAS;AAAA,UAC1B,oBAAkB,QAAQ,UAAU;AAAA,UACpC,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,QAAQ,UAAU;AAAA,QACpC;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_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TextareaWrapper_hidden_k4xuc{display:none}.TextareaWrapper_slide-in_k4xuc{animation:TextareaWrapper_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-in_k4xuc{animation-duration:.1ms}}.TextareaWrapper_slide-out_k4xuc{animation:TextareaWrapper_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-out_k4xuc{animation-duration:.1ms}}@keyframes TextareaWrapper_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper_slide-out_k4xuc{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_k4xuc: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_k4xuc:after{transition-duration:.1ms}}.TextareaWrapper_textarea-wrapper_k4xuc.TextareaWrapper_disabled_k4xuc:after{background-color:var(--disabled)}.TextareaWrapper_textarea-wrapper_k4xuc.TextareaWrapper_focus_k4xuc:after{left:2px;top:2px}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:focus:not(:disabled){outline:none}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true]~span.TextareaWrapper_error_k4xuc{background-color:var(--color-white)}.TextareaWrapper_wrapper_k4xuc[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_k4xuc[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_k4xuc[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_textarea-helper-text_k4xuc{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_k4xuc",r="TextareaWrapper_focus_k4xuc",a="TextareaWrapper_textarea_k4xuc",t="TextareaWrapper_wrapper_k4xuc",p="TextareaWrapper_error_k4xuc",x={"textarea-wrapper":"TextareaWrapper_textarea-wrapper_k4xuc",disabled:e,focus:r,textarea:a,wrapper:t,error:p,"textarea-helper-text":"TextareaWrapper_textarea-helper-text_k4xuc"};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.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_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TextareaWrapper_hidden_k4xuc{display:none}.TextareaWrapper_slide-in_k4xuc{animation:TextareaWrapper_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-in_k4xuc{animation-duration:.1ms}}.TextareaWrapper_slide-out_k4xuc{animation:TextareaWrapper_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.TextareaWrapper_slide-out_k4xuc{animation-duration:.1ms}}@keyframes TextareaWrapper_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper_slide-out_k4xuc{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_k4xuc: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_k4xuc:after{transition-duration:.1ms}}.TextareaWrapper_textarea-wrapper_k4xuc.TextareaWrapper_disabled_k4xuc:after{background-color:var(--disabled)}.TextareaWrapper_textarea-wrapper_k4xuc.TextareaWrapper_focus_k4xuc:after{left:2px;top:2px}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:focus:not(:disabled){outline:none}.TextareaWrapper_textarea-wrapper_k4xuc .TextareaWrapper_textarea_k4xuc:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true]~span.TextareaWrapper_error_k4xuc{background-color:var(--color-white)}.TextareaWrapper_wrapper_k4xuc[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_k4xuc[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_k4xuc[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}.TextareaWrapper_wrapper_k4xuc[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper_textarea-helper-text_k4xuc{margin-top:.14rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const disabled = "TextareaWrapper_disabled_k4xuc";
+const focus = "TextareaWrapper_focus_k4xuc";
+const textarea = "TextareaWrapper_textarea_k4xuc";
+const wrapper = "TextareaWrapper_wrapper_k4xuc";
+const error = "TextareaWrapper_error_k4xuc";
+const classes = {
+  "textarea-wrapper": "TextareaWrapper_textarea-wrapper_k4xuc",
+  disabled,
+  focus,
+  textarea,
+  wrapper,
+  error,
+  "textarea-helper-text": "TextareaWrapper_textarea-helper-text_k4xuc"
+};
+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_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Wrapper_hidden_k4xuc{display:none}.Wrapper_slide-in_k4xuc{animation:Wrapper_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-in_k4xuc{animation-duration:.1ms}}.Wrapper_slide-out_k4xuc{animation:Wrapper_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Wrapper_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper_slide-out_k4xuc{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_k4xuc{font-family:var(--font-family);font-weight:400}.Wrapper_floating-wrapper_k4xuc{position:relative}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc{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_k4xuc .Wrapper_floating-label_k4xuc{transition-duration:.1ms}}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc.Wrapper_error_k4xuc{color:var(--error)}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc.Wrapper_disabled_k4xuc{color:var(--greyed-out)}.Wrapper_form-input-label_k4xuc{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_k4xuc.Wrapper_disabled_k4xuc{color:var(--greyed-out)}.Wrapper_wrapper_k4xuc+fieldset,.Wrapper_wrapper_k4xuc+.Wrapper_wrapper_k4xuc{margin-top:calc(1 * var(--font-size))}.Wrapper_required_k4xuc:after{content:" *";color:var(--error)}.Wrapper_wrapper_k4xuc[data-readonlyview=true] label{color:var(--read-only-text-color)}@media only screen and (min-width: 30em){.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc{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_k4xuc",e="Wrapper_error_k4xuc",p="Wrapper_disabled_k4xuc",a="Wrapper_required_k4xuc",o={wrapper:r,error:e,disabled:p,"form-input-label":"Wrapper_form-input-label_k4xuc",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.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_k4xuc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Wrapper_hidden_k4xuc{display:none}.Wrapper_slide-in_k4xuc{animation:Wrapper_slide-in_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-in_k4xuc{animation-duration:.1ms}}.Wrapper_slide-out_k4xuc{animation:Wrapper_slide-out_k4xuc .5s forwards}@media (prefers-reduced-motion: reduce){.Wrapper_slide-out_k4xuc{animation-duration:.1ms}}@keyframes Wrapper_slide-in_k4xuc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper_slide-out_k4xuc{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_k4xuc{font-family:var(--font-family);font-weight:400}.Wrapper_floating-wrapper_k4xuc{position:relative}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc{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_k4xuc .Wrapper_floating-label_k4xuc{transition-duration:.1ms}}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc.Wrapper_error_k4xuc{color:var(--error)}.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc.Wrapper_disabled_k4xuc{color:var(--greyed-out)}.Wrapper_form-input-label_k4xuc{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_k4xuc.Wrapper_disabled_k4xuc{color:var(--greyed-out)}.Wrapper_wrapper_k4xuc+fieldset,.Wrapper_wrapper_k4xuc+.Wrapper_wrapper_k4xuc{margin-top:calc(1 * var(--font-size))}.Wrapper_required_k4xuc:after{content:" *";color:var(--error)}.Wrapper_wrapper_k4xuc[data-readonlyview=true] label{color:var(--read-only-text-color)}@media only screen and (min-width: 30em){.Wrapper_floating-wrapper_k4xuc .Wrapper_floating-label_k4xuc{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_k4xuc";
+const error = "Wrapper_error_k4xuc";
+const disabled = "Wrapper_disabled_k4xuc";
+const required = "Wrapper_required_k4xuc";
+const classes = {
+  wrapper,
+  error,
+  disabled,
+  "form-input-label": "Wrapper_form-input-label_k4xuc",
+  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))(l||{});const i=e.forwardRef((({icon:l,color:i,className:a,style:o,size:t,tag:n="span",...c},s)=>{const d=n;return e.createElement(d,{...c,ref:s,style:{color:i,...o,fontSize:t},"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}\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,QAtGEA,IAAAA,GAAA,CAAA,GAkHZ,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"}

package/dist/components/Icon/Icon.es.js

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