@onewelcome/react-lib-components 8.5.0 → 8.6.0

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

@@ -3,6 +3,7 @@ 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';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -30,6 +31,7 @@ const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps
     ((_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"]);
+    const readValue = rest["data-readonlyview"];
     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(" ")
@@ -37,7 +39,7 @@ const InputWrapperComponent = ({ type, name, inputProps, 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: {
+        React.createElement(Input, { ...inputProps, prefix: prefix, suffix: suffix, readOnlyView: readValue, 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);
@@ -48,7 +50,7 @@ const InputWrapperComponent = ({ type, name, inputProps, helperText, helperProps
             }, 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);
+const InputWrapper = withReadOnly(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":[],"mappings":"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"}
+{"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\";\nimport { withReadOnly } from \"../../../withReadOnly\";\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  const readValue = rest[\"data-readonlyview\"] as boolean;\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        readOnlyView={readValue}\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 = withReadOnly(React.forwardRef(InputWrapperComponent));\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 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)}}.InputWrapper-module_input-wrapper__XgESf input[type=search]::-webkit-search-cancel-button{cursor:pointer}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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkZBQ0UsY0FDRixDQUVBLGdEQUNFLGdCQUNGLENBRUEsaURBQ0UsaUJBQ0YsQ0FFQSw2REFJRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGtCQUFtQixDQUduQixzQkFBdUIsQ0FKdkIsdUJBQTBCLENBTTFCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSw2REFDRSx3QkFDRixDQUNGLENBQ0EsZ0hBRUUsdUNBQ0YsQ0FDQSw4REFDRSxrQkFDRixDQUNBLHdEQUNFLG9CQUNGLENBQ0EsOERBQ0Usa0JBQ0YsQ0FDQSwrRUFDRSxnQ0FBaUMsQ0FFakMsdUJBQXdCLENBRHhCLGtCQUVGIiwiZmlsZSI6IklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuaW5wdXQuZmxvYXRpbmctbGFiZWwge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMC4xNHJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLWljb25dOmJlZm9yZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0gKyBpbnB1dCB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0ICsgW2RhdGEtc3VmZml4XSB7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xufVxuLmlucHV0LXdyYXBwZXIgLmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */";
+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)}}.InputWrapper-module_input-wrapper__XgESf input[type=search]::-webkit-search-cancel-button{cursor:pointer}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-icon]:before[data-readonlyview=true]{padding:auto}.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}.InputWrapper-module_input-wrapper__XgESf[data-readonlyview=true] input,.InputWrapper-module_input-wrapper__XgESf[data-readonlyview=true] label{color:var(--read-only-text-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkZBQ0UsY0FDRixDQUVBLGdEQUNFLGdCQUNGLENBRUEsaURBQ0UsaUJBQ0YsQ0FFQSw2REFJRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGtCQUFtQixDQUduQixzQkFBdUIsQ0FKdkIsdUJBQTBCLENBTTFCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSw2REFDRSx3QkFDRixDQUNGLENBQ0EscUZBQ0UsWUFDRixDQUNBLGdIQUVFLHVDQUNGLENBQ0EsOERBQ0Usa0JBQ0YsQ0FDQSx3REFDRSxvQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0EsK0VBQ0UsZ0NBQWlDLENBRWpDLHVCQUF3QixDQUR4QixrQkFFRixDQUlBLGdKQUNFLGlDQUNGIiwiZmlsZSI6IklucHV0V3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuaW5wdXQuZmxvYXRpbmctbGFiZWwge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXItaGVscGVyIHtcbiAgbWFyZ2luLXRvcDogMC4xNHJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLWljb25dOmJlZm9yZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb25dOmJlZm9yZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB7XG4gIHBhZGRpbmc6IGF1dG87XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdICsgaW5wdXQge1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dCArIFtkYXRhLXN1ZmZpeF0ge1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbn1cbi5pbnB1dC13cmFwcGVyIC5kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gbGFiZWwge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gaW5wdXQge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufSJdfQ== */";
 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","input-wrapper":"InputWrapper-module_input-wrapper__XgESf","floating-label":"InputWrapper-module_floating-label__Iqo8f","input-wrapper-helper":"InputWrapper-module_input-wrapper-helper__zp6zd","disabled":"InputWrapper-module_disabled__-0jjZ"};
 styleInject(css_248z);
 

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

@@ -3,6 +3,7 @@ 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';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -26,9 +27,9 @@ const MultiSelectWrapperComponent = ({ children, error, success, value, placehol
             ...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)));
+        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 : ""}`, isReadOnlyView: !!rest["data-readonlyview"] }, children)));
 };
-const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);
+const MultiSelectWrapper = withReadOnly(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":[],"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;;;;"}
+{"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\";\nimport { withReadOnly } from \"../../../withReadOnly\";\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        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </MultiSelect>\n    </Wrapper>\n  );\n};\n\nexport const MultiSelectWrapper = withReadOnly(React.forwardRef(MultiSelectWrapperComponent));\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAwBH,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;AAEZ,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,GACN,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,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EAC5C,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAE1C,EAAA,QAA0B,CACf,CACN,EACV;AACJ,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC;;;;"}

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

@@ -4,6 +4,7 @@ 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';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -23,27 +24,33 @@ import { Fieldset } from '../../Fieldset/Fieldset.esm.js';
 const RadioWrapperComponent = ({ children, error, name, helperText, helperProps, fieldsetProps, value, onChange, disabled, ...rest }, ref) => {
     var _a;
     const { errorId, helperId } = useWrapper();
+    const readOnlyView = !!rest["data-readonlyview"];
     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
-    }));
+    const renderChildren = () => React.Children.map(children, child => {
+        if (!readOnlyView || child.props.value === value) {
+            return 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 null;
+    });
     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);
+const RadioWrapper = withReadOnly(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":[],"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;;;;"}
+{"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\";\nimport { withReadOnly } from \"../../../withReadOnly\";\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  const readOnlyView = !!rest[\"data-readonlyview\"];\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      if (!readOnlyView || child.props.value === value) {\n        return 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      return null;\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 = withReadOnly(React.forwardRef(RadioWrapperComponent));\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAsBH,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;IAC3C,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAEjD,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;AAEP,IAAA,MAAM,cAAc,GAAG,MACrB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAAG;QACnC,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,EAAE;AAChD,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AAC/B,gBAAA,aAAa,EAAE,OAAO;AACtB,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK;AACpC,gBAAA,IAAI,EAAE,IAAI;gBACV,cAAc,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK;AAC7C,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AAC/E,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC,CAAC;IAEL,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;AAEK,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC;;;;"}

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

@@ -3,6 +3,7 @@ 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';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -26,9 +27,11 @@ const SelectWrapperComponent = ({ children, error, success, value, placeholder,
             ...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)));
+        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 : ""}`, isReadOnlyView: !!rest["data-readonlyview"] }, children)));
 };
-const SelectWrapper = React.forwardRef(SelectWrapperComponent);
+const forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);
+forwardedSelectWrapper.displayName = "SelectWrapper";
+const SelectWrapper = withReadOnly(forwardedSelectWrapper);
 
 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":[],"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;;;;"}
+{"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\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string;\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <Select\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nconst forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);\nforwardedSelectWrapper.displayName = \"SelectWrapper\";\n\nexport const SelectWrapper = withReadOnly(forwardedSelectWrapper);\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAwBH,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;AAEZ,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GACD,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,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA,CAAE,EAC5C,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAE1C,EAAA,QAA0B,CACpB,CACD,EACV;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;AACxE,sBAAsB,CAAC,WAAW,GAAG,eAAe,CAAC;MAExC,aAAa,GAAG,YAAY,CAAC,sBAAsB;;;;"}

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

@@ -3,6 +3,8 @@ 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';
+import { withReadOnly } from '../../../withReadOnly.esm.js';
+import { useDetermineStatusIcon } from '../../../src/hooks/useDetermineStatusIcon.esm.js';
 
 /*
  * Copyright 2022 OneWelcome B.V.
@@ -27,14 +29,14 @@ const TextareaWrapperComponent = ({ name, error, value, label, placeholder, text
     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 => {
+    const icon = useDetermineStatusIcon({ success, error });
+    const getTextareaWrapper = () => {
+        if (rest["data-readonlyview"]) {
+            return (React.createElement("div", { "aria-labelledby": label && labelId, "aria-describedby": error ? errorId : helperId, id: name, tabIndex: 0, className: `${error ? classes["error"] : ""} ${success ? classes["success"] : ""}` },
+                icon,
+                value));
+        }
+        return (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 => {
@@ -48,9 +50,17 @@ const TextareaWrapperComponent = ({ name, error, value, label, placeholder, text
                 setHover(false);
             }, className: `${classes["textarea"]} ${error ? classes["error"] : ""}`, wrapperProps: {
                 className: `${wrapperClasses.join(" ")} ${classes["textarea-wrapper"]}`
-            } })));
+            } }));
+    };
+    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 }, getTextareaWrapper()));
 };
-const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);
+const TextareaWrapper = withReadOnly(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":[],"mappings":"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"}
+{"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\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props\n  extends Omit<\n      ComponentPropsWithRef<\"div\">,\n      \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n    >,\n    Omit<WrapperProps, \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"> {\n  placeholder?: string;\n  textareaProps?: TextareaProps;\n  value: string;\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  success?: boolean;\n  readOnlyView?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    error,\n    value,\n    label,\n    placeholder,\n    textareaProps,\n    helperProps,\n    onChange,\n    onFocus,\n    onBlur,\n    onMouseEnter,\n    onMouseLeave,\n    disabled,\n    success,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const [hover, setHover] = useState(false);\n\n  const wrapperClasses: string[] = [];\n\n  hasFocus && wrapperClasses.push(classes[\"focus\"]);\n  hover && wrapperClasses.push(classes[\"hover\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={error ? errorId : helperId}\n          id={name}\n          tabIndex={0}\n          className={`${error ? classes[\"error\"] : \"\"} ${success ? classes[\"success\"] : \"\"}`}\n        >\n          {icon}\n          {value}\n        </div>\n      );\n    }\n    return (\n      <Textarea\n        {...textareaProps}\n        error={error}\n        aria-labelledby={label && labelId}\n        aria-describedby={error ? errorId : helperId}\n        placeholder={placeholder}\n        name={name}\n        id={name}\n        value={value}\n        success={success}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        onMouseEnter={e => {\n          onMouseEnter?.(e);\n          setHover(true);\n        }}\n        onMouseLeave={e => {\n          onMouseLeave?.(e);\n          setHover(false);\n        }}\n        className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n        wrapperProps={{\n          className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n        }}\n      />\n    );\n  };\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      labelProps={{\n        id: labelId,\n        className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n      }}\n      name={name}\n      label={label}\n      helperId={helperId}\n      helperProps={{\n        ...helperProps,\n        className: classes[\"textarea-helper-text\"]\n      }}\n      error={error}\n      errorId={errorId}\n    >\n      {getTextareaWrapper()}\n    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = withReadOnly(React.forwardRef(TextareaWrapperComponent));\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA4BH,MAAM,wBAAwB,GAAoD,CAChF,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAC;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,cAAc,GAAa,EAAE,CAAC;IAEpC,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAExD,MAAM,kBAAkB,GAAG,MAAK;AAC9B,QAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,EAAE;YAC7B,QACE,KACmB,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,KAAK,IAAI,OAAO,sBACf,KAAK,GAAG,OAAO,GAAG,QAAQ,EAC5C,EAAE,EAAE,IAAI,EACR,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA;gBAEjF,IAAI;gBACJ,KAAK,CACF,EACN;SACH;QACD,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EACH,EAAA,GAAA,aAAa,EACjB,KAAK,EAAE,KAAK,EAAA,iBAAA,EACK,KAAK,IAAI,OAAO,EACf,kBAAA,EAAA,KAAK,GAAG,OAAO,GAAG,QAAQ,EAC5C,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,IAAG;AACX,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,CAAC,CAAC,CAAC;gBACb,WAAW,CAAC,IAAI,CAAC,CAAC;AACpB,aAAC,EACD,MAAM,EAAE,CAAC,IAAG;AACV,gBAAA,MAAM,aAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAG,CAAC,CAAC,CAAC;gBACZ,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,aAAC,EACD,YAAY,EAAE,CAAC,IAAG;AAChB,gBAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;gBAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjB,aAAC,EACD,YAAY,EAAE,CAAC,IAAG;AAChB,gBAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;gBAClB,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB,EACD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,UAAU,CAAC,CAAI,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAA,CAAE,EACpE,YAAY,EAAE;AACZ,gBAAA,SAAS,EAAE,CAAA,EAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAI,CAAA,EAAA,OAAO,CAAC,kBAAkB,CAAC,CAAE,CAAA;AACxE,aAAA,EAAA,CACD,EACF;AACJ,KAAC,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAA,GACF,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,gBAAgB,CAAC,CAAI,CAAA,EAAA,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;AACtE,SAAA,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;AACX,YAAA,GAAG,WAAW;AACd,YAAA,SAAS,EAAE,OAAO,CAAC,sBAAsB,CAAC;AAC3C,SAAA,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAAA,EAEf,kBAAkB,EAAE,CACb,EACV;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}

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

@@ -1,7 +1,7 @@
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0Esc0RBSUUsNkJBQThCLENBSzlCLHVFQUF3RSxDQVJ4RSxVQUFXLENBQ1gsYUFBYyxDQUtkLFFBQVMsQ0FGVCxpQkFBa0IsQ0FHbEIsT0FBUSxDQUdSLHdCQUEwQixDQUQxQix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBVHZDLFNBQVUsQ0FHVixTQU9GLENBQ0EsdUNBQ0Usc0RBQ0Usd0JBQ0YsQ0FDRixDQUNBLDZGQUNFLGdDQUNGLENBQ0EsMEZBQ0UsUUFBUyxDQUNULE9BQ0YsQ0FDQSw4R0FDRSxpQ0FDRixDQUNBLDZHQUNFLFlBQ0YsQ0FFQSxvREFDRSxpQkFDRiIsImZpbGUiOiJUZXh0YXJlYVdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogOTUlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMDtcbiAgbGVmdDogMXB4O1xuICB0b3A6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cykgdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cykgMCAwO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMTVzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYS13cmFwcGVyLmRpc2FibGVkOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIuZm9jdXM6YWZ0ZXIge1xuICBsZWZ0OiAycHg7XG4gIHRvcDogMnB4O1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLnRleHRhcmVhOmFjdGl2ZTpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAudGV4dGFyZWE6Zm9jdXM6bm90KDpkaXNhYmxlZCkge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4udGV4dGFyZWEtaGVscGVyLXRleHQge1xuICBtYXJnaW4tdG9wOiAwLjE0cmVtO1xufSJdfQ== */";
-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"};
+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-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper-module_textarea-helper-text__goqbb{margin-top:.14rem}[data-readonlyview=true]~span.TextareaWrapper-module_error__qXY8L{background-color:var(--color-white)}[data-readonlyview=true] label+div:not(:has(input)){background-color:var(--color-white);border:1px solid var(--color-blue-grey100);border-radius:.125rem;color:var(--read-only-text-color);font-family:var(--font-family);font-size:var(--form-control-font-size);min-height:4rem;padding:.5rem .75rem;position:relative}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status]{font-size:1.125rem;height:1.25rem;position:absolute;right:1.25rem;top:.8rem;width:1.25rem}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0Esc0RBSUUsNkJBQThCLENBSzlCLHVFQUF3RSxDQVJ4RSxVQUFXLENBQ1gsYUFBYyxDQUtkLFFBQVMsQ0FGVCxpQkFBa0IsQ0FHbEIsT0FBUSxDQUdSLHdCQUEwQixDQUQxQix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBVHZDLFNBQVUsQ0FHVixTQU9GLENBQ0EsdUNBQ0Usc0RBQ0Usd0JBQ0YsQ0FDRixDQUNBLDZGQUNFLGdDQUNGLENBQ0EsMEZBQ0UsUUFBUyxDQUNULE9BQ0YsQ0FDQSw4R0FDRSxpQ0FDRixDQUNBLDZHQUNFLFlBQ0YsQ0FDQSxnSEFDRSxvQkFDRixDQUVBLG9EQUNFLGlCQUNGLENBRUEsa0VBQ0UsbUNBQ0YsQ0FDQSxvREFJRSxtQ0FBb0MsQ0FGcEMsMENBQTJDLENBTzNDLHFCQUF1QixDQU52QixpQ0FBa0MsQ0FHbEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQU54QyxlQUFnQixDQUloQixvQkFBdUIsQ0FHdkIsaUJBRUYsQ0FDQSx1RUFJRSxrQkFBbUIsQ0FDbkIsY0FBZSxDQUpmLGlCQUFrQixDQUNsQixhQUFjLENBQ2QsU0FBVyxDQUdYLGFBQ0YsQ0FDQSw2RUFDRSxrQkFDRixDQUNBLCtFQUNFLG9CQUNGLENBQ0EsNEVBQ0Usb0JBQ0YiLCJmaWxlIjoiVGV4dGFyZWFXcmFwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRleHRhcmVhLXdyYXBwZXI6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDk1JTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDA7XG4gIGxlZnQ6IDFweDtcbiAgdG9wOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpIHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpIDAgMDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjE1cztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRleHRhcmVhLXdyYXBwZXI6YWZ0ZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udGV4dGFyZWEtd3JhcHBlci5kaXNhYmxlZDphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyLmZvY3VzOmFmdGVyIHtcbiAgbGVmdDogMnB4O1xuICB0b3A6IDJweDtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC50ZXh0YXJlYTphY3RpdmU6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLnRleHRhcmVhOmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC50ZXh0YXJlYTpoYXMoW2RhdGEtaWNvbi1zdGF0dXNdKSB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNXJlbTtcbn1cblxuLnRleHRhcmVhLWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNHJlbTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5lcnJvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIHtcbiAgbWluLWhlaWdodDogNHJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICBwYWRkaW5nOiAwLjVyZW0gMC43NXJlbTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIFtkYXRhLWljb24tc3RhdHVzXSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDEuMjVyZW07XG4gIHRvcDogMC44cmVtO1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGxhYmVsICsgZGl2Om5vdCg6aGFzKGlucHV0KSkgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGxhYmVsICsgZGl2Om5vdCg6aGFzKGlucHV0KSk6aGFzKFtkYXRhLWljb24tc3RhdHVzXSkge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG59Il19 */";
+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","error":"TextareaWrapper-module_error__qXY8L"};
 styleInject(css_248z);
 
 export { classes as default };

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

@@ -1,6 +1,6 @@
 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 */.Wrapper-module_sr-only__07J9x{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Wrapper-module_hidden__lBTar{display:none}.Wrapper-module_slide-in__3o81B{animation:Wrapper-module_slide-in__3o81B .5s forwards}@media (prefers-reduced-motion:reduce){.Wrapper-module_slide-in__3o81B{animation-duration:.1ms}}.Wrapper-module_slide-out__tAJhc{animation:Wrapper-module_slide-out__tAJhc .5s forwards}@media (prefers-reduced-motion:reduce){.Wrapper-module_slide-out__tAJhc{animation-duration:.1ms}}@keyframes Wrapper-module_slide-in__3o81B{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper-module_slide-out__tAJhc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Wrapper-module_floating-wrapper__PvVVd{position:relative}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{font-family:var(--font-family);font-size:1rem;left:.5rem;pointer-events:none;position:absolute;top:1.3125rem;transform-origin:left top;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{transition-duration:.1ms}}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA.Wrapper-module_error__hOLXv{color:var(--error)}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA.Wrapper-module_disabled__vfgBp{color:var(--greyed-out)}.Wrapper-module_form-input-label__Cchjs{color:var(--color-blue-grey900);display:inline-block;font-family:var(--font-family);font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin-bottom:.25rem}.Wrapper-module_form-input-label__Cchjs.Wrapper-module_disabled__vfgBp{color:var(--greyed-out)}.Wrapper-module_wrapper__ply3-+.Wrapper-module_wrapper__ply3-,.Wrapper-module_wrapper__ply3-+fieldset{margin-top:1rem}.Wrapper-module_required__BCbx9:after{color:var(--error);content:\" *\"}@media only screen and (min-width:30em){.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{left:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBQ0UsaUJBQ0YsQ0FDQSw4RUFDRSw4QkFBK0IsQ0FDL0IsY0FBZSxDQUlmLFVBQVksQ0FFWixtQkFBb0IsQ0FMcEIsaUJBQWtCLENBRWxCLGFBQWMsQ0FFZCx5QkFBMEIsQ0FHMUIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FQdkMsU0FRRixDQUNBLHVDQUNFLDhFQUNFLHdCQUNGLENBQ0YsQ0FDQSwwR0FDRSxrQkFDRixDQUNBLDZHQUNFLHVCQUNGLENBRUEsd0NBSUUsK0JBQWdDLENBRWhDLG9CQUFxQixDQUxyQiw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBQ3hDLHNDQUF1QyxDQUV2QyxvQkFFRixDQUNBLHVFQUNFLHVCQUNGLENBRUEsc0dBRUUsZUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQURuQixZQUVGLENBRUEsd0NBQ0UsOEVBQ0UsVUFDRixDQUNGIiwiZmlsZSI6IldyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZsb2F0aW5nLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmxvYXRpbmctd3JhcHBlciAuZmxvYXRpbmctbGFiZWwge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IDFyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbiAgdG9wOiAxLjMxMjVyZW07XG4gIGxlZnQ6IDAuNXJlbTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5mbG9hdGluZy13cmFwcGVyIC5mbG9hdGluZy1sYWJlbCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5mbG9hdGluZy13cmFwcGVyIC5mbG9hdGluZy1sYWJlbC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmxvYXRpbmctd3JhcHBlciAuZmxvYXRpbmctbGFiZWwuZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG5cbi5mb3JtLWlucHV0LWxhYmVsIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuLmZvcm0taW5wdXQtbGFiZWwuZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG5cbi53cmFwcGVyICsgZmllbGRzZXQsXG4ud3JhcHBlciArIC53cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cblxuLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmZsb2F0aW5nLXdyYXBwZXIgLmZsb2F0aW5nLWxhYmVsIHtcbiAgICBsZWZ0OiAwLjVyZW07XG4gIH1cbn0iXX0= */";
+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 */.Wrapper-module_sr-only__07J9x{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Wrapper-module_hidden__lBTar{display:none}.Wrapper-module_slide-in__3o81B{animation:Wrapper-module_slide-in__3o81B .5s forwards}@media (prefers-reduced-motion:reduce){.Wrapper-module_slide-in__3o81B{animation-duration:.1ms}}.Wrapper-module_slide-out__tAJhc{animation:Wrapper-module_slide-out__tAJhc .5s forwards}@media (prefers-reduced-motion:reduce){.Wrapper-module_slide-out__tAJhc{animation-duration:.1ms}}@keyframes Wrapper-module_slide-in__3o81B{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Wrapper-module_slide-out__tAJhc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Wrapper-module_floating-wrapper__PvVVd{position:relative}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{font-family:var(--font-family);font-size:1rem;left:.5rem;pointer-events:none;position:absolute;top:1.3125rem;transform-origin:left top;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:2}@media (prefers-reduced-motion:reduce){.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{transition-duration:.1ms}}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA.Wrapper-module_error__hOLXv{color:var(--error)}.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA.Wrapper-module_disabled__vfgBp{color:var(--greyed-out)}.Wrapper-module_form-input-label__Cchjs{color:var(--color-blue-grey900);display:inline-block;font-family:var(--font-family);font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin-bottom:.25rem}.Wrapper-module_form-input-label__Cchjs.Wrapper-module_disabled__vfgBp{color:var(--greyed-out)}.Wrapper-module_wrapper__ply3-+.Wrapper-module_wrapper__ply3-,.Wrapper-module_wrapper__ply3-+fieldset{margin-top:1rem}.Wrapper-module_required__BCbx9:after{color:var(--error);content:\" *\"}[data-readonlyview=true] label{color:var(--read-only-text-color)}@media only screen and (min-width:30em){.Wrapper-module_floating-wrapper__PvVVd .Wrapper-module_floating-label__k3MJA{left:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBQ0UsaUJBQ0YsQ0FDQSw4RUFDRSw4QkFBK0IsQ0FDL0IsY0FBZSxDQUlmLFVBQVksQ0FFWixtQkFBb0IsQ0FMcEIsaUJBQWtCLENBRWxCLGFBQWMsQ0FFZCx5QkFBMEIsQ0FHMUIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FQdkMsU0FRRixDQUNBLHVDQUNFLDhFQUNFLHdCQUNGLENBQ0YsQ0FDQSwwR0FDRSxrQkFDRixDQUNBLDZHQUNFLHVCQUNGLENBRUEsd0NBSUUsK0JBQWdDLENBRWhDLG9CQUFxQixDQUxyQiw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBQ3hDLHNDQUF1QyxDQUV2QyxvQkFFRixDQUNBLHVFQUNFLHVCQUNGLENBRUEsc0dBRUUsZUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQURuQixZQUVGLENBRUEsK0JBQ0UsaUNBQ0YsQ0FFQSx3Q0FDRSw4RUFDRSxVQUNGLENBQ0YiLCJmaWxlIjoiV3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZmxvYXRpbmctd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5mbG9hdGluZy13cmFwcGVyIC5mbG9hdGluZy1sYWJlbCB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAyO1xuICB0b3A6IDEuMzEyNXJlbTtcbiAgbGVmdDogMC41cmVtO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IHRvcDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZsb2F0aW5nLXdyYXBwZXIgLmZsb2F0aW5nLWxhYmVsIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZsb2F0aW5nLXdyYXBwZXIgLmZsb2F0aW5nLWxhYmVsLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5mbG9hdGluZy13cmFwcGVyIC5mbG9hdGluZy1sYWJlbC5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLmZvcm0taW5wdXQtbGFiZWwge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG4uZm9ybS1pbnB1dC1sYWJlbC5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLndyYXBwZXIgKyBmaWVsZHNldCxcbi53cmFwcGVyICsgLndyYXBwZXIge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuXG4ucmVxdWlyZWQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIiAqXCI7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuZmxvYXRpbmctd3JhcHBlciAuZmxvYXRpbmctbGFiZWwge1xuICAgIGxlZnQ6IDAuNXJlbTtcbiAgfVxufSJdfQ== */";
 var classes = {"sr-only":"Wrapper-module_sr-only__07J9x","hidden":"Wrapper-module_hidden__lBTar","slide-in":"Wrapper-module_slide-in__3o81B","slide-out":"Wrapper-module_slide-out__tAJhc","floating-wrapper":"Wrapper-module_floating-wrapper__PvVVd","floating-label":"Wrapper-module_floating-label__k3MJA","error":"Wrapper-module_error__hOLXv","disabled":"Wrapper-module_disabled__vfgBp","form-input-label":"Wrapper-module_form-input-label__Cchjs","wrapper":"Wrapper-module_wrapper__ply3-","required":"Wrapper-module_required__BCbx9"};
 styleInject(css_248z);
 

package/dist/esm/_BaseStyling_/BaseStyling.esm.js

@@ -199,6 +199,8 @@ const BaseStyling = ({ children, properties = {} }) => {
         fontSizeH4: "1.25rem",
         fontSizeSub: ".75rem",
         fontSizeCode: "1rem",
+        readOnlyBorderColor: "var(--color-blue-grey100)",
+        readOnlyTextColor: "var(--color-blue-grey900)",
         formControlFontSize: "0.875rem", //FIXME: UCL-395
         fontSizeDataGrid: "0.875rem" //FIXME: UCL-395
     };