@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/dist/components/Form/FormErrorText/FormErrorText.module.scss.es.js.map

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

package/dist/components/Form/FormGroup/FormGroup.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./FormGroup.module.scss.cjs.js"),o=require("../FormHelperText/FormHelperText.cjs.js"),s=require("../FormErrorText/FormErrorText.cjs.js"),l=e.forwardRef((({children:l,className:a,error:t,errorMessage:d,errorId:i,errorMessageIcon:c,errorMessageIconPosition:n="before",errorMessageProps:u,helperText:m,helperId:p,helperProps:g,disabled:f,...h},v)=>{const x=(null==g?void 0:g.disabled)??f,M=(m??(null==g?void 0:g.children))&&(!t||t&&!d),F=t&&d&&!(null==u?void 0:u.children),T=M||(null==u?void 0:u.children)||F;return e.createElement("div",{...h,ref:v,className:`${r.default["form-group"]} ${a??""}`},l,T&&e.createElement("div",{className:`${r.default["default-helper"]} ${(null==g?void 0:g.className)??""}`},M&&e.createElement(o.FormHelperText,{...g,className:"",id:p,disabled:x},(null==g?void 0:g.children)||m),t&&e.createElement(s.FormErrorText,{error:t,errorMessage:d,errorMessageProps:u,errorId:i,errorMessageIcon:c,errorMessageIconPosition:n})))}));exports.FormGroup=l;
+//# sourceMappingURL=FormGroup.cjs.js.map

package/dist/components/Form/FormGroup/FormGroup.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.cjs.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 { Icons } from \"../../Icon/Icon\";\nimport { FormErrorText } from \"../FormErrorText/FormErrorText\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled ?? disabled;\n  const hasHelperText = helperText ?? helperProps?.children;\n  const showHelperText = hasHelperText && (!error || (error && !errorMessage));\n  const showErrorMessage = error && errorMessage && !errorMessageProps?.children;\n  const hasHelperContent = showHelperText || errorMessageProps?.children || showErrorMessage;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {hasHelperContent && (\n        <div className={`${classes[\"default-helper\"]} ${helperProps?.className ?? \"\"}`}>\n          {showHelperText && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n\n          {error && (\n            <FormErrorText\n              error={error}\n              errorMessage={errorMessage}\n              errorMessageProps={errorMessageProps}\n              errorId={errorId}\n              errorMessageIcon={errorMessageIcon}\n              errorMessageIconPosition={errorMessageIconPosition}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":["FormGroup","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","errorMessageProps","helperText","helperId","helperProps","disabled","rest","ref","disableHelperText","showHelperText","showErrorMessage","hasHelperContent","createElement","classes","default","FormHelperText","id","FormErrorText"],"mappings":"6PA+FaA,EAAYC,EAAMC,YAzD6C,EAExEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BAA2B,SAC3BC,oBACAC,aACAC,WACAC,cACAC,cACGC,GAELC,KAEM,MAAAC,SAAoBJ,WAAaC,WAAYA,EAE7CI,GADgBP,IAA2B,MAAbE,OAAa,EAAAA,EAAAV,cACPE,GAAUA,IAAUC,GACxDa,EAAmBd,GAASC,KAAoC,MAAnBI,OAAmB,EAAAA,EAAAP,UAChEiB,EAAmBF,IAAkB,MAAAR,OAAA,EAAAA,EAAmBP,WAAYgB,EAE1E,SACGE,cAAA,MAAA,IAAQN,EAAMC,MAAUZ,UAAW,GAAGkB,EAAAC,QAAQ,iBAAiBnB,GAAa,MAC1ED,EAEAiB,KACEC,cAAA,MAAA,CAAIjB,UAAW,GAAGkB,EAAAA,QAAQ,sBAAkC,MAAbT,OAAa,EAAAA,EAAAT,YAAa,MACvEc,GACCjB,EAAAoB,cAACG,EAAAA,eAAA,IACKX,EACJT,UAAW,GACXqB,GAAIb,EACJE,SAAUG,UAETJ,WAAaV,WAAYQ,GAI7BN,GACCJ,EAAAoB,cAACK,EAAAA,cAAA,CACCrB,QACAC,eACAI,oBACAH,UACAC,mBACAC,8BAKV"}

package/dist/components/Form/FormGroup/FormGroup.es.js

@@ -0,0 +1,50 @@
+import React from "react";
+import classes from "./FormGroup.module.scss.es.js";
+import { FormHelperText } from "../FormHelperText/FormHelperText.es.js";
+import { FormErrorText } from "../FormErrorText/FormErrorText.es.js";
+const FormGroupComponent = ({
+  children,
+  className,
+  error,
+  errorMessage,
+  errorId,
+  errorMessageIcon,
+  errorMessageIconPosition = "before",
+  errorMessageProps,
+  helperText,
+  helperId,
+  helperProps,
+  disabled,
+  ...rest
+}, ref) => {
+  const disableHelperText = (helperProps == null ? void 0 : helperProps.disabled) ?? disabled;
+  const hasHelperText = helperText ?? (helperProps == null ? void 0 : helperProps.children);
+  const showHelperText = hasHelperText && (!error || error && !errorMessage);
+  const showErrorMessage = error && errorMessage && !(errorMessageProps == null ? void 0 : errorMessageProps.children);
+  const hasHelperContent = showHelperText || (errorMessageProps == null ? void 0 : errorMessageProps.children) || showErrorMessage;
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref, className: `${classes["form-group"]} ${className ?? ""}` }, children, hasHelperContent && /* @__PURE__ */ React.createElement("div", { className: `${classes["default-helper"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}` }, showHelperText && /* @__PURE__ */ React.createElement(
+    FormHelperText,
+    {
+      ...helperProps,
+      className: "",
+      id: helperId,
+      disabled: disableHelperText
+    },
+    (helperProps == null ? void 0 : helperProps.children) || helperText
+  ), error && /* @__PURE__ */ React.createElement(
+    FormErrorText,
+    {
+      error,
+      errorMessage,
+      errorMessageProps,
+      errorId,
+      errorMessageIcon,
+      errorMessageIconPosition
+    }
+  )));
+};
+const FormGroup = React.forwardRef(FormGroupComponent);
+export {
+  FormGroup
+};
+//# sourceMappingURL=FormGroup.es.js.map

package/dist/components/Form/FormGroup/FormGroup.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.es.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 { Icons } from \"../../Icon/Icon\";\nimport { FormErrorText } from \"../FormErrorText/FormErrorText\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled ?? disabled;\n  const hasHelperText = helperText ?? helperProps?.children;\n  const showHelperText = hasHelperText && (!error || (error && !errorMessage));\n  const showErrorMessage = error && errorMessage && !errorMessageProps?.children;\n  const hasHelperContent = showHelperText || errorMessageProps?.children || showErrorMessage;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {hasHelperContent && (\n        <div className={`${classes[\"default-helper\"]} ${helperProps?.className ?? \"\"}`}>\n          {showHelperText && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n\n          {error && (\n            <FormErrorText\n              error={error}\n              errorMessage={errorMessage}\n              errorMessageProps={errorMessageProps}\n              errorId={errorId}\n              errorMessageIcon={errorMessageIcon}\n              errorMessageIconPosition={errorMessageIconPosition}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":";;;;AAsCA,MAAM,qBAAsE,CAC1E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACG,QAAA,qBAAoB,2CAAa,aAAY;AAC7C,QAAA,gBAAgB,eAAc,2CAAa;AACjD,QAAM,iBAAiB,kBAAkB,CAAC,SAAU,SAAS,CAAC;AAC9D,QAAM,mBAAmB,SAAS,gBAAgB,EAAC,uDAAmB;AAChE,QAAA,mBAAmB,mBAAkB,uDAAmB,aAAY;AAE1E,SACG,sBAAA,cAAA,OAAA,EAAK,GAAG,MAAM,KAAU,WAAW,GAAG,QAAQ,YAAY,CAAC,IAAI,aAAa,EAAE,GAAA,GAC5E,UAEA,oBACE,sBAAA,cAAA,OAAA,EAAI,WAAW,GAAG,QAAQ,gBAAgB,CAAC,KAAI,2CAAa,cAAa,EAAE,GAAA,GACzE,kBACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA,KAET,2CAAa,aAAY;AAAA,EAAA,GAI7B,SACC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,CAGN,CAEJ;AAEJ;AAEa,MAAA,YAAY,MAAM,WAAW,kBAAkB;"}

package/dist/components/Form/FormGroup/FormGroup.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormGroup_form-group_E7GBT{position:relative}.FormGroup_default-helper_E7GBT{font-size:var(--font-size-sub);line-height:1.33333333}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"form-group":"FormGroup_form-group_E7GBT","default-helper":"FormGroup_default-helper_E7GBT"};
+//# sourceMappingURL=FormGroup.module.scss.cjs.js.map

package/dist/components/Form/FormGroup/FormGroup.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormGroup_form-group_E7GBT{position:relative}.FormGroup_default-helper_E7GBT{font-size:var(--font-size-sub);line-height:1.33333333}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "form-group": "FormGroup_form-group_E7GBT",
+  "default-helper": "FormGroup_default-helper_E7GBT"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=FormGroup.module.scss.es.js.map

package/dist/components/Form/FormGroup/FormGroup.module.scss.es.js.map

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

package/dist/components/Form/FormHelperText/FormHelperText.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./FormHelperText.module.scss.cjs.js"),t=require("../../Typography/Typography.cjs.js"),s=e.forwardRef((({children:s,error:a,disabled:o,className:l,...p},u)=>{const d=[r.default["form-helper-text"]];return a&&d.push(r.default.error),o&&d.push(r.default.disabled),l&&d.push(l),e.createElement(t.Typography,{...p,ref:u,variant:"sub-text",tag:"div",className:d.join(" ")},s)}));exports.FormHelperText=s;
+//# sourceMappingURL=FormHelperText.cjs.js.map

package/dist/components/Form/FormHelperText/FormHelperText.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.cjs.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":["FormHelperText","React","forwardRef","children","error","disabled","className","rest","ref","classNames","classes","push","default","createElement","Typography","variant","tag","join"],"mappings":"0MA0CaA,EAAiBC,EAAMC,YAhB6C,EAC7EC,WAAUC,QAAOC,WAAUC,eAAcC,GAC3CC,KAEA,MAAMC,EAAa,CAACC,UAAQ,qBAK5B,OAJAN,GAASK,EAAWE,KAAKD,EAAQE,QAAO,OACxCP,GAAYI,EAAWE,KAAKD,EAAQE,QAAU,UACjCN,GAAAG,EAAWE,KAAKL,KAG1BO,cAAAC,EAAAA,WAAA,IAAeP,EAAMC,MAAUO,QAAQ,WAAWC,IAAI,MAAMV,UAAWG,EAAWQ,KAAK,MACrFd,EACH"}

package/dist/components/Form/FormHelperText/FormHelperText.es.js

@@ -0,0 +1,15 @@
+import React from "react";
+import classes from "./FormHelperText.module.scss.es.js";
+import { Typography } from "../../Typography/Typography.es.js";
+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 /* @__PURE__ */ React.createElement(Typography, { ...rest, ref, variant: "sub-text", tag: "div", className: classNames.join(" ") }, children);
+};
+const FormHelperText = React.forwardRef(FormHelperTextComponent);
+export {
+  FormHelperText
+};
+//# sourceMappingURL=FormHelperText.es.js.map

package/dist/components/Form/FormHelperText/FormHelperText.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.es.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":";;;AA0BA,MAAM,0BAA2E,CAC/E,EAAE,UAAU,OAAO,UAAU,WAAW,GAAG,KAAK,GAChD,QACG;AACH,QAAM,aAAa,CAAC,QAAQ,kBAAkB,CAAC;AAC/C,WAAS,WAAW,KAAK,QAAQ,OAAO,CAAC;AACzC,cAAY,WAAW,KAAK,QAAQ,UAAU,CAAC;AAClC,eAAA,WAAW,KAAK,SAAS;AAEtC,SACG,sBAAA,cAAA,YAAA,EAAY,GAAG,MAAM,KAAU,SAAQ,YAAW,KAAI,OAAM,WAAW,WAAW,KAAK,GAAG,KACxF,QACH;AAEJ;AAEa,MAAA,iBAAiB,MAAM,WAAW,uBAAuB;"}

package/dist/components/Form/FormHelperText/FormHelperText.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText_form-helper-text_E7GBT{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText_disabled_E7GBT{color:var(--greyed-out)}div.FormHelperText_error_E7GBT{color:var(--error)}[data-readonlyview=true] div.FormHelperText_form-helper-text_E7GBT{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="FormHelperText_disabled_E7GBT",r="FormHelperText_error_E7GBT",t={"form-helper-text":"FormHelperText_form-helper-text_E7GBT",disabled:e,error:r};exports.default=t,exports.disabled=e,exports.error=r;
+//# sourceMappingURL=FormHelperText.module.scss.cjs.js.map

package/dist/components/Form/FormHelperText/FormHelperText.module.scss.es.js

@@ -0,0 +1,14 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */div.FormHelperText_form-helper-text_E7GBT{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText_disabled_E7GBT{color:var(--greyed-out)}div.FormHelperText_error_E7GBT{color:var(--error)}[data-readonlyview=true] div.FormHelperText_form-helper-text_E7GBT{display:none}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const disabled = "FormHelperText_disabled_E7GBT";
+const error = "FormHelperText_error_E7GBT";
+const classes = {
+  "form-helper-text": "FormHelperText_form-helper-text_E7GBT",
+  disabled,
+  error
+};
+export {
+  classes as default,
+  disabled,
+  error
+};
+//# sourceMappingURL=FormHelperText.module.scss.es.js.map

package/dist/components/Form/FormHelperText/FormHelperText.module.scss.es.js.map

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

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../FormHelperText/FormHelperText.cjs.js"),t=require("./FormSelectorWrapper.module.scss.cjs.js"),l=require("../../InlineEditing/InlineEditingContext.cjs.js"),s=require("../../RequiredSign/RequiredSign.cjs.js"),n=require("../FormErrorText/FormErrorText.cjs.js"),o=require("../FormStatusIndicator/FormStatusIndicator.cjs.js"),a=e.forwardRef((({children:a,className:i,nestedChildren:d,containerProps:c,helperProps:u,error:m,disabled:p,helperText:E,success:g,errorMessage:f,errorMessageProps:j,parentErrorId:F,errorId:q,identifier:x,required:S,...h},v)=>{const I=(null==u?void 0:u.ref)??e.createRef(),{enabled:T}=l.useInlineEditing(),N=E??(null==u?void 0:u.children),$=!m&&N,b=m&&(f||(null==j?void 0:j.children));return e.createElement("div",{...h,ref:v,className:`${m?t.default.error:""} ${p?t.default.disabled:""} ${i??""}`},e.createElement("div",{...c,className:`${null==c?void 0:c.className} ${t.default["children-container"]}`},a,T&&e.createElement(e.Fragment,null,e.createElement(s.RequiredSign,{className:t.default.required}),e.createElement(o.FormStatusIndicator,{success:g,error:m},e.createElement(e.Fragment,null)))),!T&&($||b)&&(b?e.createElement(n.FormErrorText,{error:m,errorMessage:f,errorMessageProps:j,errorId:q}):e.createElement(r.FormHelperText,{...u,ref:I,id:x,className:`${t.default["helper-text"]} ${(null==u?void 0:u.className)??""}`},(null==u?void 0:u.children)||E)),d)}));exports.FormSelectorWrapper=a;
+//# sourceMappingURL=FormSelectorWrapper.cjs.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectorWrapper.cjs.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\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { RequiredSign } from \"../../RequiredSign/RequiredSign\";\nimport { FormErrorText } from \"../FormErrorText/FormErrorText\";\nimport { FormStatusIndicator } from \"../FormStatusIndicator/FormStatusIndicator\";\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  required?: boolean;\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    success,\n    errorMessage,\n    errorMessageProps,\n    parentErrorId,\n    errorId,\n    identifier,\n    required,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n  const { enabled } = useInlineEditing();\n\n  const hasHelperText = helperText ?? helperProps?.children;\n  const showHelperText = !error && hasHelperText;\n  const showErrorText = error && (errorMessage || errorMessageProps?.children);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div\n        {...containerProps}\n        className={`${containerProps?.className} ${classes[\"children-container\"]}`}\n      >\n        {children}\n        {enabled && (\n          <>\n            <RequiredSign className={classes[\"required\"]} />\n            <FormStatusIndicator success={success} error={error}>\n              <></>\n            </FormStatusIndicator>\n          </>\n        )}\n      </div>\n      {!enabled &&\n        (showHelperText || showErrorText) &&\n        (showErrorText ? (\n          <FormErrorText\n            error={error}\n            errorMessage={errorMessage}\n            errorMessageProps={errorMessageProps}\n            errorId={errorId}\n          />\n        ) : (\n          <FormHelperText\n            {...helperProps}\n            ref={helperRef}\n            id={identifier}\n            className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"}`}\n          >\n            {helperProps?.children || helperText}\n          </FormHelperText>\n        ))}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":["FormSelectorWrapper","React","forwardRef","children","className","nestedChildren","containerProps","helperProps","error","disabled","helperText","success","errorMessage","errorMessageProps","parentErrorId","errorId","identifier","required","rest","ref","helperRef","createRef","enabled","useInlineEditing","hasHelperText","showHelperText","showErrorText","createElement","classes","default","Fragment","RequiredSign","FormStatusIndicator","FormErrorText","FormHelperText","id"],"mappings":"ubAoHaA,EAAsBC,EAAMC,YA1E6C,EAElFC,WACAC,YACAC,iBACAC,iBACAC,cACAC,QACAC,WACAC,aACAC,UACAC,eACAC,oBACAC,gBACAC,UACAC,aACAC,cACGC,GAELC,KAEM,MAAAC,GAAY,MAAAb,OAAA,EAAAA,EAAaY,MAAOE,eAChCC,QAAEA,GAAYC,qBAEdC,EAAgBd,IAA2B,MAAbH,OAAa,EAAAA,EAAAJ,UAC3CsB,GAAkBjB,GAASgB,EAC3BE,EAAgBlB,IAAUI,IAAmC,MAAnBC,OAAmB,EAAAA,EAAAV,WAGjE,OAAAF,EAAA0B,cAAC,MAAA,IACKT,EACJC,MACAf,UAAW,GAAGI,EAAQoB,EAAAC,QAAe,MAAI,MAAMpB,EAAWmB,EAAAA,QAAkB,SAAI,MAC9ExB,GAAa,MAGfH,EAAA0B,cAAC,MAAA,IACKrB,EACJF,UAAW,GAAmB,MAAhBE,OAAgB,EAAAA,EAAAF,aAAawB,EAAAA,QAAQ,yBAElDzB,EACAmB,GACCrB,EAAA0B,cAAA1B,EAAA6B,SAAA,KACG7B,EAAA0B,cAAAI,EAAAA,aAAA,CAAa3B,UAAWwB,EAAQC,QAAU,2BAC1CG,EAAoBA,oBAAA,CAAArB,UAAkBH,SACrCP,EAAA0B,cAAA1B,EAAA6B,SAAA,UAKNR,IACCG,GAAkBC,KAClBA,EACCzB,EAAA0B,cAACM,EAAAA,cAAA,CACCzB,QACAI,eACAC,oBACAE,YAGFd,EAAA0B,cAACO,EAAAA,eAAA,IACK3B,EACJY,IAAKC,EACLe,GAAInB,EACJZ,UAAW,GAAGwB,EAAAA,QAAQ,mBAA+B,MAAbrB,OAAa,EAAAA,EAAAH,YAAa,aAEjEG,WAAaJ,WAAYO,IAG/BL,EACH"}

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.es.js

@@ -0,0 +1,72 @@
+import React, { createRef } from "react";
+import { FormHelperText } from "../FormHelperText/FormHelperText.es.js";
+import classes from "./FormSelectorWrapper.module.scss.es.js";
+import { useInlineEditing } from "../../InlineEditing/InlineEditingContext.es.js";
+import { RequiredSign } from "../../RequiredSign/RequiredSign.es.js";
+import { FormErrorText } from "../FormErrorText/FormErrorText.es.js";
+import { FormStatusIndicator } from "../FormStatusIndicator/FormStatusIndicator.es.js";
+const FormSelectorWrapperComponent = ({
+  children,
+  className,
+  nestedChildren,
+  containerProps,
+  helperProps,
+  error,
+  disabled,
+  helperText,
+  success,
+  errorMessage,
+  errorMessageProps,
+  parentErrorId,
+  errorId,
+  identifier,
+  required,
+  ...rest
+}, ref) => {
+  const helperRef = (helperProps == null ? void 0 : helperProps.ref) ?? createRef();
+  const { enabled } = useInlineEditing();
+  const hasHelperText = helperText ?? (helperProps == null ? void 0 : helperProps.children);
+  const showHelperText = !error && hasHelperText;
+  const showErrorText = error && (errorMessage || (errorMessageProps == null ? void 0 : errorMessageProps.children));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className ?? ""}`
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...containerProps,
+        className: `${containerProps == null ? void 0 : containerProps.className} ${classes["children-container"]}`
+      },
+      children,
+      enabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RequiredSign, { className: classes["required"] }), /* @__PURE__ */ React.createElement(FormStatusIndicator, { success, error }, /* @__PURE__ */ React.createElement(React.Fragment, null)))
+    ),
+    !enabled && (showHelperText || showErrorText) && (showErrorText ? /* @__PURE__ */ React.createElement(
+      FormErrorText,
+      {
+        error,
+        errorMessage,
+        errorMessageProps,
+        errorId
+      }
+    ) : /* @__PURE__ */ React.createElement(
+      FormHelperText,
+      {
+        ...helperProps,
+        ref: helperRef,
+        id: identifier,
+        className: `${classes["helper-text"]} ${(helperProps == null ? void 0 : helperProps.className) ?? ""}`
+      },
+      (helperProps == null ? void 0 : helperProps.children) || helperText
+    )),
+    nestedChildren
+  );
+};
+const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);
+export {
+  FormSelectorWrapper
+};
+//# sourceMappingURL=FormSelectorWrapper.es.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelectorWrapper.es.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\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { RequiredSign } from \"../../RequiredSign/RequiredSign\";\nimport { FormErrorText } from \"../FormErrorText/FormErrorText\";\nimport { FormStatusIndicator } from \"../FormStatusIndicator/FormStatusIndicator\";\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  required?: boolean;\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    success,\n    errorMessage,\n    errorMessageProps,\n    parentErrorId,\n    errorId,\n    identifier,\n    required,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n  const { enabled } = useInlineEditing();\n\n  const hasHelperText = helperText ?? helperProps?.children;\n  const showHelperText = !error && hasHelperText;\n  const showErrorText = error && (errorMessage || errorMessageProps?.children);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div\n        {...containerProps}\n        className={`${containerProps?.className} ${classes[\"children-container\"]}`}\n      >\n        {children}\n        {enabled && (\n          <>\n            <RequiredSign className={classes[\"required\"]} />\n            <FormStatusIndicator success={success} error={error}>\n              <></>\n            </FormStatusIndicator>\n          </>\n        )}\n      </div>\n      {!enabled &&\n        (showHelperText || showErrorText) &&\n        (showErrorText ? (\n          <FormErrorText\n            error={error}\n            errorMessage={errorMessage}\n            errorMessageProps={errorMessageProps}\n            errorId={errorId}\n          />\n        ) : (\n          <FormHelperText\n            {...helperProps}\n            ref={helperRef}\n            id={identifier}\n            className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"}`}\n          >\n            {helperProps?.children || helperText}\n          </FormHelperText>\n        ))}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;;;;AA0CA,MAAM,+BAAgF,CACpF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACG,QAAA,aAAY,2CAAa,QAAO,UAAU;AAC1C,QAAA,EAAE,QAAQ,IAAI,iBAAiB;AAE/B,QAAA,gBAAgB,eAAc,2CAAa;AAC3C,QAAA,iBAAiB,CAAC,SAAS;AAC3B,QAAA,gBAAgB,UAAU,iBAAgB,uDAAmB;AAGjE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,QAAQ,OAAO,IAAI,EAAE,IAAI,WAAW,QAAQ,UAAU,IAAI,EAAE,IAChF,aAAa,EACf;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,GAAG,iDAAgB,SAAS,IAAI,QAAQ,oBAAoB,CAAC;AAAA,MAAA;AAAA,MAEvE;AAAA,MACA,WACC,sBAAA,cAAA,MAAA,UAAA,MACG,sBAAA,cAAA,cAAA,EAAa,WAAW,QAAQ,UAAU,GAAG,uCAC7C,qBAAoB,EAAA,SAAkB,SACrC,sBAAA,cAAA,MAAA,UAAA,IAAE,CACJ,CACF;AAAA,IAEJ;AAAA,IACC,CAAC,YACC,kBAAkB,mBAClB,gBACC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAGF,IAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,WAAW,GAAG,QAAQ,aAAa,CAAC,KAAI,2CAAa,cAAa,EAAE;AAAA,MAAA;AAAA,OAEnE,2CAAa,aAAY;AAAA,IAAA;AAAA,IAG/B;AAAA,EACH;AAEJ;AAEa,MAAA,sBAAsB,MAAM,WAAW,4BAA4B;"}

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormSelectorWrapper_error_E7GBT input+span{outline:var(--error) solid 1px;outline-offset:-1px;border-radius:2px;overflow:hidden}.FormSelectorWrapper_helper-text_E7GBT{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size))}.FormSelectorWrapper_children-container_E7GBT>span:nth-of-type(2){margin-right:.5rem}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.FormSelectorWrapper_disabled_E7GBT input{color:var(--disabled)}.FormSelectorWrapper_disabled_E7GBT input:disabled{cursor:not-allowed}.FormSelectorWrapper_disabled_E7GBT label{cursor:not-allowed}.FormSelectorWrapper_required_E7GBT{color:var(--error)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="FormSelectorWrapper_error_E7GBT",r="FormSelectorWrapper_disabled_E7GBT",o="FormSelectorWrapper_required_E7GBT",t={error:e,"helper-text":"FormSelectorWrapper_helper-text_E7GBT","children-container":"FormSelectorWrapper_children-container_E7GBT",disabled:r,required:o};exports.default=t,exports.disabled=r,exports.error=e,exports.required=o;
+//# sourceMappingURL=FormSelectorWrapper.module.scss.cjs.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.es.js

@@ -0,0 +1,18 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FormSelectorWrapper_error_E7GBT input+span{outline:var(--error) solid 1px;outline-offset:-1px;border-radius:2px;overflow:hidden}.FormSelectorWrapper_helper-text_E7GBT{margin-top:.25rem;margin-left:calc(1.75 * var(--font-size))}.FormSelectorWrapper_children-container_E7GBT>span:nth-of-type(2){margin-right:.5rem}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=success]{color:var(--success);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=error]{color:var(--error);font-size:var(--font-size-big)}.FormSelectorWrapper_children-container_E7GBT [data-icon-status=info]{color:var(--default);font-size:var(--font-size-big)}.FormSelectorWrapper_disabled_E7GBT input{color:var(--disabled)}.FormSelectorWrapper_disabled_E7GBT input:disabled{cursor:not-allowed}.FormSelectorWrapper_disabled_E7GBT label{cursor:not-allowed}.FormSelectorWrapper_required_E7GBT{color:var(--error)}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const error = "FormSelectorWrapper_error_E7GBT";
+const disabled = "FormSelectorWrapper_disabled_E7GBT";
+const required = "FormSelectorWrapper_required_E7GBT";
+const classes = {
+  error,
+  "helper-text": "FormSelectorWrapper_helper-text_E7GBT",
+  "children-container": "FormSelectorWrapper_children-container_E7GBT",
+  disabled,
+  required
+};
+export {
+  classes as default,
+  disabled,
+  error,
+  required
+};
+//# sourceMappingURL=FormSelectorWrapper.module.scss.es.js.map

package/dist/components/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.es.js.map

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

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../InlineEditing/InlineEditingContext.cjs.js"),s=require("../../../hooks/useDetermineStatusIcon.cjs.js"),r=require("../../../utils/statusUtils.cjs.js"),o=require("../../Tooltip/Tooltip.cjs.js"),i=require("../../Icon/Icon.cjs.js");exports.FormStatusIndicator=({isReadOnlyView:n,success:c,error:u,children:a})=>{const{enabled:l,tooltipText:d,...j}=t.useInlineEditing(),I=l&&d,g=j.success??c,p=j.error??u,m=s.useDetermineStatusIcon({success:g,error:p});if(I&&!n){const t=r.getStatusState({success:g,error:p},!0);return e.createElement(o.Tooltip,{label:e.createElement(i.Icon,{"data-testid":"tooltip-icon","data-icon-status":t,icon:r.getStatusIcon({success:g,error:p})}),location:"right",position:"center"},d)}return e.createElement(e.Fragment,null,m||!n&&a)};
+//# sourceMappingURL=FormStatusIndicator.cjs.js.map

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusIndicator.cjs.js","sources":["../../../../src/components/Form/FormStatusIndicator/FormStatusIndicator.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 from \"react\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { getStatusIcon, getStatusState } from \"../../../utils/statusUtils\";\nimport { Tooltip } from \"../../Tooltip/Tooltip\";\nimport { Icon } from \"../../Icon/Icon\";\n\nexport interface FormStatusIndicatorProps {\n  isReadOnlyView?: boolean;\n  success?: boolean;\n  error?: boolean;\n  children: React.ReactNode;\n}\n\nexport const FormStatusIndicator: React.FC<FormStatusIndicatorProps> = ({\n  isReadOnlyView,\n  success,\n  error,\n  children\n}) => {\n  const { enabled, tooltipText, ...restProps } = useInlineEditing();\n  const showTooltip = enabled && tooltipText;\n  const isSuccess = restProps.success ?? success;\n  const isError = restProps.error ?? error;\n  const statusIcon = useDetermineStatusIcon({\n    success: isSuccess,\n    error: isError\n  });\n\n  if (showTooltip && !isReadOnlyView) {\n    const status = getStatusState(\n      {\n        success: isSuccess,\n        error: isError\n      },\n      true\n    );\n    return (\n      <Tooltip\n        label={\n          <Icon\n            data-testid=\"tooltip-icon\"\n            data-icon-status={status}\n            icon={getStatusIcon({\n              success: isSuccess,\n              error: isError\n            })}\n          />\n        }\n        location=\"right\"\n        position=\"center\"\n      >\n        {tooltipText}\n      </Tooltip>\n    );\n  }\n\n  return <>{statusIcon || (!isReadOnlyView && children)}</>;\n};\n"],"names":["isReadOnlyView","success","error","children","enabled","tooltipText","restProps","useInlineEditing","showTooltip","isSuccess","isError","statusIcon","useDetermineStatusIcon","status","getStatusState","React","createElement","Tooltip","label","Icon","icon","getStatusIcon","location","position","Fragment"],"mappings":"yXA8BuE,EACrEA,iBACAC,UACAC,QACAC,eAEA,MAAMC,QAAEA,EAASC,YAAAA,KAAgBC,GAAcC,EAAAA,mBACzCC,EAAcJ,GAAWC,EACzBI,EAAYH,EAAUL,SAAWA,EACjCS,EAAUJ,EAAUJ,OAASA,EAC7BS,EAAaC,EAAAA,uBAAuB,CACxCX,QAASQ,EACTP,MAAOQ,IAGL,GAAAF,IAAgBR,EAAgB,CAClC,MAAMa,EAASC,EAAAA,eACb,CACEb,QAASQ,EACTP,MAAOQ,IAET,GAGA,OAAAK,EAAAC,cAACC,EAAAA,QAAA,CACCC,MACEH,EAAAC,cAACG,EAAAA,KAAA,CACC,cAAY,eACZ,mBAAkBN,EAClBO,KAAMC,EAAAA,cAAc,CAClBpB,QAASQ,EACTP,MAAOQ,MAIbY,SAAS,QACTC,SAAS,UAERlB,EACH,CAIM,OAAAU,EAAAC,cAAAD,EAAAS,SAAA,KAAAb,IAAgBX,GAAkBG,EAAU"}

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.es.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { useInlineEditing } from "../../InlineEditing/InlineEditingContext.es.js";
+import { useDetermineStatusIcon } from "../../../hooks/useDetermineStatusIcon.es.js";
+import { getStatusIcon, getStatusState } from "../../../utils/statusUtils.es.js";
+import { Tooltip } from "../../Tooltip/Tooltip.es.js";
+import { Icon } from "../../Icon/Icon.es.js";
+const FormStatusIndicator = ({
+  isReadOnlyView,
+  success,
+  error,
+  children
+}) => {
+  const { enabled, tooltipText, ...restProps } = useInlineEditing();
+  const showTooltip = enabled && tooltipText;
+  const isSuccess = restProps.success ?? success;
+  const isError = restProps.error ?? error;
+  const statusIcon = useDetermineStatusIcon({
+    success: isSuccess,
+    error: isError
+  });
+  if (showTooltip && !isReadOnlyView) {
+    const status = getStatusState(
+      {
+        success: isSuccess,
+        error: isError
+      },
+      true
+    );
+    return /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        label: /* @__PURE__ */ React.createElement(
+          Icon,
+          {
+            "data-testid": "tooltip-icon",
+            "data-icon-status": status,
+            icon: getStatusIcon({
+              success: isSuccess,
+              error: isError
+            })
+          }
+        ),
+        location: "right",
+        position: "center"
+      },
+      tooltipText
+    );
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, statusIcon || !isReadOnlyView && children);
+};
+export {
+  FormStatusIndicator
+};
+//# sourceMappingURL=FormStatusIndicator.es.js.map

package/dist/components/Form/FormStatusIndicator/FormStatusIndicator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusIndicator.es.js","sources":["../../../../src/components/Form/FormStatusIndicator/FormStatusIndicator.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 from \"react\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { getStatusIcon, getStatusState } from \"../../../utils/statusUtils\";\nimport { Tooltip } from \"../../Tooltip/Tooltip\";\nimport { Icon } from \"../../Icon/Icon\";\n\nexport interface FormStatusIndicatorProps {\n  isReadOnlyView?: boolean;\n  success?: boolean;\n  error?: boolean;\n  children: React.ReactNode;\n}\n\nexport const FormStatusIndicator: React.FC<FormStatusIndicatorProps> = ({\n  isReadOnlyView,\n  success,\n  error,\n  children\n}) => {\n  const { enabled, tooltipText, ...restProps } = useInlineEditing();\n  const showTooltip = enabled && tooltipText;\n  const isSuccess = restProps.success ?? success;\n  const isError = restProps.error ?? error;\n  const statusIcon = useDetermineStatusIcon({\n    success: isSuccess,\n    error: isError\n  });\n\n  if (showTooltip && !isReadOnlyView) {\n    const status = getStatusState(\n      {\n        success: isSuccess,\n        error: isError\n      },\n      true\n    );\n    return (\n      <Tooltip\n        label={\n          <Icon\n            data-testid=\"tooltip-icon\"\n            data-icon-status={status}\n            icon={getStatusIcon({\n              success: isSuccess,\n              error: isError\n            })}\n          />\n        }\n        location=\"right\"\n        position=\"center\"\n      >\n        {tooltipText}\n      </Tooltip>\n    );\n  }\n\n  return <>{statusIcon || (!isReadOnlyView && children)}</>;\n};\n"],"names":[],"mappings":";;;;;;AA8BO,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,SAAS,aAAa,GAAG,UAAA,IAAc,iBAAiB;AAChE,QAAM,cAAc,WAAW;AACzB,QAAA,YAAY,UAAU,WAAW;AACjC,QAAA,UAAU,UAAU,SAAS;AACnC,QAAM,aAAa,uBAAuB;AAAA,IACxC,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,CACR;AAEG,MAAA,eAAe,CAAC,gBAAgB;AAClC,UAAM,SAAS;AAAA,MACb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAEE,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OACE,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,oBAAkB;AAAA,YAClB,MAAM,cAAc;AAAA,cAClB,SAAS;AAAA,cACT,OAAO;AAAA,YACR,CAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,UAAS;AAAA,QACT,UAAS;AAAA,MAAA;AAAA,MAER;AAAA,IACH;AAAA,EAAA;AAIJ,SAAU,sBAAA,cAAA,MAAA,UAAA,MAAA,cAAe,CAAC,kBAAkB,QAAU;AACxD;"}

package/dist/components/Form/Input/Input.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("./Input.module.scss.cjs.js"),a=require("../../../readyclasses.module.scss.cjs.js"),t=require("../../../hooks/useDetermineStatusIcon.cjs.js"),u=require("../../withReadOnly.cjs.js"),l=["date","time","datetime-local"],r=u.withReadOnly(e.forwardRef((({error:u=!1,success:r=!1,className:n,name:d,style:i,wrapperProps:o,type:c,labeledBy:f,prefix:p,suffix:m,disabled:h,onFocus:y,onBlur:x,readOnlyView:b,...j},w)=>{const[v,E]=e.useState(!1),N=e.useRef(null),I=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const q=[s.default.input],O=s=>"string"==typeof s?e.createElement("span",null,s):s;l.includes(c)&&q.push(s.default["shrink-width-for-date-icon"]),n&&q.push(n);const R=[s.default["input-wrapper"]],S=[s.default.outline];(null==o?void 0:o.className)&&R.push(o.className),"hidden"===c&&R.push(a.default.hidden),p&&R.push(s.default.prefix),m&&R.push(s.default.suffix),h&&R.push(s.default.disabled)&&S.push(s.default.disabled),u&&R.push(s.default.error)&&S.push(s.default.error),v&&R.push(s.default.focus)&&S.push(s.default.focus),r&&R.push(s.default.success);const g=t.useDetermineStatusIcon({success:r,error:u}),k=j["data-readonlyview"];return e.createElement("div",{ref:N,...o,style:{...i},"data-readonlyview":k,className:`${s.default["input-wrapper"]} ${R.join(" ")}`,tabIndex:k?0:-1},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},O(p)),e.createElement("input",{...j,ref:w,"aria-readonly":k,readOnly:k,onFocus:e=>{E(!0),null==y||y(e)},onBlur:e=>{E(!1),null==x||x(e)},"aria-labelledby":f,type:c,name:d,disabled:h,className:q.join(" "),spellCheck:j.spellCheck??!1,tabIndex:k?-1:0}),g,m&&e.createElement("div",{ref:I,"data-suffix":!0,className:s.default.suffix},O(m)),e.createElement("span",{className:S.join(" ")}))})));exports.Input=r,exports.dateTypes=l;
+//# sourceMappingURL=Input.cjs.js.map

package/dist/components/Form/Input/Input.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs.js","sources":["../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["dateTypes","Input","withReadOnly","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","readOnlyView","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","readOnlyMode","join","tabIndex","readOnly","event","spellCheck"],"mappings":"wSAgCaA,EAAY,CAAC,OAAQ,OAAQ,kBAgI7BC,EAAQC,EAAAA,aAAaC,EAAMC,YAtGkC,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,SACAC,kBACGC,GAELC,KAEA,MAAOC,EAAOC,GAAYC,EAAAA,UAAS,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAa,IAATnB,EACI,MAAA,IAAIoB,MAAM,0DAAyD,GAE1E,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAmB7B,EAAA8B,cAAA,OAAA,KAAMD,GAAaA,EAGjBhC,EAAAkC,SAASvB,IAC5CkB,EAAgBM,KAAKL,EAAAA,QAAQ,+BAClBvB,GAAAsB,EAAgBM,KAAK5B,GAElC,MAAM6B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzC,MAAApB,OAAA,EAAAA,EAAcH,YAAa6B,EAAeD,KAAKzB,EAAaH,WACnD,WAATI,GAAqByB,EAAeD,KAAKG,EAAAC,QAAqB,QAC9D1B,GAAUuB,EAAeD,KAAKL,EAAQS,QAAQ,QAC9CzB,GAAUsB,EAAeD,KAAKL,EAAQS,QAAQ,QAClCxB,GAAAqB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UACrFzB,GAAA+B,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OAC5ET,GAAAe,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFxB,GAAW8B,EAAeD,KAAKL,EAAQS,QAAS,SAEhD,MAAMC,EAAOC,EAAAA,uBAAuB,CAAEnC,UAASD,UACzCqC,EAAevB,EAAK,qBAGxB,OAAAhB,EAAA8B,cAAC,MAAA,CACCb,IAAKI,KACDd,EACJD,MAAO,IAAKA,GACZ,oBAAmBiC,EACnBnC,UAAW,GAAGuB,EAAQS,QAAA,oBAAoBH,EAAeO,KAAK,OAC9DC,SAAUF,EAAe,GAAI,GAE5B7B,GACEV,EAAA8B,cAAA,MAAA,CAAI,eAAW,EAAC1B,UAAWuB,EAAAS,QAAgB,QACzCR,EAAclB,IAGnBV,EAAA8B,cAAC,QAAA,IACKd,EACJC,MACA,gBAAesB,EACfG,SAAUH,EACV1B,QAAkB8B,IAChBxB,GAAS,GACC,MAAAN,GAAAA,EAAA8B,EAAA,EAEZ7B,OAAiB6B,IACfxB,GAAS,GACA,MAAAL,GAAAA,EAAA6B,EAAA,EAEX,kBAAiBlC,EACjBD,OACAH,OACAO,WACAR,UAAWsB,EAAgBc,KAAK,KAChCI,WAAY5B,EAAK4B,aAAc,EAC/BH,SAAUF,GAAoB,EAAA,IAE/BF,EACA1B,GACCX,EAAA8B,cAAC,MAAI,CAAAb,IAAKM,EAAW,eAAW,EAACnB,UAAWuB,EAAAA,QAAgB,QACzDC,EAAcjB,oBAIlB,OAAK,CAAAP,UAAW8B,EAAeM,KAAK,OACvC"}

package/dist/components/Form/Input/Input.es.js

@@ -0,0 +1,95 @@
+import React, { useState, useRef, useEffect } from "react";
+import classes from "./Input.module.scss.es.js";
+import readyclasses from "../../../readyclasses.module.scss.es.js";
+import { useDetermineStatusIcon } from "../../../hooks/useDetermineStatusIcon.es.js";
+import { withReadOnly } from "../../withReadOnly.es.js";
+const dateTypes = ["date", "time", "datetime-local"];
+const InputComponent = ({
+  error = false,
+  success = false,
+  className,
+  name,
+  style,
+  wrapperProps,
+  type,
+  labeledBy,
+  prefix,
+  suffix,
+  disabled,
+  onFocus,
+  onBlur,
+  readOnlyView,
+  ...rest
+}, ref) => {
+  const [focus, setFocus] = useState(false);
+  const inputWrapperRef = useRef(null);
+  const suffixRef = useRef(null);
+  useEffect(() => {
+    if (name === void 0) {
+      throw new Error("Please give your <Input /> component a 'name' attribute");
+    }
+  }, []);
+  const inputClassNames = [classes["input"]];
+  const renderElement = (el) => {
+    return typeof el === "string" ? /* @__PURE__ */ 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 ? 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 });
+  const readOnlyMode = rest["data-readonlyview"];
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: inputWrapperRef,
+      ...wrapperProps,
+      style: { ...style },
+      "data-readonlyview": readOnlyMode,
+      className: `${classes["input-wrapper"]} ${wrapperClasses.join(" ")}`,
+      tabIndex: readOnlyMode ? 0 : -1
+    },
+    prefix && /* @__PURE__ */ React.createElement("div", { "data-prefix": true, className: classes["prefix"] }, renderElement(prefix)),
+    /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        ...rest,
+        ref,
+        "aria-readonly": readOnlyMode,
+        readOnly: readOnlyMode,
+        onFocus: (event) => {
+          setFocus(true);
+          onFocus == null ? void 0 : onFocus(event);
+        },
+        onBlur: (event) => {
+          setFocus(false);
+          onBlur == null ? void 0 : onBlur(event);
+        },
+        "aria-labelledby": labeledBy,
+        type,
+        name,
+        disabled,
+        className: inputClassNames.join(" "),
+        spellCheck: rest.spellCheck ?? false,
+        tabIndex: readOnlyMode ? -1 : 0
+      }
+    ),
+    icon,
+    suffix && /* @__PURE__ */ React.createElement("div", { ref: suffixRef, "data-suffix": true, className: classes["suffix"] }, renderElement(suffix)),
+    /* @__PURE__ */ React.createElement("span", { className: outlineClasses.join(" ") })
+  );
+};
+const Input = withReadOnly(React.forwardRef(InputComponent));
+export {
+  Input,
+  dateTypes
+};
+//# sourceMappingURL=Input.es.js.map

package/dist/components/Form/Input/Input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.es.js","sources":["../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Ref,\n  useEffect,\n  useRef,\n  useState,\n  ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n  | \"text\"\n  | \"email\"\n  | \"file\"\n  | \"number\"\n  | \"password\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"hidden\"\n  | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n  \"input\",\n  FormElement & {\n    wrapperProps?: ComponentPropsWithRef<\"div\">;\n    labeledBy?: string;\n    type: Type;\n    suffix?: ReactNode;\n    prefix?: ReactNode;\n    readOnlyView?: boolean;\n  }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    error = false,\n    success = false,\n    className,\n    name,\n    style,\n    wrapperProps,\n    type,\n    labeledBy,\n    prefix,\n    suffix,\n    disabled,\n    onFocus,\n    onBlur,\n    readOnlyView,\n    ...rest\n  }: Props,\n  ref: Ref<HTMLInputElement>\n) => {\n  const [focus, setFocus] = useState(false);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const suffixRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (name === undefined) {\n      throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n    }\n  }, []);\n\n  const inputClassNames = [classes[\"input\"]];\n\n  const renderElement = (el: ReactNode) => {\n    return typeof el === \"string\" ? <span>{el}</span> : el;\n  };\n\n  (dateTypes as ReadonlyArray<string>).includes(type) &&\n    inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n  className && inputClassNames.push(className);\n\n  const wrapperClasses = [classes[\"input-wrapper\"]];\n  const outlineClasses = [classes[\"outline\"]];\n\n  wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n  type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n  prefix && wrapperClasses.push(classes[\"prefix\"]);\n  suffix && wrapperClasses.push(classes[\"suffix\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n  focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n  success && wrapperClasses.push(classes[\"success\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n  const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...wrapperProps}\n      style={{ ...style }}\n      data-readonlyview={readOnlyMode}\n      className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n      tabIndex={readOnlyMode ? 0 : -1}\n    >\n      {prefix && (\n        <div data-prefix className={classes[\"prefix\"]}>\n          {renderElement(prefix)}\n        </div>\n      )}\n      <input\n        {...rest}\n        ref={ref}\n        aria-readonly={readOnlyMode}\n        readOnly={readOnlyMode}\n        onFocus={event => {\n          setFocus(true);\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          setFocus(false);\n          onBlur?.(event);\n        }}\n        aria-labelledby={labeledBy}\n        type={type}\n        name={name}\n        disabled={disabled}\n        className={inputClassNames.join(\" \")}\n        spellCheck={rest.spellCheck ?? false}\n        tabIndex={readOnlyMode ? -1 : 0}\n      />\n      {icon}\n      {suffix && (\n        <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n          {renderElement(suffix)}\n        </div>\n      )}\n\n      <span className={outlineClasses.join(\" \")}></span>\n    </div>\n  );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":[],"mappings":";;;;;AAgCO,MAAM,YAAY,CAAC,QAAQ,QAAQ,gBAAgB;AA0B1D,MAAM,iBAAoE,CACxE;AAAA,EACE,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAClC,QAAA,kBAAkB,OAAuB,IAAI;AAC7C,QAAA,YAAY,OAAuB,IAAI;AAE7C,YAAU,MAAM;AACd,QAAI,SAAS,QAAW;AAChB,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAAA;AAAA,EAE7E,GAAG,EAAE;AAEL,QAAM,kBAAkB,CAAC,QAAQ,OAAO,CAAC;AAEnC,QAAA,gBAAgB,CAAC,OAAkB;AACvC,WAAO,OAAO,OAAO,WAAY,sBAAA,cAAA,QAAA,MAAM,EAAG,IAAU;AAAA,EACtD;AAEC,YAAoC,SAAS,IAAI,KAChD,gBAAgB,KAAK,QAAQ,4BAA4B,CAAC;AAC/C,eAAA,gBAAgB,KAAK,SAAS;AAE3C,QAAM,iBAAiB,CAAC,QAAQ,eAAe,CAAC;AAChD,QAAM,iBAAiB,CAAC,QAAQ,SAAS,CAAC;AAE1C,gDAAc,cAAa,eAAe,KAAK,aAAa,SAAS;AACrE,WAAS,YAAY,eAAe,KAAK,aAAa,QAAQ,CAAC;AAC/D,YAAU,eAAe,KAAK,QAAQ,QAAQ,CAAC;AAC/C,YAAU,eAAe,KAAK,QAAQ,QAAQ,CAAC;AACnC,cAAA,eAAe,KAAK,QAAQ,UAAU,CAAC,KAAK,eAAe,KAAK,QAAQ,UAAU,CAAC;AACtF,WAAA,eAAe,KAAK,QAAQ,OAAO,CAAC,KAAK,eAAe,KAAK,QAAQ,OAAO,CAAC;AAC7E,WAAA,eAAe,KAAK,QAAQ,OAAO,CAAC,KAAK,eAAe,KAAK,QAAQ,OAAO,CAAC;AACtF,aAAW,eAAe,KAAK,QAAQ,SAAS,CAAC;AAEjD,QAAM,OAAO,uBAAuB,EAAE,SAAS,OAAO;AAChD,QAAA,eAAe,KAAK,mBAAmB;AAG3C,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,MAAM;AAAA,MAClB,qBAAmB;AAAA,MACnB,WAAW,GAAG,QAAQ,eAAe,CAAC,IAAI,eAAe,KAAK,GAAG,CAAC;AAAA,MAClE,UAAU,eAAe,IAAI;AAAA,IAAA;AAAA,IAE5B,UACE,sBAAA,cAAA,OAAA,EAAI,eAAW,MAAC,WAAW,QAAQ,QAAQ,EAAA,GACzC,cAAc,MAAM,CACvB;AAAA,IAEF,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,iBAAe;AAAA,QACf,UAAU;AAAA,QACV,SAAS,CAAS,UAAA;AAChB,mBAAS,IAAI;AACb,6CAAU;AAAA,QACZ;AAAA,QACA,QAAQ,CAAS,UAAA;AACf,mBAAS,KAAK;AACd,2CAAS;AAAA,QACX;AAAA,QACA,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,gBAAgB,KAAK,GAAG;AAAA,QACnC,YAAY,KAAK,cAAc;AAAA,QAC/B,UAAU,eAAe,KAAK;AAAA,MAAA;AAAA,IAChC;AAAA,IACC;AAAA,IACA,UACC,sBAAA,cAAC,OAAI,EAAA,KAAK,WAAW,eAAW,MAAC,WAAW,QAAQ,QAAQ,EACzD,GAAA,cAAc,MAAM,CACvB;AAAA,wCAGD,QAAK,EAAA,WAAW,eAAe,KAAK,GAAG,EAAG,CAAA;AAAA,EAC7C;AAEJ;AAEO,MAAM,QAAQ,aAAa,MAAM,WAAW,cAAc,CAAC;"}

package/dist/components/Form/Input/Input.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.Input_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Input_hidden_E7GBT{display:none}.Input_slide-in_E7GBT{animation:Input_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-in_E7GBT{animation-duration:.1ms}}.Input_slide-out_E7GBT{animation:Input_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.Input_slide-out_E7GBT{animation-duration:.1ms}}@keyframes Input_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input_input-wrapper_E7GBT{position:relative;display:flex;align-items:center;border:0;border-radius:var(--input-border-radius);background-color:var(--input-background-color);padding:0 calc(.5 * var(--font-size));transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_E7GBT{transition-duration:.1ms}}.Input_input-wrapper_E7GBT input:-webkit-autofill,.Input_input-wrapper_E7GBT input:-webkit-autofill:hover,.Input_input-wrapper_E7GBT input:-webkit-autofill:focus,.Input_input-wrapper_E7GBT input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.Input_input-wrapper_E7GBT input:-webkit-autofill~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:hover~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:focus~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:active~.Input_outline_E7GBT:after{content:"";position:absolute;display:block;width:100%;height:100%;border-radius:var(--input-border-radius)}@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Input_input-wrapper_E7GBT input:-webkit-autofill~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:hover~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:focus~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:active~.Input_outline_E7GBT:after{background-color:#e8f0fe}}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){.Input_input-wrapper_E7GBT input:-webkit-autofill~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:hover~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:focus~.Input_outline_E7GBT:after,.Input_input-wrapper_E7GBT input:-webkit-autofill:active~.Input_outline_E7GBT:after{background-color:#faffbd}}.Input_input-wrapper_E7GBT:hover .Input_outline_E7GBT{border-color:var(--input-border-color);background-color:var(--input-hover-background-color)}.Input_input-wrapper_E7GBT .Input_outline_E7GBT.Input_disabled_E7GBT{border-color:var(--disabled);background-color:var(--input-disabled-background-color)}.Input_input-wrapper_E7GBT .Input_outline_E7GBT.Input_error_E7GBT{border-color:var(--error)}.Input_input-wrapper_E7GBT [data-icon-status=success],.Input_input-wrapper_E7GBT [data-icon-status=error]{height:100%;width:calc(1.25 * var(--font-size));box-sizing:border-box;font-size:var(--icon-font-big);display:flex;align-items:center;justify-content:center;z-index:2}.Input_input-wrapper_E7GBT [data-icon-status=success]:before,.Input_input-wrapper_E7GBT [data-icon-status=error]:before{font-size:var(--icon-font-big);height:calc(1.25 * var(--font-size));width:calc(1.25 * var(--font-size));display:flex;align-items:center;justify-content:center}.Input_input-wrapper_E7GBT [data-icon-status=success]{color:var(--success)}.Input_input-wrapper_E7GBT [data-icon-status=error]{color:var(--error)}.Input_input-wrapper_E7GBT[data-readonlyview=true]{color:var(--read-only-text-color)}.Input_input-wrapper_E7GBT[data-readonlyview=true] .Input_Input-module_E7GBT{border-color:var(--read-only-border-color)}.Input_input-wrapper_E7GBT[data-readonlyview=true] span.Input_outline_E7GBT{color:var(--read-only-text-color);border-color:var(--read-only-border-color);background-color:var(--color-white)}.Input_input-wrapper_E7GBT[data-readonlyview=true]:hover .Input_outline_E7GBT{color:var(--read-only-text-color);background-color:var(--color-white);border-color:var(--read-only-border-color)}.Input_input-wrapper_E7GBT [data-prefix],.Input_input-wrapper_E7GBT [data-suffix]{display:block;z-index:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input-wrapper_E7GBT [data-prefix],.Input_input-wrapper_E7GBT [data-suffix]{transition-duration:.1ms}}.Input_input-wrapper_E7GBT.Input_focus_E7GBT:not(.Input_disabled_E7GBT):not([data-readonlyview=true]),.Input_input-wrapper_E7GBT[data-readonlyview=true]:focus:not(.Input_disabled_E7GBT),.Input_input-wrapper_E7GBT[data-readonlyview=true]:focus-visible:not(.Input_disabled_E7GBT){position:relative;z-index:2;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.Input_input_E7GBT{padding:0;height:calc(2.75 * var(--font-size));color:var(--color-blue-grey900);font-size:var(--input-font-size);font-family:var(--font-family);box-sizing:border-box;border:0;border-radius:var(--input-border-radius);background-color:transparent;z-index:1}.Input_input_E7GBT:not(.Input_shrink-width-for-date-icon_E7GBT){width:100%}.Input_input_E7GBT:disabled{cursor:not-allowed;color:var(--greyed-out)}.Input_input_E7GBT.Input_shrink-width-for-date-icon_E7GBT{width:auto}.Input_input_E7GBT{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_input_E7GBT{transition-duration:.1ms}}.Input_input_E7GBT:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input_outline_E7GBT{border-color:var(--read-only-border-color)}.Input_outline_E7GBT{pointer-events:none;position:absolute;margin:0;padding:0;top:0;right:0;bottom:0;left:0;border-color:var(--input-border-color);border-style:var(--input-border-style);border-width:var(--input-border-width);border-radius:var(--input-border-radius);transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Input_outline_E7GBT{transition-duration:.1ms}}.Input_error_E7GBT input{padding-right:calc(1.25 * var(--font-size))}.Input_error_E7GBT input.Input_remove-extra-indent_E7GBT{padding-right:0}.Input_success_E7GBT input{padding-right:calc(1.25 * var(--font-size))}@media only screen and (min-width: 30em){.Input_input-wrapper_E7GBT{padding:0 calc(.5 * var(--font-size))}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Input_outline_E7GBT",t="Input_disabled_E7GBT",s="Input_error_E7GBT",r="Input_focus_E7GBT",u="Input_input_E7GBT",o="Input_success_E7GBT",p={"input-wrapper":"Input_input-wrapper_E7GBT",outline:e,disabled:t,error:s,focus:r,input:u,"shrink-width-for-date-icon":"Input_shrink-width-for-date-icon_E7GBT",success:o};exports.default=p,exports.disabled=t,exports.error=s,exports.focus=r,exports.input=u,exports.outline=e,exports.success=o;
+//# sourceMappingURL=Input.module.scss.cjs.js.map