@onewelcome/react-lib-components 6.7.1 → 7.1.0

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  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    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 className={classes[\"error-message\"]}>\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":["FormGroupComponent","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","undefined","React","classes","createElement","FormHelperText","id","message","Icon","icon","FormGroup","forwardRef"],"mappings":"qLAoCA,MAAMA,EAAsE,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,GAAoBJ,IAAW,MAAXA,SAAW,OAAA,EAAXA,EAAaC,iBAAaI,EAAYL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaC,SAAWA,EAExF,OACEK,0BAASJ,EAAMC,IAAKA,EAAKX,UAAW,GAAGe,EAAQ,iBAAiBf,IAAS,MAATA,SAAA,EAAAA,EAAa,MAC1ED,GAECO,GAAeJ,GAAgBD,IAC/Ba,uBACEd,UAAW,GAAGe,EAAQ,sBACpBP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaR,WAAYQ,EAAYR,UAAY,OAGhDM,IAAeL,GAAWK,GAAcL,IAAUC,IACnDY,EAAAE,cAACC,EAAc,IACTT,EACJR,UAAW,GACXkB,GAAIX,EACJE,SAAUG,IAETJ,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaT,WAAYO,GAG7BL,GAASC,GACRY,EAAAE,cAAA,OAAA,CAAMhB,UAAWe,EAAQ,kBACvBD,EAAME,cAAA,OAAA,CAAAE,GAAIf,EAASH,UAAWe,EAAQI,SACnCf,GAAoBC,IAA6B,UAChDS,EAAAE,cAACI,EAAI,CACHpB,UAAW,GAAGe,EAAQ,iBAAiBA,EAAQ,uBAC/CM,KAAMjB,IAGTF,EACAE,GAAoBC,IAA6B,SAChDS,EAAAE,cAACI,EAAI,CACHpB,UAAW,GAAGe,EAAQ,iBAAiBA,EAAQ,sBAC/CM,KAAMjB,OAStB,EAGS,MAAAkB,EAAYR,EAAMS,WAAWzB"}
+{"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  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    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 className={classes[\"error-message\"]}>\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":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAEH;AAoBA,MAAM,kBAAkB,GAAoD,CAC1E,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,wBAAwB,GAAG,QAAQ,EACnC,UAAU,EACV,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,MAAK,SAAS,GAAG,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,GAAG,QAAQ,CAAC;IAEjG,QACE,gCAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAC9E,QAAQ;AAER,QAAA,CAAC,UAAU,KAAK,YAAY,IAAI,KAAK,CAAC,MACrC,6BACE,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CACrC,CAAA,EAAA,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,IAAG,WAAW,CAAC,SAAS,GAAG,EACnD,CAAE,CAAA,EAAA;YAED,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,MAAM,UAAU,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,MAChE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,iBAAiB,EAAA,EAE1B,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,KAAI,UAAU,CACrB,CAClB;YACA,KAAK,IAAI,YAAY,KACpB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;gBACvC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,EAAA;oBAC1C,gBAAgB,IAAI,wBAAwB,KAAK,QAAQ,KACxD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,mBAAmB,CAAC,CAAE,CAAA,EACrE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH;oBACA,YAAY;AACZ,oBAAA,gBAAgB,IAAI,wBAAwB,KAAK,OAAO,KACvD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,kBAAkB,CAAC,CAAA,CAAE,EACpE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH,CACI,CACF,CACR,CACG,CACP,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormGroup-module_form-group__zY2Pc{position:relative}.FormGroup-module_error-message__OftB-{align-items:flex-end;color:var(--error);display:flex}.FormGroup-module_error-icon__kwXNX{font-size:1.25rem;margin-right:.5rem}.FormGroup-module_error-icon-before__tbw62{margin-right:.5rem}.FormGroup-module_error-icon-after__LjCEe{margin-left:.5rem}.FormGroup-module_default-helper__xoVsQ{font-size:.75rem;line-height:1.33333333}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Hcm91cC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQUNFLGlCQUNGLENBRUEsdUNBR0Usb0JBQXFCLENBRnJCLGtCQUFtQixDQUNuQixZQUVGLENBRUEsb0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBQ0EsMkNBQ0Usa0JBQ0YsQ0FDQSwwQ0FDRSxpQkFDRixDQUVBLHdDQUNFLGdCQUFrQixDQUNsQixzQkFDRiIsImZpbGUiOiJGb3JtR3JvdXAubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZvcm0tZ3JvdXAge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xufVxuXG4uZXJyb3ItaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uZXJyb3ItaWNvbi1iZWZvcmUge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5lcnJvci1pY29uLWFmdGVyIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmRlZmF1bHQtaGVscGVyIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBsaW5lLWhlaWdodDogMS4zMzMzMzMzMztcbn0iXX0= */";
+var classes = {"form-group":"FormGroup-module_form-group__zY2Pc","error-message":"FormGroup-module_error-message__OftB-","error-icon":"FormGroup-module_error-icon__kwXNX","error-icon-before":"FormGroup-module_error-icon-before__tbw62","error-icon-after":"FormGroup-module_error-icon-after__LjCEe","default-helper":"FormGroup-module_default-helper__xoVsQ"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=FormGroup.module.scss.esm.js.map

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

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

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

@@ -1,2 +1,30 @@
-import r from"react";import e from"./FormHelperText.module.esm.js";import{Typography as o}from"../../Typography/Typography.esm.js";const t=({children:t,error:s,disabled:a,className:m,...p},i)=>{const l=[e["form-helper-text"]];s&&l.push(e["error"]);a&&l.push(e["disabled"]);m&&l.push(m);return r.createElement(o,{...p,ref:i,variant:"sub-text",tag:"div",className:l.join(" ")},t)};const s=r.forwardRef(t);export{s as FormHelperText};
+import React from 'react';
+import classes from './FormHelperText.module.scss.esm.js';
+import { Typography } from '../../Typography/Typography.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const FormHelperTextComponent = ({ children, error, disabled, className, ...rest }, ref) => {
+    const classNames = [classes["form-helper-text"]];
+    error && classNames.push(classes["error"]);
+    disabled && classNames.push(classes["disabled"]);
+    className && classNames.push(className);
+    return (React.createElement(Typography, { ...rest, ref: ref, variant: "sub-text", tag: "div", className: classNames.join(" ") }, children));
+};
+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":["FormHelperTextComponent","children","error","disabled","className","rest","ref","classNames","classes","push","React","createElement","Typography","variant","tag","join","FormHelperText","forwardRef"],"mappings":"mIA0BA,MAAMA,EAA2E,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,EAAQ,qBAC5BN,GAASK,EAAWE,KAAKD,EAAQ,UACjCL,GAAYI,EAAWE,KAAKD,EAAQ,aACpCJ,GAAaG,EAAWE,KAAKL,GAE7B,OACEM,EAAAC,cAACC,EAAU,IAAKP,EAAMC,IAAKA,EAAKO,QAAQ,WAAWC,IAAI,MAAMV,UAAWG,EAAWQ,KAAK,MACrFd,EAEH,EAGS,MAAAe,EAAiBN,EAAMO,WAAWjB"}
+{"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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhlbHBlci10ZXh0LWNvbG9yKTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuXG5kaXYuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */";
+var classes = {"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K","disabled":"FormHelperText-module_disabled__zvbtp","error":"FormHelperText-module_error__cTlPz"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=FormHelperText.module.scss.esm.js.map

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

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

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

@@ -1,2 +1,31 @@
-import e,{createRef as r}from"react";import{FormHelperText as o}from"../FormHelperText/FormHelperText.esm.js";import l from"./FormSelectorWrapper.module.esm.js";const d=({children:d,className:i,nestedChildren:s,containerProps:t,helperProps:a,error:n,disabled:m,helperText:c,errorMessage:p,parentErrorId:v,errorId:f,identifier:u,...h},$)=>{var x,E;const N=(x=a===null||a===void 0?void 0:a.ref)!==null&&x!==void 0?x:r();return e.createElement("div",{...h,ref:$,className:`${n?l["error"]:""} ${m?l["disabled"]:""} ${i!==null&&i!==void 0?i:""}`},e.createElement("div",{...t},d),(c||(a===null||a===void 0?void 0:a.children))&&e.createElement(o,{...a,ref:N,id:`${u}`,className:`${l["helper-text"]} ${(E=a===null||a===void 0?void 0:a.className)!==null&&E!==void 0?E:""} ${n?l["error"]:""}`},n?e.createElement("span",{className:l["error-message"],id:f},p):(a===null||a===void 0?void 0:a.children)||c),s)};const i=e.forwardRef(d);export{i as FormSelectorWrapper};
+import React, { createRef } from 'react';
+import { FormHelperText } from '../FormHelperText/FormHelperText.esm.js';
+import classes from './FormSelectorWrapper.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const 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.createElement("div", { ...rest, ref: ref, className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
+        React.createElement("div", { ...containerProps }, children),
+        (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 ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
+        nestedChildren));
+};
+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      {(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 ? (\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":["FormSelectorWrapperComponent","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","errorMessage","parentErrorId","errorId","identifier","rest","ref","helperRef","_a","createRef","React","classes","createElement","FormHelperText","id","_b","FormSelectorWrapper","forwardRef"],"mappings":"iKAqCA,MAAMA,EAAgF,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,eACAC,gBACAC,UACAC,gBACGC,GAELC,aAEA,MAAMC,GAAYC,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAaS,OAAO,MAAAE,SAAA,EAAAA,EAAAC,IAEtC,OACEC,0BACML,EACJC,IAAKA,EACLZ,UAAW,GAAGI,EAAQa,EAAQ,SAAW,MAAMZ,EAAWY,EAAQ,YAAc,MAC9EjB,IAAA,MAAAA,WAAAA,EAAa,MAGfgB,EAASE,cAAA,MAAA,IAAAhB,GAAiBH,IACxBO,IAAcH,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaJ,YAC3BiB,gBAACG,EAAc,IACThB,EACJS,IAAKC,EACLO,GAAI,GAAGV,IACPV,UAAW,GAAGiB,EAAQ,mBAAkBI,EAAAlB,UAAAA,SAAW,OAAA,EAAXA,EAAaH,aAAa,MAAAqB,SAAA,EAAAA,EAAA,MAChEjB,EAAQa,EAAQ,SAAW,MAG5Bb,EACCY,wBAAMhB,UAAWiB,EAAQ,iBAAkBG,GAAIX,GAC5CF,IAGHJ,IAAA,MAAAA,kBAAAA,EAAaJ,WAAYO,GAI9BL,EAEH,EAGS,MAAAqB,EAAsBN,EAAMO,WAAWzB"}
+{"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      {(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 ? (\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,UAAU,KAAI,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnC,oBAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAG,EAAA,UAAU,EAAE,EACnB,SAAS,EAAE,CAAG,EAAA,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,CAAA,CAAE,IAED,KAAK,IACJ,8BAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EACnD,EAAA,YAAY,CACR,KAEP,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormSelectorWrapper-module_error__QfvpX input+span{border-radius:2px;outline:var(--error) solid 1px;outline-offset:-1px;overflow:hidden}.FormSelectorWrapper-module_helper-text__uXsbs{margin-left:1.75rem;margin-top:.25rem}.FormSelectorWrapper-module_error-message__6olsK{color:var(--error)}.FormSelectorWrapper-module_disabled__hlvKT input{color:var(--disabled)}.FormSelectorWrapper-module_disabled__hlvKT input:disabled,.FormSelectorWrapper-module_disabled__hlvKT label{cursor:not-allowed}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvREFHRSxpQkFBa0IsQ0FGbEIsOEJBQStCLENBQy9CLG1CQUFvQixDQUVwQixlQUNGLENBRUEsK0NBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsaURBQ0Usa0JBQ0YsQ0FFQSxrREFDRSxxQkFDRixDQUlBLDZHQUNFLGtCQUNGIiwiZmlsZSI6IkZvcm1TZWxlY3RvcldyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmVycm9yIGlucHV0ICsgc3BhbiB7XG4gIG91dGxpbmU6IHZhcigtLWVycm9yKSBzb2xpZCAxcHg7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZWxwZXItdGV4dCB7XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAxLjc1cmVtO1xufVxuXG4uZXJyb3ItbWVzc2FnZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5kaXNhYmxlZCBpbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4uZGlzYWJsZWQgaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmRpc2FibGVkIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn0iXX0= */";
+var classes = {"error":"FormSelectorWrapper-module_error__QfvpX","helper-text":"FormSelectorWrapper-module_helper-text__uXsbs","error-message":"FormSelectorWrapper-module_error-message__6olsK","disabled":"FormSelectorWrapper-module_disabled__hlvKT"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=FormSelectorWrapper.module.scss.esm.js.map

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

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

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

@@ -1,2 +1,66 @@
-import e,{useState as s,useRef as r,useEffect as t}from"react";import a from"./Input.module.esm.js";import o from"../../src/readyclasses.module.esm.js";import{useDetermineStatusIcon as l}from"../../src/hooks/useDetermineStatusIcon.esm.js";const n=["date","time","datetime-local"];const u=({error:u=false,success:i=false,className:c,name:p,style:d,wrapperProps:m,type:f,labeledBy:h,prefix:v,suffix:x,disabled:y,onFocus:b,onBlur:N,...w},E)=>{var j;const[k,B]=s(false);const I=r(null);const g=r(null);t((()=>{if(p===void 0)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const C=[a["input"]];const F=s=>typeof s==="string"?e.createElement("span",null,s):s;n.includes(f)&&C.push(a["shrink-width-for-date-icon"]);c&&C.push(c);const P=[a["input-wrapper"]];const $=[a["outline"]];(m===null||m===void 0?void 0:m.className)&&P.push(m.className);f==="hidden"&&P.push(o["hidden"]);v&&P.push(a["prefix"]);x&&P.push(a["suffix"]);y&&P.push(a["disabled"])&&$.push(a["disabled"]);u&&P.push(a["error"])&&$.push(a["error"]);k&&P.push(a["focus"])&&$.push(a["focus"]);i&&P.push(a["success"]);const D=l({success:i,error:u});return e.createElement("div",{ref:I,...m,style:{...d},className:`${a["input-wrapper"]} ${P.join(" ")}`},v&&e.createElement("div",{"data-prefix":true,className:a["prefix"]},F(v)),e.createElement("input",{...w,ref:E,onFocus:e=>{B(true);b===null||b===void 0?void 0:b(e)},onBlur:e=>{B(false);N===null||N===void 0?void 0:N(e)},"aria-labelledby":h,type:f,name:p,disabled:y,className:C.join(" "),spellCheck:(j=w.spellCheck)!==null&&j!==void 0?j:false}),D,x&&e.createElement("div",{ref:g,"data-suffix":true,className:a["suffix"]},F(x)),e.createElement("span",{className:$.join(" ")}))};const i=e.forwardRef(u);export{i as Input,n as dateTypes};
+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';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const dateTypes = ["date", "time", "datetime-local"];
+const InputComponent = ({ error = false, success = false, className, name, style, wrapperProps, type, labeledBy, prefix, suffix, disabled, onFocus, onBlur, ...rest }, ref) => {
+    var _a;
+    const [focus, setFocus] = useState(false);
+    const inputWrapperRef = useRef(null);
+    const suffixRef = useRef(null);
+    useEffect(() => {
+        if (name === undefined) {
+            throw new Error("Please give your <Input /> component a 'name' attribute");
+        }
+    }, []);
+    const inputClassNames = [classes["input"]];
+    const renderElement = (el) => {
+        return typeof el === "string" ? React.createElement("span", null, el) : el;
+    };
+    dateTypes.includes(type) &&
+        inputClassNames.push(classes["shrink-width-for-date-icon"]);
+    className && inputClassNames.push(className);
+    const wrapperClasses = [classes["input-wrapper"]];
+    const outlineClasses = [classes["outline"]];
+    (wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.className) && wrapperClasses.push(wrapperProps.className);
+    type === "hidden" && wrapperClasses.push(readyclasses["hidden"]);
+    prefix && wrapperClasses.push(classes["prefix"]);
+    suffix && wrapperClasses.push(classes["suffix"]);
+    disabled && wrapperClasses.push(classes["disabled"]) && outlineClasses.push(classes["disabled"]);
+    error && wrapperClasses.push(classes["error"]) && outlineClasses.push(classes["error"]);
+    focus && wrapperClasses.push(classes["focus"]) && outlineClasses.push(classes["focus"]);
+    success && wrapperClasses.push(classes["success"]);
+    const icon = useDetermineStatusIcon({ success, error });
+    return (React.createElement("div", { ref: inputWrapperRef, ...wrapperProps, style: { ...style }, className: `${classes["input-wrapper"]} ${wrapperClasses.join(" ")}` },
+        prefix && (React.createElement("div", { "data-prefix": true, className: classes["prefix"] }, renderElement(prefix))),
+        React.createElement("input", { ...rest, ref: ref, onFocus: event => {
+                setFocus(true);
+                onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+            }, onBlur: event => {
+                setFocus(false);
+                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 }),
+        icon,
+        suffix && (React.createElement("div", { ref: suffixRef, "data-suffix": true, className: classes["suffix"] }, renderElement(suffix))),
+        React.createElement("span", { className: outlineClasses.join(" ") })));
+};
+const Input = 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\";\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  }\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    ...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\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\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      />\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 = React.forwardRef(InputComponent);\n"],"names":["dateTypes","InputComponent","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","React","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","icon","useDetermineStatusIcon","join","event","spellCheck","_a","Input","forwardRef"],"mappings":"+OA+Ba,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAyB1C,MAAMC,EAAoE,EAEtEC,QAAQ,MACRC,UAAU,MACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,YACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAS,OACnC,MAAMC,EAAkBC,EAAuB,MAC/C,MAAMC,EAAYD,EAAuB,MAEzCE,GAAU,KACR,GAAIlB,SAASmB,EACX,MAAM,IAAIC,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,EAAQ,UAEjC,MAAMC,EAAiBC,UACPA,IAAO,SAAWC,EAAOC,cAAA,OAAA,KAAAF,GAAaA,EAGrD7B,EAAoCgC,SAASxB,IAC5CkB,EAAgBO,KAAKN,EAAQ,+BAC/BvB,GAAasB,EAAgBO,KAAK7B,GAElC,MAAM8B,EAAiB,CAACP,EAAQ,kBAChC,MAAMQ,EAAiB,CAACR,EAAQ,aAEhCpB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WAC5DI,IAAS,UAAY0B,EAAeD,KAAKG,EAAa,WACtD1B,GAAUwB,EAAeD,KAAKN,EAAQ,WACtChB,GAAUuB,EAAeD,KAAKN,EAAQ,WACtCf,GAAYsB,EAAeD,KAAKN,EAAQ,cAAgBQ,EAAeF,KAAKN,EAAQ,aACpFzB,GAASgC,EAAeD,KAAKN,EAAQ,WAAaQ,EAAeF,KAAKN,EAAQ,UAC9EV,GAASiB,EAAeD,KAAKN,EAAQ,WAAaQ,EAAeF,KAAKN,EAAQ,UAC9ExB,GAAW+B,EAAeD,KAAKN,EAAQ,YAEvC,MAAMU,EAAOC,EAAuB,CAAEnC,UAASD,UAE/C,OACE4B,EAAAC,cAAA,MAAA,CACEf,IAAKI,KACDb,EACJD,MAAO,IAAKA,GACZF,UAAW,GAAGuB,EAAQ,oBAAoBO,EAAeK,KAAK,QAE7D7B,GACCoB,EAAiBC,cAAA,MAAA,CAAA,cAAA,KAAA3B,UAAWuB,EAAQ,WACjCC,EAAclB,IAGnBoB,EACMC,cAAA,QAAA,IAAAhB,EACJC,IAAKA,EACLH,QAAS2B,IACPtB,EAAS,MACTL,UAAAA,SAAO,OAAA,EAAPA,EAAU2B,EAAM,EAElB1B,OAAQ0B,IACNtB,EAAS,OACTJ,UAAAA,SAAM,OAAA,EAANA,EAAS0B,EAAM,EAEA,kBAAA/B,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWsB,EAAgBa,KAAK,KAChCE,YAAYC,EAAA3B,EAAK0B,cAAU,MAAAC,SAAA,EAAAA,EAAI,QAEhCL,EACA1B,GACCmB,EAAAC,cAAA,MAAA,CAAKf,IAAKM,qBAAuBlB,UAAWuB,EAAQ,WACjDC,EAAcjB,IAInBmB,EAAMC,cAAA,OAAA,CAAA3B,UAAW+B,EAAeI,KAAK,OAEvC,EAGS,MAAAI,EAAQb,EAAMc,WAAW3C"}
+{"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\";\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  }\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    ...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\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\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      />\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 = React.forwardRef(InputComponent);\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{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 */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi: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-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{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(--form-control-font-size);height:40px;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{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-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [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-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVlFLHdCQUE2QixDQUw3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBRXZDLFNBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0ZBQ0UsVUFDRixDQUNBLG9DQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLDBFQUNFLFVBQ0YsQ0FDQSxnREFDRSxZQUNGLENBRUEsNkJBTUUsc0NBQXVDLENBR3ZDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBSHZDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUhWLG1CQUFvQixDQUNwQixpQkFBa0IsQ0FTbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDZCQUNFLHdCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxxQkFDRixDQUNBLHlFQUNFLGVBQ0YsQ0FFQSxtQ0FDRSxxQkFDRixDQUVBLGtHQUtFLGFBQWMsQ0FGZCx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQUV2QyxTQUNGLENBQ0EsdUNBQ0Usa0dBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLG1DQUNFLGVBQ0YsQ0FDRiIsImZpbGUiOiJJbnB1dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaW5wdXQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDAgMC41cmVtO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdOmJlZm9yZSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXTpiZWZvcmUge1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmlucHV0IHtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG59XG4uZXJyb3IgaW5wdXQucmVtb3ZlLWV4dHJhLWluZGVudCB7XG4gIHBhZGRpbmctcmlnaHQ6IDA7XG59XG5cbi5zdWNjZXNzIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtcHJlZml4XSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICB9XG59Il19 */";
+var classes = {"sr-only":"Input-module_sr-only__u9KmF","hidden":"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup","outline":"Input-module_outline__orHmi","disabled":"Input-module_disabled__HDz3n","error":"Input-module_error__DnA1X","focus":"Input-module_focus__MWEAK","input":"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP","success":"Input-module_success__iVzsx"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Input.module.scss.esm.js.map

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

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

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

@@ -1,2 +1,26 @@
-import e from"react";import l from"./Label.module.esm.js";import r from"../../src/readyclasses.module.esm.js";const s=({children:s,className:o,hidden:a=false,...m},c)=>e.createElement("label",{...m,ref:c,className:`${a?r["sr-only"]:""} ${l["label"]} ${o!==null&&o!==void 0?o:""}`},s);const o=e.forwardRef(s);export{o as Label};
+import React from 'react';
+import classes from './Label.module.scss.esm.js';
+import readyclasses from '../../src/readyclasses.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const LabelComponent = ({ children, className, hidden = false, ...rest }, ref) => {
+    return (React.createElement("label", { ...rest, ref: ref, className: `${hidden ? readyclasses["sr-only"] : ""} ${classes["label"]} ${className !== null && className !== void 0 ? className : ""}` }, children));
+};
+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":["LabelComponent","children","className","hidden","rest","ref","React","createElement","readyclasses","classes","Label","forwardRef"],"mappings":"8GAwBA,MAAMA,EAAoE,EACtEC,WAAUC,YAAWC,SAAS,SAAUC,GAC1CC,IAGEC,EACMC,cAAA,QAAA,IAAAH,EACJC,IAAKA,EACLH,UAAW,GAAGC,EAASK,EAAa,WAAa,MAAMC,EAAQ,YAAYP,IAAS,MAATA,SAAA,EAAAA,EAAa,MAEvFD,GAKM,MAAAS,EAAQJ,EAAMK,WAAWX"}
+{"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

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

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

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

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

@@ -1,2 +1,60 @@
-import e from"react";import{Icon as r,Icons as o}from"../../Icon/Icon.esm.js";import a from"./Radio.module.esm.js";import{useFormSelector as t}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as n}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const s=({children:s,disabled:i,className:c,value:l,name:d,helperText:p,parentErrorId:m,parentHelperId:u,error:h,errorMessage:f,checked:b=false,formSelectorWrapperProps:v,helperProps:I,onChange:E,...j},g)=>{const{errorId:N,identifier:k,describedBy:x}=t({name:d,helperText:p,parentErrorId:m,errorMessage:f,error:h,parentHelperId:u});const y=e=>{if(i)return;const r=e.nativeEvent||e;const o=new r.constructor(r.type,r);Object.defineProperty(o,"target",{writable:true,value:{value:l}});E===null||E===void 0?void 0:E(o)};const P=[a["native-input"]];const w=[a["input"],a["radio"]];const C=[a["input"],a["circle"]];h&&P.push(a["error"]);i&&w.push(a["disabled"])&&C.push(a["disabled"]);return e.createElement(n,{...v,className:`${a["radio-wrapper"]} ${c!==null&&c!==void 0?c:""}`,containerProps:{className:a["radio-container"]},helperText:p,helperProps:I,parentErrorId:m,errorId:N,errorMessage:f,error:h,disabled:i,identifier:k},e.createElement("input",{...j,ref:g,disabled:i,tabIndex:0,className:P.join(" "),onChange:y,checked:b,"aria-checked":b,"aria-describedby":x,name:d,value:l,id:`${k}-radio`,type:"radio"}),b&&e.createElement(r,{className:w.join(" "),icon:o.Radio}),!b&&e.createElement(r,{className:C.join(" "),icon:o.Circle}),e.createElement("label",{onClick:y,htmlFor:`${k}-radio`},s))};const i=e.forwardRef(s);export{i as Radio};
+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';
+import { FormSelectorWrapper } from '../FormSelectorWrapper/FormSelectorWrapper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const RadioComponent = ({ children, disabled, className, value, name, helperText, parentErrorId, parentHelperId, error, errorMessage, checked = false, formSelectorWrapperProps, helperProps, onChange, ...rest }, ref) => {
+    const { errorId, identifier, describedBy } = useFormSelector({
+        name,
+        helperText,
+        parentErrorId,
+        errorMessage,
+        error,
+        parentHelperId
+    });
+    const onChangeHandler = (event) => {
+        if (disabled) {
+            return;
+        }
+        /** 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. */
+        const nativeEvent = event.nativeEvent || event;
+        const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
+        Object.defineProperty(clonedEvent, "target", {
+            writable: true,
+            value: { value: value }
+        });
+        onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent);
+    };
+    const nativeInputClasses = [classes["native-input"]];
+    const checkedRadioClasses = [classes["input"], classes["radio"]];
+    const uncheckedRadioClasses = [classes["input"], classes["circle"]];
+    error && nativeInputClasses.push(classes["error"]);
+    disabled &&
+        checkedRadioClasses.push(classes["disabled"]) &&
+        uncheckedRadioClasses.push(classes["disabled"]);
+    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 = 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\";\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    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 = React.forwardRef(RadioComponent);\n"],"names":["RadioComponent","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","uncheckedRadioClasses","push","React","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Radio","Circle","onClick","htmlFor","forwardRef"],"mappings":"oRAkCA,MAAMA,EAAoE,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,UAAU,MACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGF,MAAMa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EAC9C,MAAME,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,SAAU,KACVzB,MAAO,CAAEA,MAAOA,KAGlBU,UAAAA,SAAQ,OAAA,EAARA,EAAWU,EAAY,EAGzB,MAAMM,EAAqB,CAACC,EAAQ,iBACpC,MAAMC,EAAsB,CAACD,EAAQ,SAAUA,EAAQ,UACvD,MAAME,EAAwB,CAACF,EAAQ,SAAUA,EAAQ,WACzDtB,GAASqB,EAAmBI,KAAKH,EAAQ,UACzC7B,GACE8B,EAAoBE,KAAKH,EAAQ,cACjCE,EAAsBC,KAAKH,EAAQ,aAErC,OACEI,EAAAC,cAACC,EAAmB,IACdzB,EACJT,UAAW,GAAG4B,EAAQ,oBAAoB5B,IAAA,MAAAA,SAAA,EAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAQ,oBACrCzB,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZiB,EACMC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWwB,EAACC,cAAAM,GAAKvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAMC,SACtElC,GAAWwB,EAAAC,cAACM,EAAK,CAAAvC,UAAW8B,EAAsBO,KAAK,KAAMG,KAAMC,EAAME,SAE3EX,EAAAC,cAAA,QAAA,CAAOW,QAAS1B,EAAiB2B,QAAS,GAAG9B,WAC1CjB,GAGL,EAGS,MAAA4C,EAAQV,EAAMc,WAAWjD"}
+{"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\";\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    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 = React.forwardRef(RadioComponent);\n"],"names":[],"mappings":"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"}