@onewelcome/react-lib-components 8.12.1 → 8.12.2

package/dist/esm/Form/FormGroup/FormGroup.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classes from './FormGroup.module.scss.esm.js';
 import { FormHelperText } from '../FormHelperText/FormHelperText.esm.js';
 import { Icon } from '../../Icon/Icon.esm.js';
@@ -21,17 +21,17 @@ import { Icon } from '../../Icon/Icon.esm.js';
 /** The empty className property on FormHelperText is on purpose! We want to basically "filter" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */
 const FormGroupComponent = ({ children, className, error, errorMessage, errorId, errorMessageIcon, errorMessageIconPosition = "before", errorMessageProps, helperText, helperId, helperProps, disabled, ...rest }, ref) => {
     const disableHelperText = (helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled) !== undefined ? helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled : disabled;
-    return (React__default.createElement("div", { ...rest, ref: ref, className: `${classes["form-group"]} ${className !== null && className !== void 0 ? className : ""}` },
+    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["form-group"]} ${className !== null && className !== void 0 ? className : ""}` },
         children,
-        (helperText || (errorMessage && error)) && (React__default.createElement("div", { className: `${classes["default-helper"]} ${(helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) ? helperProps.className : ""}` },
-            ((helperText && !error) || (helperText && error && !errorMessage)) && (React__default.createElement(FormHelperText, { ...helperProps, className: "", id: helperId, disabled: disableHelperText }, (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText)),
-            error && errorMessage && (React__default.createElement("span", { ...errorMessageProps, className: `${classes["error-message"]} ${(errorMessageProps === null || errorMessageProps === void 0 ? void 0 : errorMessageProps.className) ? errorMessageProps.className : ""}` },
-                React__default.createElement("span", { id: errorId, className: classes.message },
-                    errorMessageIcon && errorMessageIconPosition === "before" && (React__default.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-before"]}`, icon: errorMessageIcon })),
+        (helperText || (errorMessage && error)) && (React.createElement("div", { className: `${classes["default-helper"]} ${(helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) ? helperProps.className : ""}` },
+            ((helperText && !error) || (helperText && error && !errorMessage)) && (React.createElement(FormHelperText, { ...helperProps, className: "", id: helperId, disabled: disableHelperText }, (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText)),
+            error && errorMessage && (React.createElement("span", { ...errorMessageProps, className: `${classes["error-message"]} ${(errorMessageProps === null || errorMessageProps === void 0 ? void 0 : errorMessageProps.className) ? errorMessageProps.className : ""}` },
+                React.createElement("span", { id: errorId, className: classes.message },
+                    errorMessageIcon && errorMessageIconPosition === "before" && (React.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-before"]}`, icon: errorMessageIcon })),
                     errorMessage,
-                    errorMessageIcon && errorMessageIconPosition === "after" && (React__default.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-after"]}`, icon: errorMessageIcon })))))))));
+                    errorMessageIcon && errorMessageIconPosition === "after" && (React.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-after"]}`, icon: errorMessageIcon })))))))));
 };
-const FormGroup = React__default.forwardRef(FormGroupComponent);
+const FormGroup = React.forwardRef(FormGroupComponent);
 
 export { FormGroup };
 //# sourceMappingURL=FormGroup.esm.js.map

package/dist/esm/Form/FormGroup/FormGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span\n              {...errorMessageProps}\n              className={`${classes[\"error-message\"]} ${errorMessageProps?.className ? errorMessageProps.className : \"\"}`}\n            >\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span\n              {...errorMessageProps}\n              className={`${classes[\"error-message\"]} ${errorMessageProps?.className ? errorMessageProps.className : \"\"}`}\n            >\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/FormGroup/FormGroup.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 */.FormGroup_form-group_zs31Q{position:relative}.FormGroup_error-message_zs31Q{align-items:flex-end;color:var(--error);display:flex}.FormGroup_error-icon_zs31Q{font-size:var(--font-size-big);margin-right:.5rem}.FormGroup_error-icon-before_zs31Q{margin-right:.5rem}.FormGroup_error-icon-after_zs31Q{margin-left:.5rem}.FormGroup_default-helper_zs31Q{font-size:var(--font-size-sub);line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQUNFLGlCQUNGLENBRUEsK0JBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsNEJBRUUsOEJBQStCLENBRC9CLGtCQUVGLENBQ0EsbUNBQ0Usa0JBQ0YsQ0FDQSxrQ0FDRSxpQkFDRixDQUVBLGdDQUNFLDhCQUErQixDQUMvQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xufVxuLmVycm9yLWljb24tYmVmb3JlIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG4uZXJyb3ItaWNvbi1hZnRlciB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG5cbi5kZWZhdWx0LWhlbHBlciB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXN1Yik7XG4gIGxpbmUtaGVpZ2h0OiAxLjMzMzMzMzMzO1xufSJdfQ== */";
-var classes = {"form-group":"FormGroup_form-group_zs31Q","error-message":"FormGroup_error-message_zs31Q","error-icon":"FormGroup_error-icon_zs31Q","error-icon-before":"FormGroup_error-icon-before_zs31Q","error-icon-after":"FormGroup_error-icon-after_zs31Q","default-helper":"FormGroup_default-helper_zs31Q"};
+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 */.FormGroup_form-group_rE09l{position:relative}.FormGroup_error-message_rE09l{align-items:flex-end;color:var(--error);display:flex}.FormGroup_error-icon_rE09l{font-size:var(--font-size-big);margin-right:.5rem}.FormGroup_error-icon-before_rE09l{margin-right:.5rem}.FormGroup_error-icon-after_rE09l{margin-left:.5rem}.FormGroup_default-helper_rE09l{font-size:var(--font-size-sub);line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQUNFLGlCQUNGLENBRUEsK0JBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsNEJBRUUsOEJBQStCLENBRC9CLGtCQUVGLENBQ0EsbUNBQ0Usa0JBQ0YsQ0FDQSxrQ0FDRSxpQkFDRixDQUVBLGdDQUNFLDhCQUErQixDQUMvQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xufVxuLmVycm9yLWljb24tYmVmb3JlIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG4uZXJyb3ItaWNvbi1hZnRlciB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG5cbi5kZWZhdWx0LWhlbHBlciB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXN1Yik7XG4gIGxpbmUtaGVpZ2h0OiAxLjMzMzMzMzMzO1xufSJdfQ== */";
+var classes = {"form-group":"FormGroup_form-group_rE09l","error-message":"FormGroup_error-message_rE09l","error-icon":"FormGroup_error-icon_rE09l","error-icon-before":"FormGroup_error-icon-before_rE09l","error-icon-after":"FormGroup_error-icon-after_rE09l","default-helper":"FormGroup_default-helper_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/FormHelperText/FormHelperText.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classes from './FormHelperText.module.scss.esm.js';
 import { Typography } from '../../Typography/Typography.esm.js';
 
@@ -22,9 +22,9 @@ const FormHelperTextComponent = ({ children, error, disabled, className, ...rest
     error && classNames.push(classes["error"]);
     disabled && classNames.push(classes["disabled"]);
     className && classNames.push(className);
-    return (React__default.createElement(Typography, { ...rest, ref: ref, variant: "sub-text", tag: "div", className: classNames.join(" ") }, children));
+    return (React.createElement(Typography, { ...rest, ref: ref, variant: "sub-text", tag: "div", className: classNames.join(" ") }, children));
 };
-const FormHelperText = React__default.forwardRef(FormHelperTextComponent);
+const FormHelperText = React.forwardRef(FormHelperTextComponent);
 
 export { FormHelperText };
 //# sourceMappingURL=FormHelperText.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.esm.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAYH,MAAM,uBAAuB,GAAoD,CAC/E,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACxD,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjD,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACjD,IAAA,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAExC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,EACzF,QAAQ,CACE,EACb;AACJ,CAAC,CAAC;AAEW,MAAA,cAAc,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB;;;;"}
+{"version":3,"file":"FormHelperText.esm.js","sources":["../../../../../../src/components/Form/FormHelperText/FormHelperText.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./FormHelperText.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { FormElement } from \"../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormElement {\n  children?: ReactNode;\n  disabled?: boolean;\n}\n\nconst FormHelperTextComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, error, disabled, className, ...rest }: Props,\n  ref\n) => {\n  const classNames = [classes[\"form-helper-text\"]];\n  error && classNames.push(classes[\"error\"]);\n  disabled && classNames.push(classes[\"disabled\"]);\n  className && classNames.push(className);\n\n  return (\n    <Typography {...rest} ref={ref} variant=\"sub-text\" tag=\"div\" className={classNames.join(\" \")}>\n      {children}\n    </Typography>\n  );\n};\n\nexport const FormHelperText = React.forwardRef(FormHelperTextComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAYH,MAAM,uBAAuB,GAAoD,CAC/E,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACxD,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjD,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACjD,IAAA,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAExC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,EACzF,QAAQ,CACE,EACb;AACJ,CAAC,CAAC;AAEW,MAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB;;;;"}

package/dist/esm/Form/FormHelperText/FormHelperText.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 */div.FormHelperText_form-helper-text_zs31Q{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText_disabled_zs31Q{color:var(--greyed-out)}div.FormHelperText_error_zs31Q{color:var(--error)}[data-readonlyview=true] div.FormHelperText_form-helper-text_zs31Q{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMENBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLCtCQUNFLGtCQUNGLENBRUEsbUVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */";
-var classes = {"form-helper-text":"FormHelperText_form-helper-text_zs31Q","disabled":"FormHelperText_disabled_zs31Q","error":"FormHelperText_error_zs31Q"};
+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 */div.FormHelperText_form-helper-text_rE09l{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText_disabled_rE09l{color:var(--greyed-out)}div.FormHelperText_error_rE09l{color:var(--error)}[data-readonlyview=true] div.FormHelperText_form-helper-text_rE09l{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMENBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSxrQ0FDRSx1QkFDRixDQUVBLCtCQUNFLGtCQUNGLENBRUEsbUVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */";
+var classes = {"form-helper-text":"FormHelperText_form-helper-text_rE09l","disabled":"FormHelperText_disabled_rE09l","error":"FormHelperText_error_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js

@@ -1,4 +1,4 @@
-import React__default, { createRef } from 'react';
+import React, { createRef } from 'react';
 import { FormHelperText } from '../FormHelperText/FormHelperText.esm.js';
 import classes from './FormSelectorWrapper.module.scss.esm.js';
 
@@ -20,12 +20,12 @@ import classes from './FormSelectorWrapper.module.scss.esm.js';
 const FormSelectorWrapperComponent = ({ children, className, nestedChildren, containerProps, helperProps, error, disabled, helperText, errorMessage, parentErrorId, errorId, identifier, ...rest }, ref) => {
     var _a, _b;
     const helperRef = (_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.ref) !== null && _a !== void 0 ? _a : createRef();
-    return (React__default.createElement("div", { ...rest, ref: ref, className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
-        React__default.createElement("div", { ...containerProps }, children),
-        (errorMessage || helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React__default.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error && errorMessage ? (React__default.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
+    return (React.createElement("div", { ...rest, ref: ref, className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
+        React.createElement("div", { ...containerProps }, children),
+        (errorMessage || helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error && errorMessage ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
         nestedChildren));
 };
-const FormSelectorWrapper = React__default.forwardRef(FormSelectorWrapperComponent);
+const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);
 
 export { FormSelectorWrapper };
 //# sourceMappingURL=FormSelectorWrapper.esm.js.map

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(errorMessage || helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error && errorMessage ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACEA,yCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEFA,cAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,YAAY,IAAI,UAAU,KAAI,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnDA,cAAC,CAAA,aAAA,CAAA,cAAc,OACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAA,EAAG,UAAU,CAAE,CAAA,EACnB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAE,CAAA,EAAA,EAED,KAAK,IAAI,YAAY,IACpBA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EAAA,EACnD,YAAY,CACR,KAEP,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAGA,cAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}
+{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(errorMessage || helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error && errorMessage ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACE,gCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEF,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,YAAY,IAAI,UAAU,KAAI,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnD,KAAC,CAAA,aAAA,CAAA,cAAc,OACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAA,EAAG,UAAU,CAAE,CAAA,EACnB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAE,CAAA,EAAA,EAED,KAAK,IAAI,YAAY,IACpB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EAAA,EACnD,YAAY,CACR,KAEP,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.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 */.FormSelectorWrapper_error_zs31Q input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper_helper-text_zs31Q{margin-left:calc(var(--font-size)*1.75);margin-top:.25rem}.FormSelectorWrapper_error-message_zs31Q{color:var(--error)}.FormSelectorWrapper_disabled_zs31Q input{color:var(--disabled)}.FormSelectorWrapper_disabled_zs31Q input:disabled,.FormSelectorWrapper_disabled_zs31Q label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRDQUdFLGlCQUFrQixDQUZsQiw4QkFBK0IsQ0FDL0IsbUJBQW9CLENBRXBCLGVBQ0YsQ0FFQSx1Q0FFRSx1Q0FBMEMsQ0FEMUMsaUJBRUYsQ0FFQSx5Q0FDRSxrQkFDRixDQUVBLDBDQUNFLHFCQUNGLENBSUEsNkZBQ0Usa0JBQ0YiLCJmaWxlIjoiRm9ybVNlbGVjdG9yV3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDEuNzUgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmVycm9yLW1lc3NhZ2Uge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZGlzYWJsZWQgaW5wdXQge1xuICBjb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuLmRpc2FibGVkIGlucHV0OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5kaXNhYmxlZCBsYWJlbCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59Il19 */";
-var classes = {"error":"FormSelectorWrapper_error_zs31Q","helper-text":"FormSelectorWrapper_helper-text_zs31Q","error-message":"FormSelectorWrapper_error-message_zs31Q","disabled":"FormSelectorWrapper_disabled_zs31Q"};
+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 */.FormSelectorWrapper_error_rE09l input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper_helper-text_rE09l{margin-left:calc(var(--font-size)*1.75);margin-top:.25rem}.FormSelectorWrapper_error-message_rE09l{color:var(--error)}.FormSelectorWrapper_disabled_rE09l input{color:var(--disabled)}.FormSelectorWrapper_disabled_rE09l input:disabled,.FormSelectorWrapper_disabled_rE09l label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRDQUdFLGlCQUFrQixDQUZsQiw4QkFBK0IsQ0FDL0IsbUJBQW9CLENBRXBCLGVBQ0YsQ0FFQSx1Q0FFRSx1Q0FBMEMsQ0FEMUMsaUJBRUYsQ0FFQSx5Q0FDRSxrQkFDRixDQUVBLDBDQUNFLHFCQUNGLENBSUEsNkZBQ0Usa0JBQ0YiLCJmaWxlIjoiRm9ybVNlbGVjdG9yV3JhcHBlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDEuNzUgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cblxuLmVycm9yLW1lc3NhZ2Uge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZGlzYWJsZWQgaW5wdXQge1xuICBjb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuLmRpc2FibGVkIGlucHV0OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5kaXNhYmxlZCBsYWJlbCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59Il19 */";
+var classes = {"error":"FormSelectorWrapper_error_rE09l","helper-text":"FormSelectorWrapper_helper-text_rE09l","error-message":"FormSelectorWrapper_error-message_rE09l","disabled":"FormSelectorWrapper_disabled_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/Input/Input.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import classes from './Input.module.scss.esm.js';
 import readyclasses from '../../src/readyclasses.module.scss.esm.js';
 import { useDetermineStatusIcon } from '../../src/hooks/useDetermineStatusIcon.esm.js';
@@ -32,7 +32,7 @@ const InputComponent = ({ error = false, success = false, className, name, style
     }, []);
     const inputClassNames = [classes["input"]];
     const renderElement = (el) => {
-        return typeof el === "string" ? React__default.createElement("span", null, el) : el;
+        return typeof el === "string" ? React.createElement("span", null, el) : el;
     };
     dateTypes.includes(type) &&
         inputClassNames.push(classes["shrink-width-for-date-icon"]);
@@ -49,9 +49,9 @@ const InputComponent = ({ error = false, success = false, className, name, style
     success && wrapperClasses.push(classes["success"]);
     const icon = useDetermineStatusIcon({ success, error });
     const readOnlyMode = rest["data-readonlyview"];
-    return (React__default.createElement("div", { ref: inputWrapperRef, ...wrapperProps, style: { ...style }, "data-readonlyview": readOnlyMode, className: `${classes["input-wrapper"]} ${wrapperClasses.join(" ")}`, tabIndex: readOnlyMode ? 0 : -1 },
-        prefix && (React__default.createElement("div", { "data-prefix": true, className: classes["prefix"] }, renderElement(prefix))),
-        React__default.createElement("input", { ...rest, ref: ref, "aria-readonly": readOnlyMode, readOnly: readOnlyMode, onFocus: event => {
+    return (React.createElement("div", { ref: inputWrapperRef, ...wrapperProps, style: { ...style }, "data-readonlyview": readOnlyMode, className: `${classes["input-wrapper"]} ${wrapperClasses.join(" ")}`, tabIndex: readOnlyMode ? 0 : -1 },
+        prefix && (React.createElement("div", { "data-prefix": true, className: classes["prefix"] }, renderElement(prefix))),
+        React.createElement("input", { ...rest, ref: ref, "aria-readonly": readOnlyMode, readOnly: readOnlyMode, onFocus: event => {
                 setFocus(true);
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
             }, onBlur: event => {
@@ -59,10 +59,10 @@ const InputComponent = ({ error = false, success = false, className, name, style
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
             }, "aria-labelledby": labeledBy, type: type, name: name, disabled: disabled, className: inputClassNames.join(" "), spellCheck: (_a = rest.spellCheck) !== null && _a !== void 0 ? _a : false, tabIndex: readOnlyMode ? -1 : 0 }),
         icon,
-        suffix && (React__default.createElement("div", { ref: suffixRef, "data-suffix": true, className: classes["suffix"] }, renderElement(suffix))),
-        React__default.createElement("span", { className: outlineClasses.join(" ") })));
+        suffix && (React.createElement("div", { ref: suffixRef, "data-suffix": true, className: classes["suffix"] }, renderElement(suffix))),
+        React.createElement("span", { className: outlineClasses.join(" ") })));
 };
-const Input = withReadOnly(React__default.forwardRef(InputComponent));
+const Input = withReadOnly(React.forwardRef(InputComponent));
 
 export { Input, dateTypes };
 //# sourceMappingURL=Input.esm.js.map

package/dist/esm/Form/Input/Input.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.esm.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Input.esm.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Input/Input.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 */.Input_sr-only_zs31Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input_hidden_zs31Q{display:none}.Input_slide-in_zs31Q{animation:Input_slide-in_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.Input_slide-in_zs31Q{animation-duration:.1ms}}.Input_slide-out_zs31Q{animation:Input_slide-out_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.Input_slide-out_zs31Q{animation-duration:.1ms}}@keyframes Input_slide-in_zs31Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_zs31Q{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 */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input_input-wrapper_zs31Q{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 calc(var(--font-size)*.5);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_input-wrapper_zs31Q{transition-duration:.1ms}}.Input_input-wrapper_zs31Q input:-webkit-autofill,.Input_input-wrapper_zs31Q input:-webkit-autofill:active,.Input_input-wrapper_zs31Q input:-webkit-autofill:focus,.Input_input-wrapper_zs31Q input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_zs31Q input:-webkit-autofill:active~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:focus~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:hover~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill~.Input_outline_zs31Q:after{border-radius:var(--input-border-radius);content:\"\";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input_input-wrapper_zs31Q input:-webkit-autofill:active~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:focus~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:hover~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill~.Input_outline_zs31Q:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input_input-wrapper_zs31Q input:-webkit-autofill:active~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:focus~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill:hover~.Input_outline_zs31Q:after,.Input_input-wrapper_zs31Q input:-webkit-autofill~.Input_outline_zs31Q:after{background-color:#faffbd}}.Input_input-wrapper_zs31Q:hover .Input_outline_zs31Q{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input_input-wrapper_zs31Q .Input_outline_zs31Q.Input_disabled_zs31Q{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input_input-wrapper_zs31Q .Input_outline_zs31Q.Input_error_zs31Q{border-color:var(--error)}.Input_input-wrapper_zs31Q .Input_outline_zs31Q.Input_focus_zs31Q{border-width:var(--input-border-width-focus)}.Input_input-wrapper_zs31Q .Input_outline_zs31Q.Input_focus_zs31Q:not(.Input_error_zs31Q){border-color:var(--color-focus)}.Input_input-wrapper_zs31Q [data-icon-status=error],.Input_input-wrapper_zs31Q [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:var(--icon-font-big);height:100%;justify-content:center;width:calc(var(--font-size)*1.25);z-index:2}.Input_input-wrapper_zs31Q [data-icon-status=error]:before,.Input_input-wrapper_zs31Q [data-icon-status=success]:before{align-items:center;display:flex;font-size:var(--icon-font-big);height:calc(var(--font-size)*1.25);justify-content:center;width:calc(var(--font-size)*1.25)}.Input_input-wrapper_zs31Q [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_zs31Q [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_zs31Q[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_zs31Q[data-readonlyview=true] .Input_Input-module_zs31Q{border-color:var(--read-only-border-color)}.Input_input-wrapper_zs31Q[data-readonlyview=true] span.Input_outline_zs31Q{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input_input-wrapper_zs31Q[data-readonlyview=true] span.Input_outline_zs31Q.Input_focus_zs31Q{border-color:var(--read-only-border-color)}.Input_input-wrapper_zs31Q[data-readonlyview=true]:hover .Input_outline_zs31Q{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input_input_zs31Q{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--input-font-size);height:calc(var(--font-size)*2.75);padding:0;z-index:1}.Input_input_zs31Q:not(.Input_shrink-width-for-date-icon_zs31Q){width:100%}.Input_input_zs31Q:disabled{color:var(--greyed-out);cursor:not-allowed}.Input_input_zs31Q.Input_shrink-width-for-date-icon_zs31Q{width:auto}.Input_input_zs31Q{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_input_zs31Q{transition-duration:.1ms}}.Input_input_zs31Q:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_zs31Q{border-color:var(--read-only-border-color)}.Input_outline_zs31Q{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_outline_zs31Q{transition-duration:.1ms}}.Input_error_zs31Q input{padding-right:calc(var(--font-size)*1.25)}.Input_error_zs31Q input.Input_remove-extra-indent_zs31Q{padding-right:0}.Input_success_zs31Q input{padding-right:calc(var(--font-size)*1.25)}.Input_input-wrapper_zs31Q [data-prefix],.Input_input-wrapper_zs31Q [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_input-wrapper_zs31Q [data-prefix],.Input_input-wrapper_zs31Q [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input_input-wrapper_zs31Q{padding:0 calc(var(--font-size)*.5)}}\n/*# sourceMappingURL=data:application/json;base64,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LHNDQUF1QyxDQUh2QyxTQUlGLENBQ0EsdUNBQ0Usa0ZBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLDJCQUNFLG1DQUNGLENBQ0YiLCJmaWxlIjoiSW5wdXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiB2YXIoLS1pY29uLWZvbnQtYmlnKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1pY29uLWZvbnQtYmlnKTtcbiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgd2lkdGg6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5JbnB1dC1tb2R1bGUge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gc3Bhbi5vdXRsaW5lIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gc3Bhbi5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOmhvdmVyIC5vdXRsaW5lIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuXG4uaW5wdXQge1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IGNhbGMoMi43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1pbnB1dC1mb250LXNpemUpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbn1cbi5pbnB1dDpub3QoLnNocmluay13aWR0aC1mb3ItZGF0ZS1pY29uKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmlucHV0OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmlucHV0LnNocmluay13aWR0aC1mb3ItZGF0ZS1pY29uIHtcbiAgd2lkdGg6IGF1dG87XG59XG4uaW5wdXQge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuLmVycm9yIGlucHV0LnJlbW92ZS1leHRyYS1pbmRlbnQge1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xufVxuXG4uc3VjY2VzcyBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB9XG59Il19 */";
-var classes = {"sr-only":"Input_sr-only_zs31Q","hidden":"Input_hidden_zs31Q","slide-in":"Input_slide-in_zs31Q","slide-out":"Input_slide-out_zs31Q","input-wrapper":"Input_input-wrapper_zs31Q","outline":"Input_outline_zs31Q","disabled":"Input_disabled_zs31Q","error":"Input_error_zs31Q","focus":"Input_focus_zs31Q","Input-module":"Input_Input-module_zs31Q","input":"Input_input_zs31Q","shrink-width-for-date-icon":"Input_shrink-width-for-date-icon_zs31Q","remove-extra-indent":"Input_remove-extra-indent_zs31Q","success":"Input_success_zs31Q"};
+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 */.Input_sr-only_rE09l{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input_hidden_rE09l{display:none}.Input_slide-in_rE09l{animation:Input_slide-in_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.Input_slide-in_rE09l{animation-duration:.1ms}}.Input_slide-out_rE09l{animation:Input_slide-out_rE09l .5s forwards}@media (prefers-reduced-motion:reduce){.Input_slide-out_rE09l{animation-duration:.1ms}}@keyframes Input_slide-in_rE09l{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_rE09l{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 */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input_input-wrapper_rE09l{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 calc(var(--font-size)*.5);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_input-wrapper_rE09l{transition-duration:.1ms}}.Input_input-wrapper_rE09l input:-webkit-autofill,.Input_input-wrapper_rE09l input:-webkit-autofill:active,.Input_input-wrapper_rE09l input:-webkit-autofill:focus,.Input_input-wrapper_rE09l input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_rE09l input:-webkit-autofill:active~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:focus~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:hover~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill~.Input_outline_rE09l:after{border-radius:var(--input-border-radius);content:\"\";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input_input-wrapper_rE09l input:-webkit-autofill:active~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:focus~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:hover~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill~.Input_outline_rE09l:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input_input-wrapper_rE09l input:-webkit-autofill:active~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:focus~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill:hover~.Input_outline_rE09l:after,.Input_input-wrapper_rE09l input:-webkit-autofill~.Input_outline_rE09l:after{background-color:#faffbd}}.Input_input-wrapper_rE09l:hover .Input_outline_rE09l{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input_input-wrapper_rE09l .Input_outline_rE09l.Input_disabled_rE09l{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input_input-wrapper_rE09l .Input_outline_rE09l.Input_error_rE09l{border-color:var(--error)}.Input_input-wrapper_rE09l .Input_outline_rE09l.Input_focus_rE09l{border-width:var(--input-border-width-focus)}.Input_input-wrapper_rE09l .Input_outline_rE09l.Input_focus_rE09l:not(.Input_error_rE09l){border-color:var(--color-focus)}.Input_input-wrapper_rE09l [data-icon-status=error],.Input_input-wrapper_rE09l [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:var(--icon-font-big);height:100%;justify-content:center;width:calc(var(--font-size)*1.25);z-index:2}.Input_input-wrapper_rE09l [data-icon-status=error]:before,.Input_input-wrapper_rE09l [data-icon-status=success]:before{align-items:center;display:flex;font-size:var(--icon-font-big);height:calc(var(--font-size)*1.25);justify-content:center;width:calc(var(--font-size)*1.25)}.Input_input-wrapper_rE09l [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_rE09l [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_rE09l[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_rE09l[data-readonlyview=true] .Input_Input-module_rE09l{border-color:var(--read-only-border-color)}.Input_input-wrapper_rE09l[data-readonlyview=true] span.Input_outline_rE09l{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input_input-wrapper_rE09l[data-readonlyview=true] span.Input_outline_rE09l.Input_focus_rE09l{border-color:var(--read-only-border-color)}.Input_input-wrapper_rE09l[data-readonlyview=true]:hover .Input_outline_rE09l{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input_input_rE09l{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--input-font-size);height:calc(var(--font-size)*2.75);padding:0;z-index:1}.Input_input_rE09l:not(.Input_shrink-width-for-date-icon_rE09l){width:100%}.Input_input_rE09l:disabled{color:var(--greyed-out);cursor:not-allowed}.Input_input_rE09l.Input_shrink-width-for-date-icon_rE09l{width:auto}.Input_input_rE09l{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_input_rE09l{transition-duration:.1ms}}.Input_input_rE09l:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_rE09l{border-color:var(--read-only-border-color)}.Input_outline_rE09l{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_outline_rE09l{transition-duration:.1ms}}.Input_error_rE09l input{padding-right:calc(var(--font-size)*1.25)}.Input_error_rE09l input.Input_remove-extra-indent_rE09l{padding-right:0}.Input_success_rE09l input{padding-right:calc(var(--font-size)*1.25)}.Input_input-wrapper_rE09l [data-prefix],.Input_input-wrapper_rE09l [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_input-wrapper_rE09l [data-prefix],.Input_input-wrapper_rE09l [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input_input-wrapper_rE09l{padding:0 calc(var(--font-size)*.5)}}\n/*# sourceMappingURL=data:application/json;base64,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LHNDQUF1QyxDQUh2QyxTQUlGLENBQ0EsdUNBQ0Usa0ZBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLDJCQUNFLG1DQUNGLENBQ0YiLCJmaWxlIjoiSW5wdXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiBjYWxjKDEuMjUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiB2YXIoLS1pY29uLWZvbnQtYmlnKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1pY29uLWZvbnQtYmlnKTtcbiAgaGVpZ2h0OiBjYWxjKDEuMjUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgd2lkdGg6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5JbnB1dC1tb2R1bGUge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gc3Bhbi5vdXRsaW5lIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gc3Bhbi5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOmhvdmVyIC5vdXRsaW5lIHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuXG4uaW5wdXQge1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IGNhbGMoMi43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1pbnB1dC1mb250LXNpemUpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbn1cbi5pbnB1dDpub3QoLnNocmluay13aWR0aC1mb3ItZGF0ZS1pY29uKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmlucHV0OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmlucHV0LnNocmluay13aWR0aC1mb3ItZGF0ZS1pY29uIHtcbiAgd2lkdGg6IGF1dG87XG59XG4uaW5wdXQge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuLmVycm9yIGlucHV0LnJlbW92ZS1leHRyYS1pbmRlbnQge1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xufVxuXG4uc3VjY2VzcyBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMS4yNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB9XG59Il19 */";
+var classes = {"sr-only":"Input_sr-only_rE09l","hidden":"Input_hidden_rE09l","slide-in":"Input_slide-in_rE09l","slide-out":"Input_slide-out_rE09l","input-wrapper":"Input_input-wrapper_rE09l","outline":"Input_outline_rE09l","disabled":"Input_disabled_rE09l","error":"Input_error_rE09l","focus":"Input_focus_rE09l","Input-module":"Input_Input-module_rE09l","input":"Input_input_rE09l","shrink-width-for-date-icon":"Input_shrink-width-for-date-icon_rE09l","remove-extra-indent":"Input_remove-extra-indent_rE09l","success":"Input_success_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/Label/Label.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classes from './Label.module.scss.esm.js';
 import readyclasses from '../../src/readyclasses.module.scss.esm.js';
 
@@ -18,9 +18,9 @@ import readyclasses from '../../src/readyclasses.module.scss.esm.js';
  *    limitations under the License.
  */
 const LabelComponent = ({ children, className, hidden = false, ...rest }, ref) => {
-    return (React__default.createElement("label", { ...rest, ref: ref, className: `${hidden ? readyclasses["sr-only"] : ""} ${classes["label"]} ${className !== null && className !== void 0 ? className : ""}` }, children));
+    return (React.createElement("label", { ...rest, ref: ref, className: `${hidden ? readyclasses["sr-only"] : ""} ${classes["label"]} ${className !== null && className !== void 0 ? className : ""}` }, children));
 };
-const Label = React__default.forwardRef(LabelComponent);
+const Label = React.forwardRef(LabelComponent);
 
 export { Label };
 //# sourceMappingURL=Label.esm.js.map

package/dist/esm/Form/Label/Label.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.esm.js","sources":["../../../../../../src/components/Form/Label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAUH,MAAM,cAAc,GAAsD,CACxE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,QACEA,cACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,EAAG,MAAM,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,OAAO,CAAC,OAAO,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAA,CAAE,IAE3F,QAAQ,CACH,EACR;AACJ,CAAC,CAAC;AAEW,MAAA,KAAK,GAAGA,cAAK,CAAC,UAAU,CAAC,cAAc;;;;"}
+{"version":3,"file":"Label.esm.js","sources":["../../../../../../src/components/Form/Label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n  children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n  { children, className, hidden = false, ...rest }: Props,\n  ref\n) => {\n  return (\n    <label\n      {...rest}\n      ref={ref}\n      className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n    >\n      {children}\n    </label>\n  );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAUH,MAAM,cAAc,GAAsD,CACxE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,QACE,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,EAAG,MAAM,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,OAAO,CAAC,OAAO,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAA,CAAE,IAE3F,QAAQ,CACH,EACR;AACJ,CAAC,CAAC;AAEW,MAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc;;;;"}

package/dist/esm/Form/Label/Label.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 */.Label_label_zs31Q{color:var(--greyed-out);cursor:text;font-size:var(--font-size)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUJBRUUsdUJBQXdCLENBRHhCLFdBQVksQ0FFWiwwQkFDRiIsImZpbGUiOiJMYWJlbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubGFiZWwge1xuICBjdXJzb3I6IHRleHQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xufSJdfQ== */";
-var classes = {"label":"Label_label_zs31Q"};
+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 */.Label_label_rE09l{color:var(--greyed-out);cursor:text;font-size:var(--font-size)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUJBRUUsdUJBQXdCLENBRHhCLFdBQVksQ0FFWiwwQkFDRiIsImZpbGUiOiJMYWJlbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubGFiZWwge1xuICBjdXJzb3I6IHRleHQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xufSJdfQ== */";
+var classes = {"label":"Label_label_rE09l"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/Radio/Radio.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Icon, Icons } from '../../Icon/Icon.esm.js';
 import classes from './Radio.module.scss.esm.js';
 import { useFormSelector } from '../../src/hooks/useFormSelector.esm.js';
@@ -50,13 +50,13 @@ const RadioComponent = ({ children, disabled, className, value, name, helperText
     disabled &&
         checkedRadioClasses.push(classes["disabled"]) &&
         uncheckedRadioClasses.push(classes["disabled"]);
-    return (React__default.createElement(FormSelectorWrapper, { ...formSelectorWrapperProps, className: `${classes["radio-wrapper"]} ${className !== null && className !== void 0 ? className : ""}`, containerProps: { className: classes["radio-container"] }, helperText: helperText, helperProps: helperProps, parentErrorId: parentErrorId, errorId: errorId, errorMessage: errorMessage, error: error, disabled: disabled, identifier: identifier },
-        React__default.createElement("input", { ...rest, ref: ref, disabled: disabled, tabIndex: 0, className: nativeInputClasses.join(" "), onChange: onChangeHandler, checked: checked, "aria-checked": checked, "aria-describedby": describedBy, name: name, value: value, id: `${identifier}-radio`, type: "radio" }),
-        checked && React__default.createElement(Icon, { className: checkedRadioClasses.join(" "), icon: Icons.Radio }),
-        !checked && React__default.createElement(Icon, { className: uncheckedRadioClasses.join(" "), icon: Icons.Circle }),
-        React__default.createElement("label", { onClick: onChangeHandler, htmlFor: `${identifier}-radio` }, children)));
+    return (React.createElement(FormSelectorWrapper, { ...formSelectorWrapperProps, className: `${classes["radio-wrapper"]} ${className !== null && className !== void 0 ? className : ""}`, containerProps: { className: classes["radio-container"] }, helperText: helperText, helperProps: helperProps, parentErrorId: parentErrorId, errorId: errorId, errorMessage: errorMessage, error: error, disabled: disabled, identifier: identifier },
+        React.createElement("input", { ...rest, ref: ref, disabled: disabled, tabIndex: 0, className: nativeInputClasses.join(" "), onChange: onChangeHandler, checked: checked, "aria-checked": checked, "aria-describedby": describedBy, name: name, value: value, id: `${identifier}-radio`, type: "radio" }),
+        checked && React.createElement(Icon, { className: checkedRadioClasses.join(" "), icon: Icons.Radio }),
+        !checked && React.createElement(Icon, { className: uncheckedRadioClasses.join(" "), icon: Icons.Circle }),
+        React.createElement("label", { onClick: onChangeHandler, htmlFor: `${identifier}-radio` }, children)));
 };
-const Radio = withReadOnly(React__default.forwardRef(RadioComponent));
+const Radio = withReadOnly(React.forwardRef(RadioComponent));
 
 export { Radio };
 //# sourceMappingURL=Radio.esm.js.map

package/dist/esm/Form/Radio/Radio.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.esm.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":["React"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAqBH,MAAM,cAAc,GAAsD,CACxE,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC;QAC3D,IAAI;QACJ,UAAU;QACV,aAAa;QACb,YAAY;QACZ,KAAK;QACL,cAAc;AACf,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAAG,CACtB,KAAmF,KACjF;QACF,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;;;AAGD,QAAA,MAAM,WAAW,GAAQ,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;AACpD,QAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAE/E,QAAA,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;AAC3C,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACxB,SAAA,CAAC,CAAC;AAEH,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,WAAW,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AACrD,IAAA,MAAM,mBAAmB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE,IAAA,MAAM,qBAAqB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,KAAK,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,QAAQ;AACN,QAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7C,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAElD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAA,GACd,wBAAwB,EAC5B,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,eAAe,CAAC,CAAI,CAAA,EAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAC3D,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAE,EACzD,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EAAA;QAEtBA,cACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EACvC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,EAAA,kBAAA,EACH,WAAW,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,CAAG,EAAA,UAAU,QAAQ,EACzB,IAAI,EAAC,OAAO,EACZ,CAAA;AAED,QAAA,OAAO,IAAIA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA;AAChF,QAAA,CAAC,OAAO,IAAIA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAI,CAAA;AAErF,QAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,CAAA,EAAG,UAAU,CAAA,MAAA,CAAQ,EAC5D,EAAA,QAAQ,CACH,CACY,EACtB;AACJ,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,YAAY,CAACA,cAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;"}
+{"version":3,"file":"Radio.esm.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  children: string;\n  value: string;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    disabled,\n    className,\n    value,\n    name,\n    helperText,\n    parentErrorId,\n    parentHelperId,\n    error,\n    errorMessage,\n    checked = false,\n    formSelectorWrapperProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n  ) => {\n    if (disabled) {\n      return;\n    }\n    /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const nativeEvent: any = event.nativeEvent || event;\n    const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n    Object.defineProperty(clonedEvent, \"target\", {\n      writable: true,\n      value: { value: value }\n    });\n\n    onChange?.(clonedEvent);\n  };\n\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n  const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled &&\n    checkedRadioClasses.push(classes[\"disabled\"]) &&\n    uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n      containerProps={{ className: classes[\"radio-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        tabIndex={0}\n        className={nativeInputClasses.join(\" \")}\n        onChange={onChangeHandler}\n        checked={checked}\n        aria-checked={checked}\n        aria-describedby={describedBy}\n        name={name}\n        value={value}\n        id={`${identifier}-radio`}\n        type=\"radio\"\n      />\n\n      {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n      {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n      <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n        {children}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAqBH,MAAM,cAAc,GAAsD,CACxE,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,aAAa,EACb,cAAc,EACd,KAAK,EACL,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,wBAAwB,EACxB,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC;QAC3D,IAAI;QACJ,UAAU;QACV,aAAa;QACb,YAAY;QACZ,KAAK;QACL,cAAc;AACf,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAAG,CACtB,KAAmF,KACjF;QACF,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;;;AAGD,QAAA,MAAM,WAAW,GAAQ,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;AACpD,QAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAE/E,QAAA,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;AAC3C,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACxB,SAAA,CAAC,CAAC;AAEH,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,WAAW,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AACrD,IAAA,MAAM,mBAAmB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE,IAAA,MAAM,qBAAqB,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,KAAK,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,QAAQ;AACN,QAAA,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC7C,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAElD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAAA,GACd,wBAAwB,EAC5B,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,eAAe,CAAC,CAAI,CAAA,EAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAC3D,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAE,EACzD,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EAAA;QAEtB,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EACvC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,OAAO,EAAA,kBAAA,EACH,WAAW,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,CAAG,EAAA,UAAU,QAAQ,EACzB,IAAI,EAAC,OAAO,EACZ,CAAA;AAED,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA;AAChF,QAAA,CAAC,OAAO,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAI,CAAA;AAErF,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,CAAA,EAAG,UAAU,CAAA,MAAA,CAAQ,EAC5D,EAAA,QAAQ,CACH,CACY,EACtB;AACJ,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;"}