@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js

@@ -1,2 +1,54 @@
-import e,{useRef as r}from"react";import{Input as o}from"../../Input/Input.esm.js";import s from"./InputWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{useWrapper as a}from"../../../src/hooks/useWrapper.esm.js";const p=({type:p,name:i,inputProps:n,helperText:u,helperProps:d,value:t,className:c,error:m,success:v,onChange:f,onBlur:h,onFocus:b,disabled:N,...I},x)=>{var P,j,w,$;const{errorId:y,hasFocus:F,setHasFocus:W,helperId:g,labelId:B}=a();const{prefix:C,suffix:E}=n!==null&&n!==void 0?n:{};const T=r(null);const k=[s["input-label"]];F&&k.push(s["focus"]);const H=[];((P=n===null||n===void 0?void 0:n.wrapperProps)===null||P===void 0?void 0:P.className)&&H.push((j=n===null||n===void 0?void 0:n.wrapperProps)===null||j===void 0?void 0:j.className);N&&H.push(s["disabled"]);return e.createElement(l,{...I,ref:x,name:i,className:`${s["input-wrapper"]} ${c!==null&&c!==void 0?c:""}`,labelProps:{id:B,className:k.join(" ")},errorId:y,error:m,helperId:g,helperText:u,helperProps:{...d,className:`${s["input-wrapper-helper"]} ${(w=d===null||d===void 0?void 0:d.className)!==null&&w!==void 0?w:""} `},disabled:N},e.createElement(o,{...n,prefix:C,suffix:E,wrapperProps:{className:H.join(" ")},ref:(n===null||n===void 0?void 0:n.ref)||T,"aria-labelledby":B,"aria-describedby":m?y:g,onChange:f,onFocus:e=>{b===null||b===void 0?void 0:b(e);W(true)},onBlur:e=>{h===null||h===void 0?void 0:h(e);W(false)},className:`\n         ${($=n===null||n===void 0?void 0:n.className)!==null&&$!==void 0?$:""}`,name:i,success:v,error:m,id:i,value:t,type:p}))};const i=e.forwardRef(p);export{i as InputWrapper};
+import React, { useRef } from 'react';
+import { Input } from '../../Input/Input.esm.js';
+import classes from './InputWrapper.module.scss.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps, value, className, error, success, onChange, onBlur, onFocus, disabled, ...rest }, ref) => {
+    var _a, _b, _c, _d;
+    const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();
+    const { prefix, suffix } = inputProps !== null && inputProps !== void 0 ? inputProps : {};
+    const input = useRef(null);
+    const labelClasses = [classes["input-label"]];
+    hasFocus && labelClasses.push(classes["focus"]);
+    const inputWrapperClasses = [];
+    ((_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.wrapperProps) === null || _a === void 0 ? void 0 : _a.className) &&
+        inputWrapperClasses.push((_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps.wrapperProps) === null || _b === void 0 ? void 0 : _b.className);
+    disabled && inputWrapperClasses.push(classes["disabled"]);
+    return (React.createElement(Wrapper, { ...rest, ref: ref, name: name, className: `${classes["input-wrapper"]} ${className !== null && className !== void 0 ? className : ""}`, labelProps: {
+            id: labelId,
+            className: labelClasses.join(" ")
+        }, errorId: errorId, error: error, helperId: helperId, helperText: helperText, helperProps: {
+            ...helperProps,
+            className: `${classes["input-wrapper-helper"]} ${(_c = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _c !== void 0 ? _c : ""} `
+        }, disabled: disabled },
+        React.createElement(Input, { ...inputProps, prefix: prefix, suffix: suffix, wrapperProps: {
+                className: inputWrapperClasses.join(" ")
+            }, ref: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref) || input, "aria-labelledby": labelId, "aria-describedby": error ? errorId : helperId, onChange: onChange, onFocus: e => {
+                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                setHasFocus(true);
+            }, onBlur: e => {
+                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                setHasFocus(false);
+            }, className: `
+         ${(_d = inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) !== null && _d !== void 0 ? _d : ""}`, name: name, success: success, error: error, id: name, value: value, type: type })));
+};
+const InputWrapper = React.forwardRef(InputWrapperComponent);
+
+export { InputWrapper };
 //# sourceMappingURL=InputWrapper.esm.js.map

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = React.forwardRef(InputWrapperComponent);\n"],"names":["InputWrapperComponent","type","name","inputProps","helperText","helperProps","value","className","error","success","onChange","onBlur","onFocus","disabled","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","prefix","suffix","input","useRef","labelClasses","classes","push","inputWrapperClasses","_a","wrapperProps","_b","React","createElement","Wrapper","labelProps","id","join","_c","Input","e","_d","InputWrapper","forwardRef"],"mappings":"qPAoCA,MAAMA,EAAyE,EAE3EC,OACAC,OACAC,aACAC,aACAC,cACAC,QACAC,YACAC,QACAC,UACAC,WACAC,SACAC,UACAC,cACGC,GAELC,iBAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,IAC9D,MAAMC,OAAEA,EAAMC,OAAEA,GAAWpB,IAAU,MAAVA,SAAU,EAAVA,EAAc,GACzC,MAAMqB,EAAQC,EAAyB,MACvC,MAAMC,EAAe,CAACC,EAAQ,gBAC9BV,GAAYS,EAAaE,KAAKD,EAAQ,UAEtC,MAAME,EAAsB,KAC5BC,EAAA3B,IAAA,MAAAA,kBAAAA,EAAY4B,gBAAY,MAAAD,SAAA,OAAA,EAAAA,EAAEvB,YACxBsB,EAAoBD,MAAKI,EAAA7B,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAY4B,gBAAc,MAAAC,SAAA,OAAA,EAAAA,EAAAzB,WACrDM,GAAYgB,EAAoBD,KAAKD,EAAQ,aAE7C,OACEM,EAAAC,cAACC,EAAO,IACFrB,EACJC,IAAKA,EACLb,KAAMA,EACNK,UAAW,GAAGoB,EAAQ,oBAAoBpB,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvD6B,WAAY,CACVC,GAAIjB,EACJb,UAAWmB,EAAaY,KAAK,MAE/BtB,QAASA,EACTR,MAAOA,EACPW,SAAUA,EACVf,WAAYA,EACZC,YAAa,IACRA,EACHE,UAAW,GAAGoB,EAAQ,4BAA2BY,EAAAlC,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaE,aAAS,MAAAgC,SAAA,EAAAA,EAAI,OAE7E1B,SAAUA,GAEVoB,EAAAC,cAACM,EAAK,IACArC,EACJmB,OAAQA,EACRC,OAAQA,EACRQ,aAAc,CACZxB,UAAWsB,EAAoBS,KAAK,MAEtCvB,KAAKZ,UAAAA,SAAU,OAAA,EAAVA,EAAYY,MAAOS,EAAK,kBACZJ,EACC,mBAAAZ,EAAQQ,EAAUG,EACpCT,SAAUA,EACVE,QAAS6B,IACP7B,UAAAA,SAAO,OAAA,EAAPA,EAAU6B,GACVvB,EAAY,KAAK,EAEnBP,OAAQ8B,IACN9B,UAAAA,SAAM,OAAA,EAANA,EAAS8B,GACTvB,EAAY,MAAM,EAEpBX,UAAW,eACRmC,EAAAvC,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAYI,aAAS,MAAAmC,SAAA,EAAAA,EAAI,KAC5BxC,KAAMA,EACNO,QAASA,EACTD,MAAOA,EACP6B,GAAInC,EACJI,MAAOA,EACPL,KAAMA,IAGV,EAGS,MAAA0C,EAAeV,EAAMW,WAAW5C"}
+{"version":3,"file":"InputWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/InputWrapper/InputWrapper.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, useRef } from \"react\";\nimport { Input, Type, Props as InputProps } from \"../../Input/Input\";\nimport classes from \"./InputWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\ninterface PartialInputProps extends Partial<InputProps> {}\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  label: string;\n  type: Type;\n  name: string;\n  inputProps?: PartialInputProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  success?: boolean;\n}\n\nconst InputWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    type,\n    name,\n    inputProps,\n    helperText,\n    helperProps,\n    value,\n    className,\n    error,\n    success,\n    onChange,\n    onBlur,\n    onFocus,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const { prefix, suffix } = inputProps ?? {};\n  const input = useRef<HTMLInputElement>(null);\n  const labelClasses = [classes[\"input-label\"]];\n  hasFocus && labelClasses.push(classes[\"focus\"]);\n\n  const inputWrapperClasses = [];\n  inputProps?.wrapperProps?.className &&\n    inputWrapperClasses.push(inputProps?.wrapperProps?.className);\n  disabled && inputWrapperClasses.push(classes[\"disabled\"]);\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      name={name}\n      className={`${classes[\"input-wrapper\"]} ${className ?? \"\"}`}\n      labelProps={{\n        id: labelId,\n        className: labelClasses.join(\" \")\n      }}\n      errorId={errorId}\n      error={error}\n      helperId={helperId}\n      helperText={helperText}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"input-wrapper-helper\"]} ${helperProps?.className ?? \"\"} `\n      }}\n      disabled={disabled}\n    >\n      <Input\n        {...inputProps}\n        prefix={prefix}\n        suffix={suffix}\n        wrapperProps={{\n          className: inputWrapperClasses.join(\" \")\n        }}\n        ref={inputProps?.ref || input}\n        aria-labelledby={labelId}\n        aria-describedby={error ? errorId : helperId}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        className={`\n         ${inputProps?.className ?? \"\"}`}\n        name={name}\n        success={success}\n        error={error}\n        id={name}\n        value={value}\n        type={type}\n      />\n    </Wrapper>\n  );\n};\n\nexport const InputWrapper = React.forwardRef(InputWrapperComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.InputWrapper-module_sr-only__s1zzm{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper-module_hidden__pdo-4{display:none}.InputWrapper-module_slide-in__F60Ym{animation:InputWrapper-module_slide-in__F60Ym .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper-module_slide-in__F60Ym{animation-duration:.1ms}}.InputWrapper-module_slide-out__9nEOK{animation:InputWrapper-module_slide-out__9nEOK .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper-module_slide-out__9nEOK{animation-duration:.1ms}}@keyframes InputWrapper-module_slide-in__F60Ym{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper-module_slide-out__9nEOK{0%{transform:translateY(0)}to{transform:translateY(100vh)}}input.InputWrapper-module_floating-label__Iqo8f{padding-top:1rem}.InputWrapper-module_input-wrapper-helper__zp6zd{margin-top:.14rem}.InputWrapper-module_input-wrapper__XgESf [data-icon]:before{align-items:center;display:flex;font-size:1.125rem;justify-content:center;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper-module_input-wrapper__XgESf [data-icon]:before{transition-duration:.1ms}}.InputWrapper-module_input-wrapper__XgESf [data-prefix],.InputWrapper-module_input-wrapper__XgESf [data-suffix]{font-size:var(--form-control-font-size)}.InputWrapper-module_input-wrapper__XgESf [data-prefix]+input{padding-left:.5rem}.InputWrapper-module_input-wrapper__XgESf [data-suffix]{padding-left:1.25rem}.InputWrapper-module_input-wrapper__XgESf input+[data-suffix]{padding-left:.5rem}.InputWrapper-module_input-wrapper__XgESf .InputWrapper-module_disabled__-0jjZ{background-color:var(--disabled);color:var(--greyed-out);cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsZ0RBQ0UsZ0JBQ0YsQ0FFQSxpREFDRSxpQkFDRixDQUVBLDZEQU9FLGtCQUFtQixDQURuQixZQUFhLENBRGIsa0JBQW1CLENBR25CLHNCQUF1QixDQUp2Qix1QkFBMEIsQ0FGMUIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FNRixDQUNBLHVDQUNFLDZEQUNFLHdCQUNGLENBQ0YsQ0FDQSxnSEFFRSx1Q0FDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esd0RBQ0Usb0JBQ0YsQ0FDQSw4REFDRSxrQkFDRixDQUNBLCtFQUNFLGdDQUFpQyxDQUVqQyx1QkFBd0IsQ0FEeEIsa0JBRUYiLCJmaWxlIjoiSW5wdXRXcmFwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuaW5wdXQuZmxvYXRpbmctbGFiZWwge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMC4xNHJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwcHgpO1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLWljb25dOmJlZm9yZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0gKyBpbnB1dCB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0ICsgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgLmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */";
+var classes = {"sr-only":"InputWrapper-module_sr-only__s1zzm","hidden":"InputWrapper-module_hidden__pdo-4","slide-in":"InputWrapper-module_slide-in__F60Ym","slide-out":"InputWrapper-module_slide-out__9nEOK","floating-label":"InputWrapper-module_floating-label__Iqo8f","input-wrapper-helper":"InputWrapper-module_input-wrapper-helper__zp6zd","input-wrapper":"InputWrapper-module_input-wrapper__XgESf","disabled":"InputWrapper-module_disabled__-0jjZ"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=InputWrapper.module.scss.esm.js.map

package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.scss.esm.js.map

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

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js

@@ -1,2 +1,34 @@
-import e from"react";import r from"./MultiSelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{useWrapper as s}from"../../../src/hooks/useWrapper.esm.js";import{MultiSelect as o}from"../../Select/MultiSelect/MultiSelect.esm.js";const a=({children:a,error:c,success:t,value:p,placeholder:m,selectProps:d,helperProps:i,onChange:n,...u},h)=>{var v,f;const{errorId:b,helperId:I,labelId:N}=s();return e.createElement(l,{...u,ref:h,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...i,className:`${r["select-helper-text"]} ${(v=i===null||i===void 0?void 0:i.className)!==null&&v!==void 0?v:""}`},error:c},e.createElement(o,{...d,value:p,labeledBy:N,error:c,success:t,describedBy:c?b:I,onChange:n,placeholder:m,className:`${(f=d===null||d===void 0?void 0:d.className)!==null&&f!==void 0?f:""}`},a))};const c=e.forwardRef(a);export{c as MultiSelectWrapper};
+import React from 'react';
+import classes from './MultiSelectWrapper.module.scss.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+import { MultiSelect } from '../../Select/MultiSelect/MultiSelect.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const MultiSelectWrapperComponent = ({ children, error, success, value, placeholder, selectProps, helperProps, onChange, ...rest }, ref) => {
+    var _a, _b;
+    const { errorId, helperId, labelId } = useWrapper();
+    return (React.createElement(Wrapper, { ...rest, ref: ref, errorId: errorId, helperId: helperId, labelProps: { id: labelId, className: classes["select-label"] }, helperProps: {
+            ...helperProps,
+            className: `${classes["select-helper-text"]} ${(_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _a !== void 0 ? _a : ""}`
+        }, error: error },
+        React.createElement(MultiSelect, { ...selectProps, value: value, labeledBy: labelId, error: error, success: success, describedBy: error ? errorId : helperId, onChange: onChange, placeholder: placeholder, className: `${(_b = selectProps === null || selectProps === void 0 ? void 0 : selectProps.className) !== null && _b !== void 0 ? _b : ""}` }, children)));
+};
+const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);
+
+export { MultiSelectWrapper };
 //# sourceMappingURL=MultiSelectWrapper.esm.js.map

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\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 MultiSelectWrapperComponent: 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      <MultiSelect\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      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":["MultiSelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","MultiSelect","labeledBy","describedBy","_b","MultiSelectWrapper","forwardRef"],"mappings":"uQAqCA,MAAMA,EAA+E,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,IAEvC,OACEC,EAAAC,cAACC,EAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,EAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAQ,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,EAACC,cAAAO,EACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAqBZ,EAAMa,WAAW5B"}
+{"version":3,"file":"MultiSelectWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\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 MultiSelectWrapperComponent: 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      <MultiSelect\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      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,2BAA2B,GAAoD,CACnF,EACE,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;AAEpD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,EAC/D,WAAW,EAAE;AACX,YAAA,GAAG,WAAW;AACd,YAAA,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,oBAAoB,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;SAC9E,EACD,KAAK,EAAE,KAAK,EAAA;QAEZ,KAAC,CAAA,aAAA,CAAA,WAAW,EACN,EAAA,GAAA,WAAW,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,EACvC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAA,EAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA,EAE3C,QAA0B,CACf,CACN,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,2BAA2B;;;;"}

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.MultiSelectWrapper-module_select-label__S2RDB{left:calc(1.25rem + 2px)}.MultiSelectWrapper-module_select-helper-text__leJir{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0NBQ0Usd0JBQ0YsQ0FFQSxxREFDRSxpQkFDRiIsImZpbGUiOiJNdWx0aVNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3QtbGFiZWwge1xuICBsZWZ0OiBjYWxjKDEuMjVyZW0gKyAycHgpO1xufVxuXG4uc2VsZWN0LWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn0iXX0= */";
+var classes = {"select-label":"MultiSelectWrapper-module_select-label__S2RDB","select-helper-text":"MultiSelectWrapper-module_select-helper-text__leJir"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=MultiSelectWrapper.module.scss.esm.js.map

package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.esm.js.map

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

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js

@@ -1,2 +1,49 @@
-import e,{useEffect as r}from"react";import o from"./RadioWrapper.module.esm.js";import{Wrapper as s}from"../Wrapper/Wrapper.esm.js";import{useWrapper as p}from"../../../src/hooks/useWrapper.esm.js";import{Icons as d}from"../../../Icon/Icon.esm.js";import{Fieldset as a}from"../../Fieldset/Fieldset.esm.js";const l=({children:l,error:n,name:i,helperText:t,helperProps:m,fieldsetProps:c,value:h,onChange:f,disabled:g,...u},v)=>{var I;const{errorId:b,helperId:j}=p();r((()=>{if(c.legend===void 0)console.error(`You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`)}),[]);const w=()=>e.Children.map(l,(r=>e.cloneElement(r,{parentErrorId:b,error:n,checked:r.props.value===h,name:i,parentHelperId:t?j:false,onChange:f,disabled:r.props.disabled!==void 0?r.props.disabled:g})));return e.createElement(a,{...c,disabled:g},e.createElement(s,{...u,ref:v,disabled:g,name:i,helperId:j,helperText:t,helperProps:{...m,className:`${o["radio-wrapper-helper"]} ${n?o["radio-wrapper-error"]:""} ${(I=m===null||m===void 0?void 0:m.className)!==null&&I!==void 0?I:""}`},error:n,errorId:b,errorMessageIcon:d.Error},w()))};const n=e.forwardRef(l);export{n as RadioWrapper};
+import React, { useEffect } from 'react';
+import classes from './RadioWrapper.module.scss.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+import { Icons } from '../../../Icon/Icon.esm.js';
+import { Fieldset } from '../../Fieldset/Fieldset.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const RadioWrapperComponent = ({ children, error, name, helperText, helperProps, fieldsetProps, value, onChange, disabled, ...rest }, ref) => {
+    var _a;
+    const { errorId, helperId } = useWrapper();
+    useEffect(() => {
+        if (fieldsetProps.legend === undefined) {
+            console.error(`You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: "legend here" }})`);
+        }
+    }, []);
+    const renderChildren = () => React.Children.map(children, child => React.cloneElement(child, {
+        parentErrorId: errorId,
+        error: error,
+        checked: child.props.value === value,
+        name: name,
+        parentHelperId: helperText ? helperId : false,
+        onChange: onChange,
+        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled
+    }));
+    return (React.createElement(Fieldset, { ...fieldsetProps, disabled: disabled },
+        React.createElement(Wrapper, { ...rest, ref: ref, disabled: disabled, name: name, helperId: helperId, helperText: helperText, helperProps: {
+                ...helperProps,
+                className: `${classes["radio-wrapper-helper"]} ${error ? classes["radio-wrapper-error"] : ""} ${(_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _a !== void 0 ? _a : ""}`
+            }, error: error, errorId: errorId, errorMessageIcon: Icons.Error }, renderChildren())));
+};
+const RadioWrapper = React.forwardRef(RadioWrapperComponent);
+
+export { RadioWrapper };
 //# sourceMappingURL=RadioWrapper.esm.js.map

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        checked: child.props.value === value,\n        name: name,\n        parentHelperId: helperText ? helperId : false,\n        onChange: onChange,\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${\n            error ? classes[\"radio-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = React.forwardRef(RadioWrapperComponent);\n"],"names":["RadioWrapperComponent","children","error","name","helperText","helperProps","fieldsetProps","value","onChange","disabled","rest","ref","errorId","helperId","useWrapper","useEffect","legend","undefined","console","renderChildren","React","Children","map","child","cloneElement","parentErrorId","checked","props","parentHelperId","Fieldset","createElement","Wrapper","className","classes","_a","errorMessageIcon","Icons","Error","RadioWrapper","forwardRef"],"mappings":"mTAmCA,MAAMA,EAAyE,EAE3EC,WACAC,QACAC,OACAC,aACAC,cACAC,gBACAC,QACAC,WACAC,cACGC,GAELC,WAEA,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,IAE9BC,GAAU,KACR,GAAIT,EAAcU,cAAWC,EAC3BC,QAAQhB,MACN,6PAEH,GACA,IAEH,MAAMiB,EAAiB,IACrBC,EAAMC,SAASC,IAAIrB,GAAUsB,GAC3BH,EAAMI,aAAaD,EAAO,CACxBE,cAAeb,EACfV,MAAOA,EACPwB,QAASH,EAAMI,MAAMpB,QAAUA,EAC/BJ,KAAMA,EACNyB,eAAgBxB,EAAaS,EAAW,MACxCL,SAAUA,EACVC,SAAUc,EAAMI,MAAMlB,gBAAaQ,EAAYM,EAAMI,MAAMlB,SAAWA,MAI5E,OACEW,gBAACS,EAAQ,IAAKvB,EAAeG,SAAUA,GACrCW,EAACU,cAAAC,EACK,IAAArB,EACJC,IAAKA,EACLF,SAAUA,EACVN,KAAMA,EACNU,SAAUA,EACVT,WAAYA,EACZC,YAAa,IACRA,EACH2B,UAAW,GAAGC,EAAQ,2BACpB/B,EAAQ+B,EAAQ,uBAAyB,OACvCC,EAAA7B,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAa2B,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAEhChC,MAAOA,EACPU,QAASA,EACTuB,iBAAkBC,EAAMC,OAEvBlB,KAGL,EAGS,MAAAmB,EAAelB,EAAMmB,WAAWvC"}
+{"version":3,"file":"RadioWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        checked: child.props.value === value,\n        name: name,\n        parentHelperId: helperText ? helperId : false,\n        onChange: onChange,\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${\n            error ? classes[\"radio-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = React.forwardRef(RadioWrapperComponent);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAqBH,MAAM,qBAAqB,GAAoD,CAC7E,EACE,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,aAAa,EACb,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAE3C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,MAAM,KAAK,SAAS,EAAE;AACtC,YAAA,OAAO,CAAC,KAAK,CACX,CAAA,0PAAA,CAA4P,CAC7P,CAAC;SACH;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAChC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,aAAa,EAAE,OAAO;AACtB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK;AACpC,QAAA,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK;AAC7C,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AAC/E,KAAA,CAAC,CACH,CAAC;IAEJ,QACE,oBAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAA;QAC7C,KAAC,CAAA,aAAA,CAAA,OAAO,EACF,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE;AACX,gBAAA,GAAG,WAAW;AACd,gBAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,sBAAsB,CAAC,CAC3C,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,EAC3C,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;AACnC,aAAA,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAE5B,EAAA,cAAc,EAAE,CACT,CACD,EACX;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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 */.RadioWrapper-module_radio-wrapper-helper__qd-Xq{margin-top:1.25rem}.RadioWrapper-module_radio-wrapper-error__6BJAc span{font-size:1rem}.RadioWrapper-module_radio-wrapper-error__6BJAc [data-icon]{font-size:1.25rem;vertical-align:text-bottom}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGlEQUNFLGtCQUNGLENBRUEscURBQ0UsY0FDRixDQUVBLDREQUNFLGlCQUFrQixDQUNsQiwwQkFDRiIsImZpbGUiOiJSYWRpb1dyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbn1cblxuLnJhZGlvLXdyYXBwZXItZXJyb3Igc3BhbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnJhZGlvLXdyYXBwZXItZXJyb3IgW2RhdGEtaWNvbl0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTtcbn0iXX0= */";
+var classes = {"radio-wrapper-helper":"RadioWrapper-module_radio-wrapper-helper__qd-Xq","radio-wrapper-error":"RadioWrapper-module_radio-wrapper-error__6BJAc"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=RadioWrapper.module.scss.esm.js.map

package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.esm.js.map

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

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js

@@ -1,2 +1,34 @@
-import e from"react";import r from"./SelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{Select as s}from"../../Select/SingleSelect/Select.esm.js";import{useWrapper as o}from"../../../src/hooks/useWrapper.esm.js";const a=({children:a,error:c,success:p,value:t,placeholder:m,selectProps:d,helperProps:n,onChange:i,...h},u)=>{var v,f;const{errorId:b,helperId:I,labelId:N}=o();return e.createElement(l,{...h,ref:u,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...n,className:`${r["select-helper-text"]} ${(v=n===null||n===void 0?void 0:n.className)!==null&&v!==void 0?v:""}`},error:c},e.createElement(s,{...d,value:t,labeledBy:N,error:c,success:p,describedBy:c?b:I,onChange:i,placeholder:m,className:`${(f=d===null||d===void 0?void 0:d.className)!==null&&f!==void 0?f:""}`},a))};const c=e.forwardRef(a);export{c as SelectWrapper};
+import React from 'react';
+import classes from './SelectWrapper.module.scss.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { Select } from '../../Select/SingleSelect/Select.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const SelectWrapperComponent = ({ children, error, success, value, placeholder, selectProps, helperProps, onChange, ...rest }, ref) => {
+    var _a, _b;
+    const { errorId, helperId, labelId } = useWrapper();
+    return (React.createElement(Wrapper, { ...rest, ref: ref, errorId: errorId, helperId: helperId, labelProps: { id: labelId, className: classes["select-label"] }, helperProps: {
+            ...helperProps,
+            className: `${classes["select-helper-text"]} ${(_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _a !== void 0 ? _a : ""}`
+        }, error: error },
+        React.createElement(Select, { ...selectProps, value: value, labeledBy: labelId, error: error, success: success, describedBy: error ? errorId : helperId, onChange: onChange, placeholder: placeholder, className: `${(_b = selectProps === null || selectProps === void 0 ? void 0 : selectProps.className) !== null && _b !== void 0 ? _b : ""}` }, children)));
+};
+const SelectWrapper = React.forwardRef(SelectWrapperComponent);
+
+export { SelectWrapper };
 //# sourceMappingURL=SelectWrapper.esm.js.map

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectWrapper.esm.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\";\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      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nexport const SelectWrapper = React.forwardRef(SelectWrapperComponent);\n"],"names":["SelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","Select","labeledBy","describedBy","_b","SelectWrapper","forwardRef"],"mappings":"yPAqCA,MAAMA,EAA0E,EAE5EC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,IAEvC,OACEC,EAAAC,cAACC,EAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,EAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAQ,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,EAACC,cAAAO,EACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAgBZ,EAAMa,WAAW5B"}
+{"version":3,"file":"SelectWrapper.esm.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\";\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      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nexport const SelectWrapper = React.forwardRef(SelectWrapperComponent);\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,sBAAsB,GAAoD,CAC9E,EACE,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;;IACF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;AAEpD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,EAC/D,WAAW,EAAE;AACX,YAAA,GAAG,WAAW;AACd,YAAA,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,oBAAoB,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAE,CAAA;SAC9E,EACD,KAAK,EAAE,KAAK,EAAA;QAEZ,KAAC,CAAA,aAAA,CAAA,MAAM,EACD,EAAA,GAAA,WAAW,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,EACvC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAA,EAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAE,CAAA,EAAA,EAE3C,QAA0B,CACpB,CACD,EACV;AACJ,CAAC,CAAC;AAEW,MAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB;;;;"}

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SelectWrapper-module_select-label__kOR21{left:calc(1.25rem + 2px)}.SelectWrapper-module_select-helper-text__5-xHK{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUNFLHdCQUNGLENBRUEsZ0RBQ0UsaUJBQ0YiLCJmaWxlIjoiU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdC1sYWJlbCB7XG4gIGxlZnQ6IGNhbGMoMS4yNXJlbSArIDJweCk7XG59XG5cbi5zZWxlY3QtaGVscGVyLXRleHQge1xuICBtYXJnaW4tdG9wOiAwLjE1cmVtO1xufSJdfQ== */";
+var classes = {"select-label":"SelectWrapper-module_select-label__kOR21","select-helper-text":"SelectWrapper-module_select-helper-text__5-xHK"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=SelectWrapper.module.scss.esm.js.map

package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.esm.js.map

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

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js

@@ -1,2 +1,56 @@
-import e,{useState as r}from"react";import o from"./TextareaWrapper.module.esm.js";import{Wrapper as a}from"../Wrapper/Wrapper.esm.js";import{Textarea as s}from"../../Textarea/Textarea.esm.js";import{useWrapper as l}from"../../../src/hooks/useWrapper.esm.js";const t=({name:t,error:p,value:n,label:d,placeholder:u,textareaProps:c,helperProps:m,onChange:i,onFocus:h,onBlur:v,onMouseEnter:b,onMouseLeave:f,disabled:x,success:j,...$},I)=>{const{errorId:P,hasFocus:E,setHasFocus:F,helperId:M,labelId:N}=l();const[W,w]=r(false);const T=[];E&&T.push(o["focus"]);W&&T.push(o["hover"]);x&&T.push(o["disabled"]);p&&T.push(o["error"]);return e.createElement(a,{...$,ref:I,disabled:x,labelProps:{id:N,className:`${o["textarea-label"]} ${T.join(" ")}`},name:t,label:d,helperId:M,helperProps:{...m,className:o["textarea-helper-text"]},error:p,errorId:P},e.createElement(s,{...c,error:p,"aria-labelledby":d&&N,"aria-describedby":p?P:M,placeholder:u,name:t,id:t,value:n,success:j,onChange:i,onFocus:e=>{h===null||h===void 0?void 0:h(e);F(true)},onBlur:e=>{v===null||v===void 0?void 0:v(e);F(false)},onMouseEnter:e=>{b===null||b===void 0?void 0:b(e);w(true)},onMouseLeave:e=>{f===null||f===void 0?void 0:f(e);w(false)},className:`${o["textarea"]} ${p?o["error"]:""}`,wrapperProps:{className:`${T.join(" ")} ${o["textarea-wrapper"]}`}}))};const p=e.forwardRef(t);export{p as TextareaWrapper};
+import React, { useState } from 'react';
+import classes from './TextareaWrapper.module.scss.esm.js';
+import { Wrapper } from '../Wrapper/Wrapper.esm.js';
+import { Textarea } from '../../Textarea/Textarea.esm.js';
+import { useWrapper } from '../../../src/hooks/useWrapper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const TextareaWrapperComponent = ({ name, error, value, label, placeholder, textareaProps, helperProps, onChange, onFocus, onBlur, onMouseEnter, onMouseLeave, disabled, success, ...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"]);
+    return (React.createElement(Wrapper, { ...rest, ref: ref, disabled: disabled, labelProps: {
+            id: labelId,
+            className: `${classes["textarea-label"]} ${wrapperClasses.join(" ")}`
+        }, name: name, label: label, helperId: helperId, helperProps: {
+            ...helperProps,
+            className: classes["textarea-helper-text"]
+        }, error: error, errorId: errorId },
+        React.createElement(Textarea, { ...textareaProps, error: error, "aria-labelledby": label && labelId, "aria-describedby": error ? errorId : helperId, placeholder: placeholder, name: name, id: name, value: value, success: success, onChange: onChange, onFocus: e => {
+                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                setHasFocus(true);
+            }, onBlur: e => {
+                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                setHasFocus(false);
+            }, onMouseEnter: e => {
+                onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+                setHover(true);
+            }, onMouseLeave: e => {
+                onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+                setHover(false);
+            }, className: `${classes["textarea"]} ${error ? classes["error"] : ""}`, wrapperProps: {
+                className: `${wrapperClasses.join(" ")} ${classes["textarea-wrapper"]}`
+            } })));
+};
+const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);
+
+export { TextareaWrapper };
 //# sourceMappingURL=TextareaWrapper.esm.js.map

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaWrapper.esm.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\";\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}\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    ...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  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\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      <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    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);\n"],"names":["TextareaWrapperComponent","name","error","value","label","placeholder","textareaProps","helperProps","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","disabled","success","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","hover","setHover","useState","wrapperClasses","push","classes","React","createElement","Wrapper","labelProps","id","className","join","Textarea","e","wrapperProps","TextareaWrapper","forwardRef"],"mappings":"mQAuCA,MAAMA,EAA4E,EAE9EC,OACAC,QACAC,QACAC,QACAC,cACAC,gBACAC,cACAC,WACAC,UACAC,SACAC,eACAC,eACAC,WACAC,aACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,IAC9D,MAAOC,EAAOC,GAAYC,EAAS,OAEnC,MAAMC,EAA2B,GAEjCR,GAAYQ,EAAeC,KAAKC,EAAQ,UACxCL,GAASG,EAAeC,KAAKC,EAAQ,UACrCf,GAAYa,EAAeC,KAAKC,EAAQ,aACxC1B,GAASwB,EAAeC,KAAKC,EAAQ,UAErC,OACEC,EAAAC,cAACC,EAAO,IACFhB,EACJC,IAAKA,EACLH,SAAUA,EACVmB,WAAY,CACVC,GAAIZ,EACJa,UAAW,GAAGN,EAAQ,qBAAqBF,EAAeS,KAAK,QAEjElC,KAAMA,EACNG,MAAOA,EACPgB,SAAUA,EACVb,YAAa,IACRA,EACH2B,UAAWN,EAAQ,yBAErB1B,MAAOA,EACPe,QAASA,GAETY,EAACC,cAAAM,MACK9B,EACJJ,MAAOA,EACU,kBAAAE,GAASiB,qBACRnB,EAAQe,EAAUG,EACpCf,YAAaA,EACbJ,KAAMA,EACNgC,GAAIhC,EACJE,MAAOA,EACPW,QAASA,EACTN,SAAUA,EACVC,QAAS4B,IACP5B,UAAAA,SAAO,OAAA,EAAPA,EAAU4B,GACVlB,EAAY,KAAK,EAEnBT,OAAQ2B,IACN3B,UAAAA,SAAM,OAAA,EAANA,EAAS2B,GACTlB,EAAY,MAAM,EAEpBR,aAAc0B,IACZ1B,UAAAA,SAAY,OAAA,EAAZA,EAAe0B,GACfb,EAAS,KAAK,EAEhBZ,aAAcyB,IACZzB,UAAAA,SAAY,OAAA,EAAZA,EAAeyB,GACfb,EAAS,MAAM,EAEjBU,UAAW,GAAGN,EAAQ,eAAe1B,EAAQ0B,EAAQ,SAAW,KAChEU,aAAc,CACZJ,UAAW,GAAGR,EAAeS,KAAK,QAAQP,EAAQ,yBAIxD,EAGS,MAAAW,EAAkBV,EAAMW,WAAWxC"}
+{"version":3,"file":"TextareaWrapper.esm.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\";\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}\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    ...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  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\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      <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    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextareaWrapper-module_sr-only__5Tu7R{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TextareaWrapper-module_hidden__9-hpM{display:none}.TextareaWrapper-module_slide-in__OSAZx{animation:TextareaWrapper-module_slide-in__OSAZx .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-in__OSAZx{animation-duration:.1ms}}.TextareaWrapper-module_slide-out__DB1l8{animation:TextareaWrapper-module_slide-out__DB1l8 .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-out__DB1l8{animation-duration:.1ms}}@keyframes TextareaWrapper-module_slide-in__OSAZx{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper-module_slide-out__DB1l8{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TextareaWrapper-module_textarea-wrapper__OG49R:after{background-color:var(--light);border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;content:\"\";display:block;left:1px;position:absolute;top:1px;transition-duration:.15s;transition-property:all;transition-timing-function:ease-in-out;width:95%;z-index:0}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_textarea-wrapper__OG49R:after{transition-duration:.1ms}}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_disabled__SHxyW:after{background-color:var(--disabled)}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_focus__cRjIq:after{left:2px;top:2px}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:focus:not(:disabled){outline:none}.TextareaWrapper-module_textarea-helper-text__goqbb{margin-top:.14rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0Esc0RBT0UsNkJBQThCLENBSzlCLHVFQUF3RSxDQVh4RSxVQUFXLENBSVgsYUFBYyxDQUtkLFFBQVMsQ0FGVCxpQkFBa0IsQ0FHbEIsT0FBUSxDQVJSLHdCQUEwQixDQUQxQix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBRXZDLFNBQVUsQ0FHVixTQUlGLENBQ0EsdUNBQ0Usc0RBQ0Usd0JBQ0YsQ0FDRixDQUNBLDZGQUNFLGdDQUNGLENBQ0EsMEZBQ0UsUUFBUyxDQUNULE9BQ0YsQ0FDQSw4R0FDRSxpQ0FDRixDQUNBLDZHQUNFLFlBQ0YsQ0FFQSxvREFDRSxpQkFDRiIsImZpbGUiOiJUZXh0YXJlYVdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiA5NSU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAwO1xuICBsZWZ0OiAxcHg7XG4gIHRvcDogMXB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKSB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKSAwIDA7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYS13cmFwcGVyLmRpc2FibGVkOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIuZm9jdXM6YWZ0ZXIge1xuICBsZWZ0OiAycHg7XG4gIHRvcDogMnB4O1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLnRleHRhcmVhOmFjdGl2ZTpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAudGV4dGFyZWE6Zm9jdXM6bm90KDpkaXNhYmxlZCkge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4udGV4dGFyZWEtaGVscGVyLXRleHQge1xuICBtYXJnaW4tdG9wOiAwLjE0cmVtO1xufSJdfQ== */";
+var classes = {"sr-only":"TextareaWrapper-module_sr-only__5Tu7R","hidden":"TextareaWrapper-module_hidden__9-hpM","slide-in":"TextareaWrapper-module_slide-in__OSAZx","slide-out":"TextareaWrapper-module_slide-out__DB1l8","textarea-wrapper":"TextareaWrapper-module_textarea-wrapper__OG49R","disabled":"TextareaWrapper-module_disabled__SHxyW","focus":"TextareaWrapper-module_focus__cRjIq","textarea":"TextareaWrapper-module_textarea__uvlUM","textarea-helper-text":"TextareaWrapper-module_textarea-helper-text__goqbb"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=TextareaWrapper.module.scss.esm.js.map

package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.esm.js.map

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