@onewelcome/react-lib-components 8.5.0 → 8.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"RadioWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        parentErrorId: errorId,\n        error: error,\n        checked: child.props.value === value,\n        name: name,\n        parentHelperId: helperText ? helperId : false,\n        onChange: onChange,\n        disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n      })\n    );\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${\n            error ? classes[\"radio-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = React.forwardRef(RadioWrapperComponent);\n"],"names":["RadioWrapper","React","forwardRef","children","error","name","helperText","helperProps","fieldsetProps","value","onChange","disabled","rest","ref","errorId","helperId","useWrapper","useEffect","undefined","legend","console","Fieldset","createElement","Wrapper","className","classes","default","_a","errorMessageIcon","Icons","Error","Children","map","child","cloneElement","parentErrorId","checked","props","parentHelperId"],"mappings":"+PAmCA,MA+DaA,EAAeC,EAAMC,YA/D6C,EAE3EC,WACAC,QACAC,OACAC,aACAC,cACAC,gBACAC,QACAC,WACAC,cACGC,GAELC,WAEA,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,EAAUA,aAExCC,EAAAA,WAAU,UACqBC,IAAzBV,EAAcW,QAChBC,QAAQhB,MACN,6PAEH,GACA,IAeH,OACEH,gBAACoB,EAAQA,SAAA,IAAKb,EAAeG,SAAUA,GACrCV,EAACqB,cAAAC,EAAOA,QACF,IAAAX,EACJC,IAAKA,EACLF,SAAUA,EACVN,KAAMA,EACNU,SAAUA,EACVT,WAAYA,EACZC,YAAa,IACRA,EACHiB,UAAW,GAAGC,EAAAA,QAAQ,2BACpBrB,EAAQqB,EAAOC,QAAC,uBAAyB,MACjB,QAAtBC,EAAApB,aAAW,EAAXA,EAAaiB,iBAAS,IAAAG,EAAAA,EAAI,MAEhCvB,MAAOA,EACPU,QAASA,EACTc,iBAAkBC,EAAKA,MAACC,OA7B5B7B,EAAM8B,SAASC,IAAI7B,GAAU8B,GAC3BhC,EAAMiC,aAAaD,EAAO,CACxBE,cAAerB,EACfV,MAAOA,EACPgC,QAASH,EAAMI,MAAM5B,QAAUA,EAC/BJ,KAAMA,EACNiC,iBAAgBhC,GAAaS,EAC7BL,SAAUA,EACVC,cAAmCO,IAAzBe,EAAMI,MAAM1B,SAAyBsB,EAAMI,MAAM1B,SAAWA,OA0B1E"}
+{"version":3,"file":"RadioWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  useEffect\n} from \"react\";\nimport classes from \"./RadioWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { Icons } from \"../../../Icon/Icon\";\nimport { Fieldset, Props as FieldsetProps } from \"../../../Form/Fieldset/Fieldset\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, WrapperProps {\n  children: ReactElement | ReactElement[];\n  fieldsetProps: FieldsetProps;\n  value: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst RadioWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    name,\n    helperText,\n    helperProps,\n    fieldsetProps,\n    value,\n    onChange,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId } = useWrapper();\n  const readOnlyView = !!rest[\"data-readonlyview\"];\n\n  useEffect(() => {\n    if (fieldsetProps.legend === undefined) {\n      console.error(\n        `You should give your Fieldset component a legend prop so a legend element is rendered. This error was thrown in RadioWrapper. You can add this legend prop through the fieldsetProps prop by passing an object (fieldsetProps={{ legend: \"legend here\" }})`\n      );\n    }\n  }, []);\n\n  const renderChildren = () =>\n    React.Children.map(children, child => {\n      if (!readOnlyView || child.props.value === value) {\n        return React.cloneElement(child, {\n          parentErrorId: errorId,\n          error: error,\n          checked: child.props.value === value,\n          name: name,\n          parentHelperId: helperText ? helperId : false,\n          onChange: onChange,\n          disabled: child.props.disabled !== undefined ? child.props.disabled : disabled\n        });\n      }\n      return null;\n    });\n\n  return (\n    <Fieldset {...fieldsetProps} disabled={disabled}>\n      <Wrapper\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        name={name}\n        helperId={helperId}\n        helperText={helperText}\n        helperProps={{\n          ...helperProps,\n          className: `${classes[\"radio-wrapper-helper\"]} ${\n            error ? classes[\"radio-wrapper-error\"] : \"\"\n          } ${helperProps?.className ?? \"\"}`\n        }}\n        error={error}\n        errorId={errorId}\n        errorMessageIcon={Icons.Error}\n      >\n        {renderChildren()}\n      </Wrapper>\n    </Fieldset>\n  );\n};\n\nexport const RadioWrapper = withReadOnly(React.forwardRef(RadioWrapperComponent));\n"],"names":["RadioWrapper","withReadOnly","React","forwardRef","children","error","name","helperText","helperProps","fieldsetProps","value","onChange","disabled","rest","ref","errorId","helperId","useWrapper","readOnlyView","useEffect","undefined","legend","console","Fieldset","createElement","Wrapper","className","classes","default","_a","errorMessageIcon","Icons","Error","Children","map","child","props","cloneElement","parentErrorId","checked","parentHelperId"],"mappings":"+PAoCA,MAmEaA,0CAA2BC,aAACC,EAAMC,YAnEgC,EAE3EC,WACAC,QACAC,OACAC,aACAC,cACAC,gBACAC,QACAC,WACAC,cACGC,GAELC,WAEA,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,EAAUA,aAClCC,IAAiBL,EAAK,qBAE5BM,EAAAA,WAAU,UACqBC,IAAzBX,EAAcY,QAChBC,QAAQjB,MACN,6PAEH,GACA,IAkBH,OACEH,gBAACqB,EAAQA,SAAA,IAAKd,EAAeG,SAAUA,GACrCV,EAACsB,cAAAC,EAAOA,QACF,IAAAZ,EACJC,IAAKA,EACLF,SAAUA,EACVN,KAAMA,EACNU,SAAUA,EACVT,WAAYA,EACZC,YAAa,IACRA,EACHkB,UAAW,GAAGC,EAAAA,QAAQ,2BACpBtB,EAAQsB,EAAOC,QAAC,uBAAyB,MACjB,QAAtBC,EAAArB,aAAW,EAAXA,EAAakB,iBAAS,IAAAG,EAAAA,EAAI,MAEhCxB,MAAOA,EACPU,QAASA,EACTe,iBAAkBC,EAAKA,MAACC,OAhC5B9B,EAAM+B,SAASC,IAAI9B,GAAU+B,GACtBjB,GAAgBiB,EAAMC,MAAM1B,QAAUA,EAWpC,KAVER,EAAMmC,aAAaF,EAAO,CAC/BG,cAAevB,EACfV,MAAOA,EACPkC,QAASJ,EAAMC,MAAM1B,QAAUA,EAC/BJ,KAAMA,EACNkC,iBAAgBjC,GAAaS,EAC7BL,SAAUA,EACVC,cAAmCQ,IAAzBe,EAAMC,MAAMxB,SAAyBuB,EAAMC,MAAMxB,SAAWA,OA4B5E"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./SelectWrapper.module.scss.cjs.js"),l=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Select/SingleSelect/Select.cjs.js"),a=require("../../../src/hooks/useWrapper.cjs.js");const c=e.forwardRef((({children:c,error:p,success:o,value:t,placeholder:d,selectProps:u,helperProps:n,onChange:i,...h},j)=>{var m,v;const{errorId:S,helperId:W,labelId:b}=a.useWrapper();return e.createElement(l.Wrapper,{...h,ref:j,errorId:S,helperId:W,labelProps:{id:b,className:r.default["select-label"]},helperProps:{...n,className:`${r.default["select-helper-text"]} ${null!==(m=null==n?void 0:n.className)&&void 0!==m?m:""}`},error:p},e.createElement(s.Select,{...u,value:t,labeledBy:b,error:p,success:o,describedBy:p?S:W,onChange:i,placeholder:d,className:`${null!==(v=null==u?void 0:u.className)&&void 0!==v?v:""}`},c))}));exports.SelectWrapper=c;
+"use strict";var e=require("react"),r=require("./SelectWrapper.module.scss.cjs.js"),l=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Select/SingleSelect/Select.cjs.js"),a=require("../../../src/hooks/useWrapper.cjs.js"),c=require("../../../withReadOnly.cjs.js");const p=e.forwardRef((({children:c,error:p,success:t,value:d,placeholder:o,selectProps:i,helperProps:u,onChange:n,...h},j)=>{var m,v;const{errorId:S,helperId:W,labelId:y}=a.useWrapper();return e.createElement(l.Wrapper,{...h,ref:j,errorId:S,helperId:W,labelProps:{id:y,className:r.default["select-label"]},helperProps:{...u,className:`${r.default["select-helper-text"]} ${null!==(m=null==u?void 0:u.className)&&void 0!==m?m:""}`},error:p},e.createElement(s.Select,{...i,value:d,labeledBy:y,error:p,success:t,describedBy:p?S:W,onChange:n,placeholder:o,className:`${null!==(v=null==i?void 0:i.className)&&void 0!==v?v:""}`,isReadOnlyView:!!h["data-readonlyview"]},c))}));p.displayName="SelectWrapper";const t=c.withReadOnly(p);exports.SelectWrapper=t;
 //# sourceMappingURL=SelectWrapper.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/SelectWrapper/SelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./SelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Select } from \"../../Select/SingleSelect/Select\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { SingleSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string;\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <Select\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nexport const SelectWrapper = React.forwardRef(SelectWrapperComponent);\n"],"names":["SelectWrapper","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","createElement","Wrapper","labelProps","id","className","classes","default","_a","Select","labeledBy","describedBy","_b"],"mappings":"kOAqCA,MA8CaA,EAAgBC,EAAMC,YA9C6C,EAE5EC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAEjD,OACEf,EAAAgB,cAACC,UAAO,IACFP,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVK,WAAY,CAAEC,GAAIL,EAASM,UAAWC,UAAQ,iBAC9Cb,YAAa,IACRA,EACHY,UAAW,GAAGC,EAAOC,QAAC,yBAA+C,QAAtBC,EAAAf,aAAA,EAAAA,EAAaY,iBAAS,IAAAG,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPH,EAACgB,cAAAQ,EAAAA,OACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbc,UAAW,GAA6B,QAA1BO,EAAApB,aAAA,EAAAA,EAAaa,iBAAa,IAAAO,EAAAA,EAAA,MAEvCzB,GAGL"}
+{"version":3,"file":"SelectWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/SelectWrapper/SelectWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./SelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Select } from \"../../Select/SingleSelect/Select\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { SingleSelectProps } from \"../../Select/Select.interfaces\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\ninterface PartialSelectProps extends Partial<SingleSelectProps> {}\n\nexport interface Props\n  extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n    Omit<WrapperProps, \"onChange\" | \"error\"> {\n  children: ReactElement[] | ReactElement | number[];\n  placeholder?: string;\n  value: string;\n  error?: boolean;\n  selectProps?: PartialSelectProps;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  success?: boolean;\n}\n\nconst SelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    error,\n    success,\n    value,\n    placeholder,\n    selectProps,\n    helperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, helperId, labelId } = useWrapper();\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      errorId={errorId}\n      helperId={helperId}\n      labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n      helperProps={{\n        ...helperProps,\n        className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n      }}\n      error={error}\n    >\n      <Select\n        {...selectProps}\n        value={value}\n        labeledBy={labelId}\n        error={error}\n        success={success}\n        describedBy={error ? errorId : helperId}\n        onChange={onChange}\n        placeholder={placeholder}\n        className={`${selectProps?.className ?? \"\"}`}\n        isReadOnlyView={!!rest[\"data-readonlyview\"]}\n      >\n        {children as ReactElement[]}\n      </Select>\n    </Wrapper>\n  );\n};\n\nconst forwardedSelectWrapper = React.forwardRef(SelectWrapperComponent);\nforwardedSelectWrapper.displayName = \"SelectWrapper\";\n\nexport const SelectWrapper = withReadOnly(forwardedSelectWrapper);\n"],"names":["forwardedSelectWrapper","React","forwardRef","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","createElement","Wrapper","labelProps","id","className","classes","default","_a","Select","labeledBy","describedBy","_b","isReadOnlyView","displayName","SelectWrapper","withReadOnly"],"mappings":"4QAsCA,MA+CMA,EAAyBC,EAAMC,YA/C2C,EAE5EC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAEjD,OACEf,EAAAgB,cAACC,UAAO,IACFP,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVK,WAAY,CAAEC,GAAIL,EAASM,UAAWC,UAAQ,iBAC9Cb,YAAa,IACRA,EACHY,UAAW,GAAGC,EAAOC,QAAC,yBAA+C,QAAtBC,EAAAf,aAAA,EAAAA,EAAaY,iBAAS,IAAAG,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPH,EAAAgB,cAACQ,EAAMA,OAAA,IACDjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbc,UAAW,GAAyB,QAAtBO,EAAApB,aAAA,EAAAA,EAAaa,iBAAS,IAAAO,EAAAA,EAAI,KACxCC,iBAAkBlB,EAAK,sBAEtBR,GAGL,IAIJH,EAAuB8B,YAAc,sBAExBC,EAAgBC,EAAYA,aAAChC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./TextareaWrapper.module.scss.cjs.js"),a=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Textarea/Textarea.cjs.js"),l=require("../../../src/hooks/useWrapper.cjs.js");const o=e.forwardRef((({name:o,error:u,value:t,label:p,placeholder:d,textareaProps:c,helperProps:n,onChange:h,onFocus:i,onBlur:f,onMouseEnter:b,onMouseLeave:x,disabled:j,success:m,...W},v)=>{const{errorId:$,hasFocus:q,setHasFocus:I,helperId:P,labelId:T}=l.useWrapper(),[E,F]=e.useState(!1),M=[];return q&&M.push(r.default.focus),E&&M.push(r.default.hover),j&&M.push(r.default.disabled),u&&M.push(r.default.error),e.createElement(a.Wrapper,{...W,ref:v,disabled:j,labelProps:{id:T,className:`${r.default["textarea-label"]} ${M.join(" ")}`},name:o,label:p,helperId:P,helperProps:{...n,className:r.default["textarea-helper-text"]},error:u,errorId:$},e.createElement(s.Textarea,{...c,error:u,"aria-labelledby":p&&T,"aria-describedby":u?$:P,placeholder:d,name:o,id:o,value:t,success:m,onChange:h,onFocus:e=>{null==i||i(e),I(!0)},onBlur:e=>{null==f||f(e),I(!1)},onMouseEnter:e=>{null==b||b(e),F(!0)},onMouseLeave:e=>{null==x||x(e),F(!1)},className:`${r.default.textarea} ${u?r.default.error:""}`,wrapperProps:{className:`${M.join(" ")} ${r.default["textarea-wrapper"]}`}}))}));exports.TextareaWrapper=o;
+"use strict";var e=require("react"),r=require("./TextareaWrapper.module.scss.cjs.js"),a=require("../Wrapper/Wrapper.cjs.js"),s=require("../../Textarea/Textarea.cjs.js"),l=require("../../../src/hooks/useWrapper.cjs.js"),t=require("../../../withReadOnly.cjs.js"),u=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");const o=t.withReadOnly(e.forwardRef((({name:t,error:o,value:c,label:d,placeholder:n,textareaProps:p,helperProps:i,onChange:h,onFocus:b,onBlur:f,onMouseEnter:j,onMouseLeave:m,disabled:x,success:v,...I},$)=>{const{errorId:q,hasFocus:y,setHasFocus:W,helperId:w,labelId:E}=l.useWrapper(),[N,P]=e.useState(!1),T=[];y&&T.push(r.default.focus),N&&T.push(r.default.hover),x&&T.push(r.default.disabled),o&&T.push(r.default.error);const F=u.useDetermineStatusIcon({success:v,error:o});return e.createElement(a.Wrapper,{...I,ref:$,disabled:x,labelProps:{id:E,className:`${r.default["textarea-label"]} ${T.join(" ")}`},name:t,label:d,helperId:w,helperProps:{...i,className:r.default["textarea-helper-text"]},error:o,errorId:q},I["data-readonlyview"]?e.createElement("div",{"aria-labelledby":d&&E,"aria-describedby":o?q:w,id:t,tabIndex:0,className:`${o?r.default.error:""} ${v?r.default.success:""}`},F,c):e.createElement(s.Textarea,{...p,error:o,"aria-labelledby":d&&E,"aria-describedby":o?q:w,placeholder:n,name:t,id:t,value:c,success:v,onChange:h,onFocus:e=>{null==b||b(e),W(!0)},onBlur:e=>{null==f||f(e),W(!1)},onMouseEnter:e=>{null==j||j(e),P(!0)},onMouseLeave:e=>{null==m||m(e),P(!1)},className:`${r.default.textarea} ${o?r.default.error:""}`,wrapperProps:{className:`${T.join(" ")} ${r.default["textarea-wrapper"]}`}}))})));exports.TextareaWrapper=o;
 //# sourceMappingURL=TextareaWrapper.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./TextareaWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Textarea, Props as TextareaProps } from \"../../Textarea/Textarea\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\n\nexport interface Props\n  extends Omit<\n      ComponentPropsWithRef<\"div\">,\n      \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n    >,\n    Omit<WrapperProps, \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"> {\n  placeholder?: string;\n  textareaProps?: TextareaProps;\n  value: string;\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  success?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    error,\n    value,\n    label,\n    placeholder,\n    textareaProps,\n    helperProps,\n    onChange,\n    onFocus,\n    onBlur,\n    onMouseEnter,\n    onMouseLeave,\n    disabled,\n    success,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const [hover, setHover] = useState(false);\n\n  const wrapperClasses: string[] = [];\n\n  hasFocus && wrapperClasses.push(classes[\"focus\"]);\n  hover && wrapperClasses.push(classes[\"hover\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]);\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      labelProps={{\n        id: labelId,\n        className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n      }}\n      name={name}\n      label={label}\n      helperId={helperId}\n      helperProps={{\n        ...helperProps,\n        className: classes[\"textarea-helper-text\"]\n      }}\n      error={error}\n      errorId={errorId}\n    >\n      <Textarea\n        {...textareaProps}\n        error={error}\n        aria-labelledby={label && labelId}\n        aria-describedby={error ? errorId : helperId}\n        placeholder={placeholder}\n        name={name}\n        id={name}\n        value={value}\n        success={success}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        onMouseEnter={e => {\n          onMouseEnter?.(e);\n          setHover(true);\n        }}\n        onMouseLeave={e => {\n          onMouseLeave?.(e);\n          setHover(false);\n        }}\n        className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n        wrapperProps={{\n          className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n        }}\n      />\n    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = React.forwardRef(TextareaWrapperComponent);\n"],"names":["TextareaWrapper","React","forwardRef","name","error","value","label","placeholder","textareaProps","helperProps","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","disabled","success","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","hover","setHover","useState","wrapperClasses","push","classes","createElement","Wrapper","labelProps","id","className","default","join","Textarea","e","wrapperProps"],"mappings":"2NAuCA,MAqFaA,EAAkBC,EAAMC,YArF6C,EAE9EC,OACAC,QACAC,QACAC,QACAC,cACAC,gBACAC,cACAC,WACAC,UACAC,SACAC,eACAC,eACAC,WACAC,aACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,cACvDC,EAAOC,GAAYC,EAAQA,UAAC,GAE7BC,EAA2B,GAOjC,OALAR,GAAYQ,EAAeC,KAAKC,EAAAA,QAAe,OAC/CL,GAASG,EAAeC,KAAKC,EAAAA,QAAe,OAC5Cf,GAAYa,EAAeC,KAAKC,EAAAA,QAAkB,UAClD1B,GAASwB,EAAeC,KAAKC,EAAAA,QAAe,OAG1C7B,EAAA8B,cAACC,EAAOA,QAAA,IACFf,EACJC,IAAKA,EACLH,SAAUA,EACVkB,WAAY,CACVC,GAAIX,EACJY,UAAW,GAAGL,EAAOM,QAAC,qBAAqBR,EAAeS,KAAK,QAEjElC,KAAMA,EACNG,MAAOA,EACPgB,SAAUA,EACVb,YAAa,IACRA,EACH0B,UAAWL,EAAOM,QAAC,yBAErBhC,MAAOA,EACPe,QAASA,GAETlB,EAAC8B,cAAAO,EAAAA,aACK9B,EACJJ,MAAOA,EACU,kBAAAE,GAASiB,qBACRnB,EAAQe,EAAUG,EACpCf,YAAaA,EACbJ,KAAMA,EACN+B,GAAI/B,EACJE,MAAOA,EACPW,QAASA,EACTN,SAAUA,EACVC,QAAS4B,IACP5B,SAAAA,EAAU4B,GACVlB,GAAY,EAAK,EAEnBT,OAAQ2B,IACN3B,SAAAA,EAAS2B,GACTlB,GAAY,EAAM,EAEpBR,aAAc0B,IACZ1B,SAAAA,EAAe0B,GACfb,GAAS,EAAK,EAEhBZ,aAAcyB,IACZzB,SAAAA,EAAeyB,GACfb,GAAS,EAAM,EAEjBS,UAAW,GAAGL,UAAkB,YAAK1B,EAAQ0B,EAAAA,QAAe,MAAI,KAChEU,aAAc,CACZL,UAAW,GAAGP,EAAeS,KAAK,QAAQP,EAAAA,QAAQ,yBAIxD"}
+{"version":3,"file":"TextareaWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useState } from \"react\";\nimport classes from \"./TextareaWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { Textarea, Props as TextareaProps } from \"../../Textarea/Textarea\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props\n  extends Omit<\n      ComponentPropsWithRef<\"div\">,\n      \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n    >,\n    Omit<WrapperProps, \"onFocus\" | \"onChange\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"> {\n  placeholder?: string;\n  textareaProps?: TextareaProps;\n  value: string;\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;\n  success?: boolean;\n  readOnlyView?: boolean;\n}\n\nconst TextareaWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    error,\n    value,\n    label,\n    placeholder,\n    textareaProps,\n    helperProps,\n    onChange,\n    onFocus,\n    onBlur,\n    onMouseEnter,\n    onMouseLeave,\n    disabled,\n    success,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, hasFocus, setHasFocus, helperId, labelId } = useWrapper();\n  const [hover, setHover] = useState(false);\n\n  const wrapperClasses: string[] = [];\n\n  hasFocus && wrapperClasses.push(classes[\"focus\"]);\n  hover && wrapperClasses.push(classes[\"hover\"]);\n  disabled && wrapperClasses.push(classes[\"disabled\"]);\n  error && wrapperClasses.push(classes[\"error\"]);\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const getTextareaWrapper = () => {\n    if (rest[\"data-readonlyview\"]) {\n      return (\n        <div\n          aria-labelledby={label && labelId}\n          aria-describedby={error ? errorId : helperId}\n          id={name}\n          tabIndex={0}\n          className={`${error ? classes[\"error\"] : \"\"} ${success ? classes[\"success\"] : \"\"}`}\n        >\n          {icon}\n          {value}\n        </div>\n      );\n    }\n    return (\n      <Textarea\n        {...textareaProps}\n        error={error}\n        aria-labelledby={label && labelId}\n        aria-describedby={error ? errorId : helperId}\n        placeholder={placeholder}\n        name={name}\n        id={name}\n        value={value}\n        success={success}\n        onChange={onChange}\n        onFocus={e => {\n          onFocus?.(e);\n          setHasFocus(true);\n        }}\n        onBlur={e => {\n          onBlur?.(e);\n          setHasFocus(false);\n        }}\n        onMouseEnter={e => {\n          onMouseEnter?.(e);\n          setHover(true);\n        }}\n        onMouseLeave={e => {\n          onMouseLeave?.(e);\n          setHover(false);\n        }}\n        className={`${classes[\"textarea\"]} ${error ? classes[\"error\"] : \"\"}`}\n        wrapperProps={{\n          className: `${wrapperClasses.join(\" \")} ${classes[\"textarea-wrapper\"]}`\n        }}\n      />\n    );\n  };\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      labelProps={{\n        id: labelId,\n        className: `${classes[\"textarea-label\"]} ${wrapperClasses.join(\" \")}`\n      }}\n      name={name}\n      label={label}\n      helperId={helperId}\n      helperProps={{\n        ...helperProps,\n        className: classes[\"textarea-helper-text\"]\n      }}\n      error={error}\n      errorId={errorId}\n    >\n      {getTextareaWrapper()}\n    </Wrapper>\n  );\n};\n\nexport const TextareaWrapper = withReadOnly(React.forwardRef(TextareaWrapperComponent));\n"],"names":["TextareaWrapper","withReadOnly","React","forwardRef","name","error","value","label","placeholder","textareaProps","helperProps","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","disabled","success","rest","ref","errorId","hasFocus","setHasFocus","helperId","labelId","useWrapper","hover","setHover","useState","wrapperClasses","push","classes","icon","useDetermineStatusIcon","createElement","Wrapper","labelProps","id","className","default","join","tabIndex","Textarea","e","wrapperProps"],"mappings":"mUA0CA,MA2GaA,EAAkBC,EAAYA,aAACC,EAAMC,YA3GgC,EAE9EC,OACAC,QACAC,QACAC,QACAC,cACAC,gBACAC,cACAC,WACAC,UACAC,SACAC,eACAC,eACAC,WACAC,aACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,YAAEA,EAAWC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,cACvDC,EAAOC,GAAYC,EAAQA,UAAC,GAE7BC,EAA2B,GAEjCR,GAAYQ,EAAeC,KAAKC,EAAAA,QAAe,OAC/CL,GAASG,EAAeC,KAAKC,EAAAA,QAAe,OAC5Cf,GAAYa,EAAeC,KAAKC,EAAAA,QAAkB,UAClD1B,GAASwB,EAAeC,KAAKC,EAAAA,QAAe,OAE5C,MAAMC,EAAOC,EAAsBA,uBAAC,CAAEhB,UAASZ,UAqD/C,OACEH,EAAAgC,cAACC,EAAOA,QAAA,IACFjB,EACJC,IAAKA,EACLH,SAAUA,EACVoB,WAAY,CACVC,GAAIb,EACJc,UAAW,GAAGP,EAAOQ,QAAC,qBAAqBV,EAAeW,KAAK,QAEjEpC,KAAMA,EACNG,MAAOA,EACPgB,SAAUA,EACVb,YAAa,IACRA,EACH4B,UAAWP,EAAOQ,QAAC,yBAErBlC,MAAOA,EACPe,QAASA,GAnEPF,EAAK,qBAELhB,EACmBgC,cAAA,MAAA,CAAA,kBAAA3B,GAASiB,qBACRnB,EAAQe,EAAUG,EACpCc,GAAIjC,EACJqC,SAAU,EACVH,UAAW,GAAGjC,EAAQ0B,EAAOQ,QAAQ,MAAI,MAAMtB,EAAUc,EAAOQ,QAAU,QAAI,MAE7EP,EACA1B,GAKLJ,EAACgC,cAAAQ,EAAQA,SACH,IAAAjC,EACJJ,MAAOA,EAAK,kBACKE,GAASiB,EACR,mBAAAnB,EAAQe,EAAUG,EACpCf,YAAaA,EACbJ,KAAMA,EACNiC,GAAIjC,EACJE,MAAOA,EACPW,QAASA,EACTN,SAAUA,EACVC,QAAS+B,IACP/B,SAAAA,EAAU+B,GACVrB,GAAY,EAAK,EAEnBT,OAAQ8B,IACN9B,SAAAA,EAAS8B,GACTrB,GAAY,EAAM,EAEpBR,aAAc6B,IACZ7B,SAAAA,EAAe6B,GACfhB,GAAS,EAAK,EAEhBZ,aAAc4B,IACZ5B,SAAAA,EAAe4B,GACfhB,GAAS,EAAM,EAEjBW,UAAW,GAAGP,UAAkB,YAAK1B,EAAQ0B,EAAAA,QAAe,MAAI,KAChEa,aAAc,CACZN,UAAW,GAAGT,EAAeW,KAAK,QAAQT,EAAAA,QAAQ,yBA2BxD"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextareaWrapper-module_sr-only__5Tu7R{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TextareaWrapper-module_hidden__9-hpM{display:none}.TextareaWrapper-module_slide-in__OSAZx{animation:TextareaWrapper-module_slide-in__OSAZx .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-in__OSAZx{animation-duration:.1ms}}.TextareaWrapper-module_slide-out__DB1l8{animation:TextareaWrapper-module_slide-out__DB1l8 .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-out__DB1l8{animation-duration:.1ms}}@keyframes TextareaWrapper-module_slide-in__OSAZx{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper-module_slide-out__DB1l8{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TextareaWrapper-module_textarea-wrapper__OG49R:after{background-color:var(--light);border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;content:"";display:block;left:1px;position:absolute;top:1px;transition-duration:.15s;transition-property:all;transition-timing-function:ease-in-out;width:95%;z-index:0}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_textarea-wrapper__OG49R:after{transition-duration:.1ms}}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_disabled__SHxyW:after{background-color:var(--disabled)}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_focus__cRjIq:after{left:2px;top:2px}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:focus:not(:disabled){outline:none}.TextareaWrapper-module_textarea-helper-text__goqbb{margin-top:.14rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0Esc0RBSUUsNkJBQThCLENBSzlCLHVFQUF3RSxDQVJ4RSxVQUFXLENBQ1gsYUFBYyxDQUtkLFFBQVMsQ0FGVCxpQkFBa0IsQ0FHbEIsT0FBUSxDQUdSLHdCQUEwQixDQUQxQix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBVHZDLFNBQVUsQ0FHVixTQU9GLENBQ0EsdUNBQ0Usc0RBQ0Usd0JBQ0YsQ0FDRixDQUNBLDZGQUNFLGdDQUNGLENBQ0EsMEZBQ0UsUUFBUyxDQUNULE9BQ0YsQ0FDQSw4R0FDRSxpQ0FDRixDQUNBLDZHQUNFLFlBQ0YsQ0FFQSxvREFDRSxpQkFDRiIsImZpbGUiOiJUZXh0YXJlYVdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4udGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogOTUlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMDtcbiAgbGVmdDogMXB4O1xuICB0b3A6IDFweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cykgdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cykgMCAwO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMTVzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudGV4dGFyZWEtd3JhcHBlcjphZnRlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYS13cmFwcGVyLmRpc2FibGVkOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIuZm9jdXM6YWZ0ZXIge1xuICBsZWZ0OiAycHg7XG4gIHRvcDogMnB4O1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLnRleHRhcmVhOmFjdGl2ZTpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAudGV4dGFyZWE6Zm9jdXM6bm90KDpkaXNhYmxlZCkge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4udGV4dGFyZWEtaGVscGVyLXRleHQge1xuICBtYXJnaW4tdG9wOiAwLjE0cmVtO1xufSJdfQ== */'),exports.default={"sr-only":"TextareaWrapper-module_sr-only__5Tu7R",hidden:"TextareaWrapper-module_hidden__9-hpM","slide-in":"TextareaWrapper-module_slide-in__OSAZx","slide-out":"TextareaWrapper-module_slide-out__DB1l8","textarea-wrapper":"TextareaWrapper-module_textarea-wrapper__OG49R",disabled:"TextareaWrapper-module_disabled__SHxyW",focus:"TextareaWrapper-module_focus__cRjIq",textarea:"TextareaWrapper-module_textarea__uvlUM","textarea-helper-text":"TextareaWrapper-module_textarea-helper-text__goqbb"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextareaWrapper-module_sr-only__5Tu7R{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.TextareaWrapper-module_hidden__9-hpM{display:none}.TextareaWrapper-module_slide-in__OSAZx{animation:TextareaWrapper-module_slide-in__OSAZx .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-in__OSAZx{animation-duration:.1ms}}.TextareaWrapper-module_slide-out__DB1l8{animation:TextareaWrapper-module_slide-out__DB1l8 .5s forwards}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_slide-out__DB1l8{animation-duration:.1ms}}@keyframes TextareaWrapper-module_slide-in__OSAZx{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TextareaWrapper-module_slide-out__DB1l8{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.TextareaWrapper-module_textarea-wrapper__OG49R:after{background-color:var(--light);border-radius:var(--input-border-radius) var(--input-border-radius) 0 0;content:"";display:block;left:1px;position:absolute;top:1px;transition-duration:.15s;transition-property:all;transition-timing-function:ease-in-out;width:95%;z-index:0}@media (prefers-reduced-motion:reduce){.TextareaWrapper-module_textarea-wrapper__OG49R:after{transition-duration:.1ms}}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_disabled__SHxyW:after{background-color:var(--disabled)}.TextareaWrapper-module_textarea-wrapper__OG49R.TextareaWrapper-module_focus__cRjIq:after{left:2px;top:2px}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:active:not(:disabled){border-color:var(--color-primary)}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:focus:not(:disabled){outline:none}.TextareaWrapper-module_textarea-wrapper__OG49R .TextareaWrapper-module_textarea__uvlUM:has([data-icon-status]){padding-right:2.5rem}.TextareaWrapper-module_textarea-helper-text__goqbb{margin-top:.14rem}[data-readonlyview=true]~span.TextareaWrapper-module_error__qXY8L{background-color:var(--color-white)}[data-readonlyview=true] label+div:not(:has(input)){background-color:var(--color-white);border:1px solid var(--color-blue-grey100);border-radius:.125rem;color:var(--read-only-text-color);font-family:var(--font-family);font-size:var(--form-control-font-size);min-height:4rem;padding:.5rem .75rem;position:relative}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status]{font-size:1.125rem;height:1.25rem;position:absolute;right:1.25rem;top:.8rem;width:1.25rem}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=error]{color:var(--error)}[data-readonlyview=true] label+div:not(:has(input)) [data-icon-status=success]{color:var(--success)}[data-readonlyview=true] label+div:not(:has(input)):has([data-icon-status]){padding-right:2.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhV3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0Esc0RBSUUsNkJBQThCLENBSzlCLHVFQUF3RSxDQVJ4RSxVQUFXLENBQ1gsYUFBYyxDQUtkLFFBQVMsQ0FGVCxpQkFBa0IsQ0FHbEIsT0FBUSxDQUdSLHdCQUEwQixDQUQxQix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBVHZDLFNBQVUsQ0FHVixTQU9GLENBQ0EsdUNBQ0Usc0RBQ0Usd0JBQ0YsQ0FDRixDQUNBLDZGQUNFLGdDQUNGLENBQ0EsMEZBQ0UsUUFBUyxDQUNULE9BQ0YsQ0FDQSw4R0FDRSxpQ0FDRixDQUNBLDZHQUNFLFlBQ0YsQ0FDQSxnSEFDRSxvQkFDRixDQUVBLG9EQUNFLGlCQUNGLENBRUEsa0VBQ0UsbUNBQ0YsQ0FDQSxvREFJRSxtQ0FBb0MsQ0FGcEMsMENBQTJDLENBTzNDLHFCQUF1QixDQU52QixpQ0FBa0MsQ0FHbEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQU54QyxlQUFnQixDQUloQixvQkFBdUIsQ0FHdkIsaUJBRUYsQ0FDQSx1RUFJRSxrQkFBbUIsQ0FDbkIsY0FBZSxDQUpmLGlCQUFrQixDQUNsQixhQUFjLENBQ2QsU0FBVyxDQUdYLGFBQ0YsQ0FDQSw2RUFDRSxrQkFDRixDQUNBLCtFQUNFLG9CQUNGLENBQ0EsNEVBQ0Usb0JBQ0YiLCJmaWxlIjoiVGV4dGFyZWFXcmFwcGVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRleHRhcmVhLXdyYXBwZXI6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDk1JTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGlnaHQpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDA7XG4gIGxlZnQ6IDFweDtcbiAgdG9wOiAxcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpIHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpIDAgMDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjE1cztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnRleHRhcmVhLXdyYXBwZXI6YWZ0ZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udGV4dGFyZWEtd3JhcHBlci5kaXNhYmxlZDphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyLmZvY3VzOmFmdGVyIHtcbiAgbGVmdDogMnB4O1xuICB0b3A6IDJweDtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC50ZXh0YXJlYTphY3RpdmU6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLnRleHRhcmVhOmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIC50ZXh0YXJlYTpoYXMoW2RhdGEtaWNvbi1zdGF0dXNdKSB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNXJlbTtcbn1cblxuLnRleHRhcmVhLWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNHJlbTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5lcnJvciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIHtcbiAgbWluLWhlaWdodDogNHJlbTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICBwYWRkaW5nOiAwLjVyZW0gMC43NXJlbTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIFtkYXRhLWljb24tc3RhdHVzXSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDEuMjVyZW07XG4gIHRvcDogMC44cmVtO1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGxhYmVsICsgZGl2Om5vdCg6aGFzKGlucHV0KSkgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBsYWJlbCArIGRpdjpub3QoOmhhcyhpbnB1dCkpIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGxhYmVsICsgZGl2Om5vdCg6aGFzKGlucHV0KSk6aGFzKFtkYXRhLWljb24tc3RhdHVzXSkge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG59Il19 */'),exports.default={"sr-only":"TextareaWrapper-module_sr-only__5Tu7R",hidden:"TextareaWrapper-module_hidden__9-hpM","slide-in":"TextareaWrapper-module_slide-in__OSAZx","slide-out":"TextareaWrapper-module_slide-out__DB1l8","textarea-wrapper":"TextareaWrapper-module_textarea-wrapper__OG49R",disabled:"TextareaWrapper-module_disabled__SHxyW",focus:"TextareaWrapper-module_focus__cRjIq",textarea:"TextareaWrapper-module_textarea__uvlUM","textarea-helper-text":"TextareaWrapper-module_textarea-helper-text__goqbb",error:"TextareaWrapper-module_error__qXY8L"};
 //# sourceMappingURL=TextareaWrapper.module.scss.cjs.js.map

package/dist/cjs/Form/Wrapper/Wrapper/Wrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../FormGroup/FormGroup.cjs.js"),s=require("../../Label/Label.cjs.js"),a=require("./Wrapper.module.scss.cjs.js");const l=e.forwardRef((({children:l,className:o,error:t,errorMessage:d,errorId:n,errorMessageIcon:p,errorMessageIconPosition:u,helperText:c,helperId:i,required:m,helperProps:h,helperIndent:b,labelProps:f,label:I,disabled:j,name:N,innerClassName:g,...q},M)=>{const E=[a.default["form-input-label"]];return(null==f?void 0:f.className)&&E.push(f.className),m&&E.push(a.default.required),t&&E.push(a.default.error),j&&E.push(a.default.disabled),e.createElement("div",{...q,ref:M,className:`${a.default.wrapper} ${null!=o?o:""}`},e.createElement(r.FormGroup,{disabled:j,error:t,errorMessage:d,errorId:n,errorMessageIcon:p,errorMessageIconPosition:u,helperText:c,helperId:i,helperProps:h},e.createElement("div",{className:` ${g||""}`},I&&e.createElement(s.Label,{...f,className:`${a.default.label} ${E.join(" ")}`,htmlFor:N},I),e.Children.map(l,(r=>e.cloneElement(r,{disabled:j}))))))}));exports.Wrapper=l;
+"use strict";var e=require("react"),r=require("../../FormGroup/FormGroup.cjs.js"),s=require("../../Label/Label.cjs.js"),a=require("./Wrapper.module.scss.cjs.js");const l=e.forwardRef((({children:l,className:o,error:t,errorMessage:d,errorId:p,errorMessageIcon:n,errorMessageIconPosition:u,errorMessageProps:c,helperText:i,helperId:m,required:h,helperProps:b,helperIndent:f,labelProps:I,label:g,disabled:M,name:j,innerClassName:N,...P},q)=>{const E=[a.default["form-input-label"]];return(null==I?void 0:I.className)&&E.push(I.className),h&&E.push(a.default.required),t&&E.push(a.default.error),M&&E.push(a.default.disabled),e.createElement("div",{...P,ref:q,className:`${a.default.wrapper} ${null!=o?o:""}`},e.createElement(r.FormGroup,{disabled:M,error:t,errorMessage:d,errorId:p,errorMessageIcon:n,errorMessageIconPosition:u,errorMessageProps:c,helperText:i,helperId:m,helperProps:b},e.createElement("div",{className:` ${N||""}`},g&&e.createElement(s.Label,{...I,className:`${a.default.label} ${E.join(" ")}`,htmlFor:j},g),e.Children.map(l,(r=>e.cloneElement(r,{disabled:M}))))))}));exports.Wrapper=l;
 //# sourceMappingURL=Wrapper.cjs.js.map

package/dist/cjs/Form/Wrapper/Wrapper/Wrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/Wrapper/Wrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport { FormGroup, Props as FormGroupProps } from \"../../FormGroup/FormGroup\";\nimport { Label, Props as LabelProps } from \"../../Label/Label\";\nimport classes from \"./Wrapper.module.scss\";\nimport { Props as HelperProps } from \"../../FormHelperText/FormHelperText\";\nimport { FormElement } from \"../../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormGroupProps {\n  children: ReactElement | ReactElement[];\n  helperIndent?: number;\n  label?: string;\n  labelProps?: LabelProps;\n  name: string;\n  /** This does NOT add validation! It simply adds an asterix on the Label! */\n  required?: boolean;\n  innerClassName?: string;\n}\n\n/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */\nexport interface WrapperProps extends Omit<FormElement, \"success\"> {\n  errorMessage?: string;\n  helperText?: string;\n  helperProps?: HelperProps;\n  label?: string;\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst WrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition,\n    helperText,\n    helperId,\n    required,\n    helperProps,\n    helperIndent,\n    labelProps,\n    label,\n    disabled,\n    name,\n    innerClassName,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        disabled\n      })\n    );\n\n  const labelClasses = [classes[\"form-input-label\"]];\n\n  labelProps?.className && labelClasses.push(labelProps.className);\n  required && labelClasses.push(classes[\"required\"]);\n  error && labelClasses.push(classes[\"error\"]);\n  disabled && labelClasses.push(classes[\"disabled\"]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      <FormGroup\n        disabled={disabled}\n        error={error}\n        errorMessage={errorMessage}\n        errorId={errorId}\n        errorMessageIcon={errorMessageIcon}\n        errorMessageIconPosition={errorMessageIconPosition}\n        helperText={helperText}\n        helperId={helperId}\n        helperProps={helperProps}\n      >\n        <div className={` ${innerClassName ? innerClassName : \"\"}`}>\n          {label && (\n            <Label\n              {...labelProps}\n              className={`${classes.label} ${labelClasses.join(\" \")}`}\n              htmlFor={name}\n            >\n              {label}\n            </Label>\n          )}\n          {renderChildren()}\n        </div>\n      </FormGroup>\n    </div>\n  );\n};\n\nexport const Wrapper = React.forwardRef(WrapperComponent);\n"],"names":["Wrapper","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","helperText","helperId","required","helperProps","helperIndent","labelProps","label","disabled","name","innerClassName","rest","ref","labelClasses","classes","push","default","wrapper","createElement","FormGroup","Label","join","htmlFor","Children","map","child","cloneElement"],"mappings":"kKA6CA,MAmEaA,EAAUC,EAAMC,YAnE6C,EAEtEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BACAC,aACAC,WACAC,WACAC,cACAC,eACAC,aACAC,QACAC,WACAC,OACAC,oBACGC,GAELC,KAEA,MAOMC,EAAe,CAACC,UAAQ,qBAO9B,OALAR,aAAA,EAAAA,EAAYX,YAAakB,EAAaE,KAAKT,EAAWX,WACtDQ,GAAYU,EAAaE,KAAKD,EAAAA,QAAkB,UAChDlB,GAASiB,EAAaE,KAAKD,EAAAA,QAAe,OAC1CN,GAAYK,EAAaE,KAAKD,EAAAA,QAAkB,UAG9CtB,0BAASmB,EAAMC,IAAKA,EAAKjB,UAAW,GAAGmB,EAAOE,QAACC,WAAWtB,QAAAA,EAAa,MACrEH,EAAA0B,cAACC,EAASA,UACR,CAAAX,SAAUA,EACVZ,MAAOA,EACPC,aAAcA,EACdC,QAASA,EACTC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,WAAYA,EACZC,SAAUA,EACVE,YAAaA,GAEbZ,EAAA0B,cAAA,MAAA,CAAKvB,UAAW,IAAIe,GAAkC,MACnDH,GACCf,EAAC0B,cAAAE,EAAKA,MACA,IAAAd,EACJX,UAAW,GAAGmB,UAAQP,SAASM,EAAaQ,KAAK,OACjDC,QAASb,GAERF,GAjCXf,EAAM+B,SAASC,IAAI9B,GAAU+B,GAC3BjC,EAAMkC,aAAaD,EAAO,CACxBjB,iBAsCJ"}
+{"version":3,"file":"Wrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/Wrapper/Wrapper.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport { FormGroup, Props as FormGroupProps } from \"../../FormGroup/FormGroup\";\nimport { Label, Props as LabelProps } from \"../../Label/Label\";\nimport classes from \"./Wrapper.module.scss\";\nimport { Props as HelperProps } from \"../../FormHelperText/FormHelperText\";\nimport { FormElement } from \"../../form.interfaces\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormGroupProps {\n  children: ReactElement | ReactElement[];\n  helperIndent?: number;\n  label?: string;\n  labelProps?: LabelProps;\n  name: string;\n  /** This does NOT add validation! It simply adds an asterix on the Label! */\n  required?: boolean;\n  innerClassName?: string;\n}\n\n/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */\nexport interface WrapperProps extends Omit<FormElement, \"success\"> {\n  errorMessage?: string;\n  helperText?: string;\n  helperProps?: HelperProps;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  label?: string;\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n}\n\nconst WrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition,\n    errorMessageProps,\n    helperText,\n    helperId,\n    required,\n    helperProps,\n    helperIndent,\n    labelProps,\n    label,\n    disabled,\n    name,\n    innerClassName,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () =>\n    React.Children.map(children, child =>\n      React.cloneElement(child, {\n        disabled\n      })\n    );\n\n  const labelClasses = [classes[\"form-input-label\"]];\n\n  labelProps?.className && labelClasses.push(labelProps.className);\n  required && labelClasses.push(classes[\"required\"]);\n  error && labelClasses.push(classes[\"error\"]);\n  disabled && labelClasses.push(classes[\"disabled\"]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes.wrapper} ${className ?? \"\"}`}>\n      <FormGroup\n        disabled={disabled}\n        error={error}\n        errorMessage={errorMessage}\n        errorId={errorId}\n        errorMessageIcon={errorMessageIcon}\n        errorMessageIconPosition={errorMessageIconPosition}\n        errorMessageProps={errorMessageProps}\n        helperText={helperText}\n        helperId={helperId}\n        helperProps={helperProps}\n      >\n        <div className={` ${innerClassName ? innerClassName : \"\"}`}>\n          {label && (\n            <Label\n              {...labelProps}\n              className={`${classes.label} ${labelClasses.join(\" \")}`}\n              htmlFor={name}\n            >\n              {label}\n            </Label>\n          )}\n          {renderChildren()}\n        </div>\n      </FormGroup>\n    </div>\n  );\n};\n\nexport const Wrapper = React.forwardRef(WrapperComponent);\n"],"names":["Wrapper","React","forwardRef","children","className","error","errorMessage","errorId","errorMessageIcon","errorMessageIconPosition","errorMessageProps","helperText","helperId","required","helperProps","helperIndent","labelProps","label","disabled","name","innerClassName","rest","ref","labelClasses","classes","push","default","wrapper","createElement","FormGroup","Label","join","htmlFor","Children","map","child","cloneElement"],"mappings":"kKA8CA,MAqEaA,EAAUC,EAAMC,YArE6C,EAEtEC,WACAC,YACAC,QACAC,eACAC,UACAC,mBACAC,2BACAC,oBACAC,aACAC,WACAC,WACAC,cACAC,eACAC,aACAC,QACAC,WACAC,OACAC,oBACGC,GAELC,KAEA,MAOMC,EAAe,CAACC,UAAQ,qBAO9B,OALAR,aAAA,EAAAA,EAAYZ,YAAamB,EAAaE,KAAKT,EAAWZ,WACtDS,GAAYU,EAAaE,KAAKD,EAAAA,QAAkB,UAChDnB,GAASkB,EAAaE,KAAKD,EAAAA,QAAe,OAC1CN,GAAYK,EAAaE,KAAKD,EAAAA,QAAkB,UAG9CvB,0BAASoB,EAAMC,IAAKA,EAAKlB,UAAW,GAAGoB,EAAOE,QAACC,WAAWvB,QAAAA,EAAa,MACrEH,EAAA2B,cAACC,YACC,CAAAX,SAAUA,EACVb,MAAOA,EACPC,aAAcA,EACdC,QAASA,EACTC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,kBAAmBA,EACnBC,WAAYA,EACZC,SAAUA,EACVE,YAAaA,GAEbb,EAAA2B,cAAA,MAAA,CAAKxB,UAAW,IAAIgB,GAAkC,MACnDH,GACChB,EAAC2B,cAAAE,EAAKA,MACA,IAAAd,EACJZ,UAAW,GAAGoB,UAAQP,SAASM,EAAaQ,KAAK,OACjDC,QAASb,GAERF,GAlCXhB,EAAMgC,SAASC,IAAI/B,GAAUgC,GAC3BlC,EAAMmC,aAAaD,EAAO,CACxBjB,iBAuCJ"}

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

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

package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react");exports.BaseStyling=({children:o,properties:e={}})=>{const l={colorPrimary50:"#E6E7F4",colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",sideSheetShadowColorOne:"#01053214",sideSheetShadowColorTwo:"#0105320a",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--light)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary100)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green100)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red100)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange100)",alertWarningInvertedColor:"var(--color-orange500)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem"},[a,t]=r.useState(!0),c=r.useRef(null),n=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));c.current.style.setProperty(`--${r}`,e)}};return r.useEffect((()=>{if(0!==Object.keys(e).length&&c.current){const r={...l,...e};n(r)}else c.current&&n(l);t(!1)}),[e,c.current]),r.createElement("div",{className:"basestyling-wrapper",ref:c},a?null:o)};
+"use strict";var r=require("react");exports.BaseStyling=({children:o,properties:e={}})=>{const l={colorPrimary50:"#E6E7F4",colorPrimary100:"#CDD0EA",colorPrimary300:"#6871BF",colorPrimary500:"#041295",colorPrimary600:"#030F77",colorPrimary700:"#020B59",colorPrimary900:"#01041E",colorBlueGrey25:"#F7F7F9",colorBlueGrey50:"#EEEFF3",colorBlueGrey100:"#DEDEE6",colorBlueGrey200:"#BCBECE",colorBlueGrey300:"#9A9DB5",colorBlueGrey400:"#797D9C",colorBlueGrey500:"#5D607E",colorBlueGrey700:"#383A4B",colorBlueGrey800:"#252733",colorBlueGrey900:"#131319",colorGreen100:"#D1E6DA",colorGreen200:"#A2CDB4",colorGreen500:"#178244",colorGreen600:"#126836",colorGreen700:"#0E4E29",colorOrange100:"#FFE0B2",colorOrange500:"#E07900",colorOrange600:"#B36100",colorOrange700:"#864900",colorRed100:"#FFCDD2",colorRed200:"#F3A599",colorRed500:"#E01E00",colorRed600:"#B31800",colorRed700:"#861200",colorBlack100:"#000000",colorBlack20:"rgba(0, 0, 0, 0.2)",colorBlack10:"rgba(0, 0, 0, 0.1)",colorWhite:"#FFFFFF",colorFocus:"var(--color-primary300)",colorPrimary:"var(--color-primary500)",colorSuccess:"var(--color-green500)",colorWarning:"var(--color-orange500)",colorDanger:"var(--color-red500)",defaultPressedColor:"var(--color-blue-grey100)",defaultHoverColor:"var(--color-blue-grey25)",defaultLineHeight:"1.5",dataGridLineHeight:"1.25",defaultBorderRadius:"0.25rem",focusBorderRadius:"0.125rem",buttonBorderRadius:"0.125rem",buttonBorderWidth:"2px",buttonFontSize:"0.875rem",buttonBorderStyle:"solid",buttonFillTextColor:"var(--light)",buttonPrimaryDefaultColor:"var(--color-primary500)",buttonPrimaryHoverColor:"var(--color-primary600)",buttonPrimaryFocusedColor:"var(--color-primary500)",buttonPrimaryPressedColor:"var(--color-primary700)",buttonSuccessDefaultColor:"var(--color-green500)",buttonSuccessHoverColor:"var(--color-green600)",buttonSuccessFocusedColor:"var(--color-green500)",buttonSuccessPressedColor:"var(--color-green700)",buttonDangerDefaultColor:"var(--color-red500)",buttonDangerHoverColor:"var(--color-red600)",buttonDangerFocusedColor:"var(--color-red500)",buttonDangerPressedColor:"var(--color-red700)",buttonWarningDefaultColor:"var(--color-orange500)",buttonWarningHoverColor:"var(--color-orange600)",buttonWarningFocusedColor:"var(--color-orange500)",buttonWarningPressedColor:"var(--color-orange700)",buttonDefaultColor:"var(--color-blue-grey700)",buttonDefaultHoverColor:"var(--color-blue-grey800)",buttonDefaultFocusedColor:"var(--color-blue-grey700)",buttonDefaultPressedColor:"var(--color-blue-grey800)",buttonOutlineHoverTextColor:"var(--color-primary600)",checkboxUncheckedHoverColor:"var(--color-blue-grey50)",checkboxUncheckedPressedColor:"var(--default-pressed-color)",checkboxCheckedHoverColor:"var(--color-primary600)",checkboxCheckedPressedColor:"var(--color-primary700)",radioHoverBackgroundColor:"var(--color-blue-grey50)",radioPressedBackgroundColor:"var(--default-pressed-color)",radioHoverColor:"var(--color-primary600)",radioPressedColor:"var(--color-primary700)",inputBorderRadius:"2px",inputBorderWidth:"1px",inputBorderWidthFocus:"1px",inputBorderStyle:"solid",fileUploadBorderWidth:"1px",dragDropBorderStyle:"dashed",inputBorderColor:"var(--color-blue-grey500)",inputBackgroundColor:"var(--light)",inputHelperTextColor:"var(--color-blue-grey500)",inputHoverBackgroundColor:"var(--default-hover-color)",inputDisabledBackgroundColor:"var(--input-hover-background-color)",dragBorderStyle:"solid",modalShadowColor:"rgba(0, 0, 0, 0.16)",modalBackgroundColor:"var(--light)",modalBackdropColor:"var(--default)",sideSheetShadowColorOne:"#01053214",sideSheetShadowColorTwo:"#0105320a",skeletonBackgroundColor:"var(--disabled)",skeletonAnimationColorRgb:"255, 255, 255",alertTextColor:"var(--default)",alertTextInvertedColor:"var(--light)",alertNeutralBackgroundColor:"var(--color-blue-grey50)",alertNeutralInvertedColor:"var(--color-blue-grey500)",alertInfoBackgroundColor:"var(--color-primary100)",alertInfoInvertedColor:"var(--color-primary500)",alertSuccessBackgroundColor:"var(--color-green100)",alertSuccessInvertedColor:"var(--color-green500)",alertErrorBackgroundColor:"var(--color-red100)",alertErrorInvertedColor:"var(--color-red500)",alertWarningBackgroundColor:"var(--color-orange100)",alertWarningInvertedColor:"var(--color-orange500)",alertBorderWidth:"4px",alertBorderRadius:"2px",stepperWaitingColor:"var(--color-blue-grey200)",stepperWaitingHoverColor:"var(--color-blue-grey300)",stepperWaitingActiveColor:"var(--color-blue-grey400)",stepperWaitingDisabledColor:"var(--color-blue-grey100)",stepperCurrentColor:"var(--color-primary500)",stepperCurrentHoverColor:"var(--color-primary600)",stepperCurrentActiveColor:"var(--color-primary700)",stepperCurrentDisabledColor:"var(--color-primary100)",stepperDoneColor:"var(--color-green500)",stepperDoneHoverColor:"var(--color-green600)",stepperDoneActiveColor:"var(--color-green700)",stepperDoneDisabledColor:"var(--color-green200)",stepperErrorColor:"var(--color-red500)",stepperErrorHoverColor:"var(--color-red600)",stepperErrorActiveColor:"var(--color-red700)",stepperErrorDisabledColor:"var(--color-red200)",stepperDefaultTextColor:"var(--color-white)",stepperLineColor:"var(--color-blue-grey300)",stepperLineBoldColor:"var(--color-blue-grey700)",stepperLineDisabledColor:"var(--color-blue-grey100)",stepperLineBoldDisabledColor:"var(--color-blue-grey300)",stepperLabelColor:"var(--color-blue-grey900)",stepperCaptionColor:"var(--color-blue-grey500)",stepperCaptionErrorColor:"var(--color-red500)",stepperLabelDisabledColor:"var(--color-blue-grey400)",stepperCaptionDisabledColor:"var(--color-blue-grey400)",stepperCaptionErrorDisabledColor:"var(--color-red200)",bannerBorderRadius:"2px",bannerBorderWidth:"0 0 0 4px",dataGridRowBackgroundColor:"transparent",dataGridRowHoverBackgroundColor:"var(--default-hover-color)",progressBarBackgroundColor:"var(--disabled)",tabsBackgroundColor:"var(--light)",tabActiveBorderHeight:"0.25rem",tabActiveBorderColor:"var(--color-primary)",tabActiveTextColor:"var(--color-primary)",tablistBorderWidth:"0.0625rem",tablistBorderStyle:"solid",tablistBorderColor:"var(--color-blue-grey100)",tabTextColor:"var(--color-blue-grey900)",tabHoverColor:"var(--default-hover-color)",tabPressedColor:"var(--default-pressed-color)",toggleBackgroundColor:"var(--color-blue-grey100)",tooltipBackgroundColor:"var(--default)",contextMenuHoverColor:"var(--default-hover-color)",contextMenuPressedColor:"var(--default-pressed-color)",default:"var(--color-blue-grey900)",success:"var(--color-green500)",error:"var(--color-red500)",info:"var(--color-primary500)",disabled:"var(--color-blue-grey100)",greyedOut:"var(--color-blue-grey400)",lightGreyBorder:"var(--color-blue-grey100)",warning:"var(--color-orange500)",light:"var(--color-white)",fontFamily:"Roboto, sans-serif",fontFamilyCode:"'Roboto Mono', monospace",fontSizeFormLabel:"0.875rem",fontSize:"1rem",fontSizeH1:"2.5rem",fontSizeH2:"1.625rem",fontSizeH3:"1.5rem",fontSizeH4:"1.25rem",fontSizeSub:".75rem",fontSizeCode:"1rem",readOnlyBorderColor:"var(--color-blue-grey100)",readOnlyTextColor:"var(--color-blue-grey900)",formControlFontSize:"0.875rem",fontSizeDataGrid:"0.875rem"},[a,t]=r.useState(!0),c=r.useRef(null),n=r=>{for(const[o,e]of Object.entries(r)){const r=o.replace(/([A-Z])/g,(r=>`-${r.toLowerCase()}`));c.current.style.setProperty(`--${r}`,e)}};return r.useEffect((()=>{if(0!==Object.keys(e).length&&c.current){const r={...l,...e};n(r)}else c.current&&n(l);t(!1)}),[e,c.current]),r.createElement("div",{className:"basestyling-wrapper",ref:c},a?null:o)};
 //# sourceMappingURL=BaseStyling.cjs.js.map

package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimary50?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  sideSheetShadowColorOne?: string;\n  sideSheetShadowColorTwo?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary50: \"#E6E7F4\",\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    sideSheetShadowColorOne: \"#01053214\",\n    sideSheetShadowColorTwo: \"#0105320a\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["children","properties","defaultProperties","colorPrimary50","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorBlueGrey25","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","sideSheetShadowColorOne","sideSheetShadowColorTwo","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"wDAyN2B,EAAGA,WAAUC,aAAa,CAAE,MACrD,MAAMC,EAAmC,CACvCC,eAAgB,UAChBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,eAAgB,UAChBC,eAAgB,UAChBC,eAAgB,UAChBC,eAAgB,UAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,cAAe,UACfC,aAAc,qBACdC,aAAc,qBACdC,WAAY,UACZC,WAAY,0BACZC,aAAc,0BACdC,aAAc,wBACdC,aAAc,yBACdC,YAAa,sBACbC,oBAAqB,4BACrBC,kBAAmB,2BACnBC,kBAAmB,MACnBC,mBAAoB,OACpBC,oBAAqB,UACrBC,kBAAmB,WACnBC,mBAAoB,WACpBC,kBAAmB,MACnBC,eAAgB,WAChBC,kBAAmB,QACnBC,oBAAqB,eACrBC,0BAA2B,0BAC3BC,wBAAyB,0BACzBC,0BAA2B,0BAC3BC,0BAA2B,0BAC3BC,0BAA2B,wBAC3BC,wBAAyB,wBACzBC,0BAA2B,wBAC3BC,0BAA2B,wBAC3BC,yBAA0B,sBAC1BC,uBAAwB,sBACxBC,yBAA0B,sBAC1BC,yBAA0B,sBAC1BC,0BAA2B,yBAC3BC,wBAAyB,yBACzBC,0BAA2B,yBAC3BC,0BAA2B,yBAC3BC,mBAAoB,4BACpBC,wBAAyB,4BACzBC,0BAA2B,4BAC3BC,0BAA2B,4BAC3BC,4BAA6B,0BAC7BC,4BAA6B,2BAC7BC,8BAA+B,+BAC/BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,0BAA2B,2BAC3BC,4BAA6B,+BAC7BC,gBAAiB,0BACjBC,kBAAmB,0BACnBC,kBAAmB,MACnBC,iBAAkB,MAClBC,sBAAuB,MACvBC,iBAAkB,QAClBC,sBAAuB,MACvBC,oBAAqB,SACrBC,iBAAkB,4BAClBC,qBAAsB,eACtBC,qBAAsB,4BACtBC,0BAA2B,6BAC3BC,6BAA8B,sCAC9BC,gBAAiB,QACjBC,iBAAkB,sBAClBC,qBAAsB,eACtBC,mBAAoB,iBACpBC,wBAAyB,YACzBC,wBAAyB,YACzBC,wBAAyB,kBACzBC,0BAA2B,gBAE3BC,eAAgB,iBAChBC,uBAAwB,eAExBC,4BAA6B,2BAC7BC,0BAA2B,4BAE3BC,yBAA0B,0BAC1BC,uBAAwB,0BAExBC,4BAA6B,wBAC7BC,0BAA2B,wBAE3BC,0BAA2B,sBAC3BC,wBAAyB,sBAEzBC,4BAA6B,yBAC7BC,0BAA2B,yBAE3BC,iBAAkB,MAClBC,kBAAmB,MAEnBC,oBAAqB,4BACrBC,yBAA0B,4BAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,oBAAqB,0BACrBC,yBAA0B,0BAC1BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,iBAAkB,wBAClBC,sBAAuB,wBACvBC,uBAAwB,wBACxBC,yBAA0B,wBAC1BC,kBAAmB,sBACnBC,uBAAwB,sBACxBC,wBAAyB,sBACzBC,0BAA2B,sBAC3BC,wBAAyB,qBACzBC,iBAAkB,4BAClBC,qBAAsB,4BACtBC,yBAA0B,4BAC1BC,6BAA8B,4BAC9BC,kBAAmB,4BACnBC,oBAAqB,4BACrBC,yBAA0B,sBAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,iCAAkC,sBAClCC,mBAAoB,MACpBC,kBAAmB,YACnBC,2BAA4B,cAC5BC,gCAAiC,6BACjCC,2BAA4B,kBAC5BC,oBAAqB,eACrBC,sBAAuB,UACvBC,qBAAsB,uBACtBC,mBAAoB,uBACpBC,mBAAoB,YACpBC,mBAAoB,QACpBC,mBAAoB,4BACpBC,aAAc,4BACdC,cAAe,6BACfC,gBAAiB,+BACjBC,sBAAuB,4BACvBC,uBAAwB,iBACxBC,sBAAuB,6BACvBC,wBAAyB,+BACzBC,QAAS,4BACTC,QAAS,wBACTC,MAAO,sBACPC,KAAM,0BACNC,SAAU,4BACVC,UAAW,4BACXC,gBAAiB,4BACjBC,QAAS,yBACTC,MAAO,qBACPC,WAAY,qBACZC,eAAgB,2BAChBC,kBAAmB,WACnBC,SAAU,OACVC,WAAY,SACZC,WAAY,WACZC,WAAY,SACZC,WAAY,UACZC,YAAa,SACbC,aAAc,OACdC,oBAAqB,WACrBC,iBAAkB,aAIbC,EAAWC,GAAgBC,EAAQA,UAAC,GACrCC,EAAqBC,SAAO,MAE5BC,EAAoBC,IACxB,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQJ,GAAsB,CAC9D,MAAMK,EAAwBJ,EAAIK,QAAQ,YAAYC,GAAO,IAAIA,EAAIC,kBACpEX,EAAmBY,QAAyBC,MAAMC,YACjD,KAAKN,IACLH,EAEH,GAaH,OAVAU,EAAAA,WAAU,KACR,GAAuC,IAAnCT,OAAOU,KAAKzM,GAAY0M,QAAgBjB,EAAmBY,QAAS,CACtE,MAAMM,EAAc,IAAK1M,KAAsBD,GAC/C2L,EAAiBgB,EAClB,MAAUlB,EAAmBY,SAC5BV,EAAiB1L,GAEnBsL,GAAa,EAAM,GAClB,CAACvL,EAAYyL,EAAmBY,UAGjCO,uBAAKC,UAAU,sBAAsBC,IAAKrB,GACtCH,EAAuB,KAAXvL,EAEhB"}
+{"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.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/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSuccess?: string;\n  colorWarning?: string;\n  colorDanger?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorPrimary50?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorOrange100?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed100?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  dataGridLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSuccessDefaultColor?: string;\n  buttonSuccessHoverColor?: string;\n  buttonSuccessFocusedColor?: string;\n  buttonSuccessPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  sideSheetShadowColorOne?: string;\n  sideSheetShadowColorTwo?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n\n  alertTextColor?: string;\n  alertTextInvertedColor?: string;\n\n  alertNeutralBackgroundColor?: string;\n  alertInfoBackgroundColor?: string;\n  alertSuccessBackgroundColor?: string;\n  alertErrorBackgroundColor?: string;\n  alertWarningBackgroundColor?: string;\n\n  alertNeutralInvertedColor?: string;\n  alertInfoInvertedColor?: string;\n  alertSuccessInvertedColor?: string;\n  alertErrorInvertedColor?: string;\n  alertWarningInvertedColor?: string;\n\n  alertBorderWidth?: string;\n  alertBorderRadius?: string;\n\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n  fileUploadBorderWidth?: string;\n  dragDropBorderStyle?: string;\n  fontSizeDataGrid?: string;\n  readOnlyBorderColor?: string;\n  readOnlyTextColor?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary50: \"#E6E7F4\",\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorOrange100: \"#FFE0B2\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed100: \"#FFCDD2\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSuccess: \"var(--color-green500)\",\n    colorWarning: \"var(--color-orange500)\",\n    colorDanger: \"var(--color-red500)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    dataGridLineHeight: \"1.25\",\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"0.125rem\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"0.875rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSuccessDefaultColor: \"var(--color-green500)\",\n    buttonSuccessHoverColor: \"var(--color-green600)\",\n    buttonSuccessFocusedColor: \"var(--color-green500)\",\n    buttonSuccessPressedColor: \"var(--color-green700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    fileUploadBorderWidth: \"1px\",\n    dragDropBorderStyle: \"dashed\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    sideSheetShadowColorOne: \"#01053214\",\n    sideSheetShadowColorTwo: \"#0105320a\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n\n    alertTextColor: \"var(--default)\",\n    alertTextInvertedColor: \"var(--light)\",\n\n    alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n    alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n    alertInfoBackgroundColor: \"var(--color-primary100)\",\n    alertInfoInvertedColor: \"var(--color-primary500)\",\n\n    alertSuccessBackgroundColor: \"var(--color-green100)\",\n    alertSuccessInvertedColor: \"var(--color-green500)\",\n\n    alertErrorBackgroundColor: \"var(--color-red100)\",\n    alertErrorInvertedColor: \"var(--color-red500)\",\n\n    alertWarningBackgroundColor: \"var(--color-orange100)\",\n    alertWarningInvertedColor: \"var(--color-orange500)\",\n\n    alertBorderWidth: \"4px\",\n    alertBorderRadius: \"2px\",\n\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    readOnlyBorderColor: \"var(--color-blue-grey100)\",\n    readOnlyTextColor: \"var(--color-blue-grey900)\",\n    formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n    fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["children","properties","defaultProperties","colorPrimary50","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorBlueGrey25","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","sideSheetShadowColorOne","sideSheetShadowColorTwo","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","readOnlyBorderColor","readOnlyTextColor","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"wDA2N2B,EAAGA,WAAUC,aAAa,CAAE,MACrD,MAAMC,EAAmC,CACvCC,eAAgB,UAChBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,gBAAiB,UACjBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,iBAAkB,UAClBC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,cAAe,UACfC,eAAgB,UAChBC,eAAgB,UAChBC,eAAgB,UAChBC,eAAgB,UAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,cAAe,UACfC,aAAc,qBACdC,aAAc,qBACdC,WAAY,UACZC,WAAY,0BACZC,aAAc,0BACdC,aAAc,wBACdC,aAAc,yBACdC,YAAa,sBACbC,oBAAqB,4BACrBC,kBAAmB,2BACnBC,kBAAmB,MACnBC,mBAAoB,OACpBC,oBAAqB,UACrBC,kBAAmB,WACnBC,mBAAoB,WACpBC,kBAAmB,MACnBC,eAAgB,WAChBC,kBAAmB,QACnBC,oBAAqB,eACrBC,0BAA2B,0BAC3BC,wBAAyB,0BACzBC,0BAA2B,0BAC3BC,0BAA2B,0BAC3BC,0BAA2B,wBAC3BC,wBAAyB,wBACzBC,0BAA2B,wBAC3BC,0BAA2B,wBAC3BC,yBAA0B,sBAC1BC,uBAAwB,sBACxBC,yBAA0B,sBAC1BC,yBAA0B,sBAC1BC,0BAA2B,yBAC3BC,wBAAyB,yBACzBC,0BAA2B,yBAC3BC,0BAA2B,yBAC3BC,mBAAoB,4BACpBC,wBAAyB,4BACzBC,0BAA2B,4BAC3BC,0BAA2B,4BAC3BC,4BAA6B,0BAC7BC,4BAA6B,2BAC7BC,8BAA+B,+BAC/BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,0BAA2B,2BAC3BC,4BAA6B,+BAC7BC,gBAAiB,0BACjBC,kBAAmB,0BACnBC,kBAAmB,MACnBC,iBAAkB,MAClBC,sBAAuB,MACvBC,iBAAkB,QAClBC,sBAAuB,MACvBC,oBAAqB,SACrBC,iBAAkB,4BAClBC,qBAAsB,eACtBC,qBAAsB,4BACtBC,0BAA2B,6BAC3BC,6BAA8B,sCAC9BC,gBAAiB,QACjBC,iBAAkB,sBAClBC,qBAAsB,eACtBC,mBAAoB,iBACpBC,wBAAyB,YACzBC,wBAAyB,YACzBC,wBAAyB,kBACzBC,0BAA2B,gBAE3BC,eAAgB,iBAChBC,uBAAwB,eAExBC,4BAA6B,2BAC7BC,0BAA2B,4BAE3BC,yBAA0B,0BAC1BC,uBAAwB,0BAExBC,4BAA6B,wBAC7BC,0BAA2B,wBAE3BC,0BAA2B,sBAC3BC,wBAAyB,sBAEzBC,4BAA6B,yBAC7BC,0BAA2B,yBAE3BC,iBAAkB,MAClBC,kBAAmB,MAEnBC,oBAAqB,4BACrBC,yBAA0B,4BAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,oBAAqB,0BACrBC,yBAA0B,0BAC1BC,0BAA2B,0BAC3BC,4BAA6B,0BAC7BC,iBAAkB,wBAClBC,sBAAuB,wBACvBC,uBAAwB,wBACxBC,yBAA0B,wBAC1BC,kBAAmB,sBACnBC,uBAAwB,sBACxBC,wBAAyB,sBACzBC,0BAA2B,sBAC3BC,wBAAyB,qBACzBC,iBAAkB,4BAClBC,qBAAsB,4BACtBC,yBAA0B,4BAC1BC,6BAA8B,4BAC9BC,kBAAmB,4BACnBC,oBAAqB,4BACrBC,yBAA0B,sBAC1BC,0BAA2B,4BAC3BC,4BAA6B,4BAC7BC,iCAAkC,sBAClCC,mBAAoB,MACpBC,kBAAmB,YACnBC,2BAA4B,cAC5BC,gCAAiC,6BACjCC,2BAA4B,kBAC5BC,oBAAqB,eACrBC,sBAAuB,UACvBC,qBAAsB,uBACtBC,mBAAoB,uBACpBC,mBAAoB,YACpBC,mBAAoB,QACpBC,mBAAoB,4BACpBC,aAAc,4BACdC,cAAe,6BACfC,gBAAiB,+BACjBC,sBAAuB,4BACvBC,uBAAwB,iBACxBC,sBAAuB,6BACvBC,wBAAyB,+BACzBC,QAAS,4BACTC,QAAS,wBACTC,MAAO,sBACPC,KAAM,0BACNC,SAAU,4BACVC,UAAW,4BACXC,gBAAiB,4BACjBC,QAAS,yBACTC,MAAO,qBACPC,WAAY,qBACZC,eAAgB,2BAChBC,kBAAmB,WACnBC,SAAU,OACVC,WAAY,SACZC,WAAY,WACZC,WAAY,SACZC,WAAY,UACZC,YAAa,SACbC,aAAc,OACdC,oBAAqB,4BACrBC,kBAAmB,4BACnBC,oBAAqB,WACrBC,iBAAkB,aAIbC,EAAWC,GAAgBC,EAAQA,UAAC,GACrCC,EAAqBC,SAAO,MAE5BC,EAAoBC,IACxB,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQJ,GAAsB,CAC9D,MAAMK,EAAwBJ,EAAIK,QAAQ,YAAYC,GAAO,IAAIA,EAAIC,kBACpEX,EAAmBY,QAAyBC,MAAMC,YACjD,KAAKN,IACLH,EAEH,GAaH,OAVAU,EAAAA,WAAU,KACR,GAAuC,IAAnCT,OAAOU,KAAK3M,GAAY4M,QAAgBjB,EAAmBY,QAAS,CACtE,MAAMM,EAAc,IAAK5M,KAAsBD,GAC/C6L,EAAiBgB,EAClB,MAAUlB,EAAmBY,SAC5BV,EAAiB5L,GAEnBwL,GAAa,EAAM,GAClB,CAACzL,EAAY2L,EAAmBY,UAGjCO,uBAAKC,UAAU,sBAAsBC,IAAKrB,GACtCH,EAAuB,KAAXzL,EAEhB"}

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridDateFilter.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DateTimeFilter } from "./DataGridFilters.interfaces";
+type Props = {
+    domRoot?: HTMLElement;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+};
+export declare const DataGridDateFilter: ({ domRoot, dateFilterValue, onDateFilterValueChange }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilterTag.d.ts

@@ -5,9 +5,10 @@ export interface DataGridFilterTagProps extends ComponentPropsWithRef<"div"> {
     triggerRef: React.Ref<HTMLButtonElement>;
     filter?: Filter;
     mode: FilterEditorMode;
-    onFilterRemove: () => void;
+    onFilterRemove?: () => void;
     onFilterOpen: () => void;
     translations?: TagTranslations;
+    dateTagCaption?: string;
 }
 export declare const DataGridFilterTagComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridFilterTagProps>;
 export declare const DataGridFilterTag: React.ForwardRefExoticComponent<Omit<DataGridFilterTagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts

@@ -21,7 +21,7 @@ export type FiltersAction = {
 export type FiltersState = {
     filters: Filter[];
 };
-export type FilterEditorMode = "ADD" | "EDIT";
+export type FilterEditorMode = "ADD" | "EDIT" | "ADD_DATE";
 export declare enum DefaultOperators {
     is = "is",
     isNot = "is not",
@@ -47,6 +47,9 @@ export interface PopoverTranslations {
 }
 export interface TagTranslations {
     addButtonCaption?: string;
+    or?: string;
+    other?: string;
+    dateIs?: string;
 }
 export interface ToolbarTranslations {
     clearButtonCaption?: string;
@@ -60,3 +63,9 @@ export interface KeyValuePair<TKey = string, TValue = string> {
     key: TKey;
     value: TValue;
 }
+export type DateTimeFilterType = "THIRTY_SECONDS" | "ONE_MINUTE" | "FIVE_MINUTES" | "ONE_HOUR" | "TWENTY_FOUR_HOURS" | "CUSTOM";
+export interface DateTimeFilter {
+    fromDate: string;
+    toDate: string;
+    type: DateTimeFilterType;
+}

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridToolbar.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-import { DataGridColumnMetadata, Filter, FiltersTranslations } from "./DataGridFilters.interfaces";
+import { DataGridColumnMetadata, DateTimeFilter, Filter, FiltersTranslations } from "./DataGridFilters.interfaces";
 export interface DataGridToolbarProps {
-    columnsMetadata: DataGridColumnMetadata[];
+    columnsMetadata?: DataGridColumnMetadata[];
     customEditTagContent?: React.ReactElement;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
     filterValues?: Filter[];
     translations?: FiltersTranslations;
     onFilterAdd?: (filter: Filter) => void;
@@ -10,4 +12,4 @@ export interface DataGridToolbarProps {
     onFilterDelete?: (id: string) => void;
     onFiltersClear?: () => void;
 }
-export declare const DataGridToolbar: ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, onFiltersClear, customEditTagContent }: DataGridToolbarProps) => React.JSX.Element;
+export declare const DataGridToolbar: ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, dateFilterValue, onDateFilterValueChange, onFiltersClear, customEditTagContent }: DataGridToolbarProps) => React.JSX.Element;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { DateTimeFilter, DateTimeFilterType } from "../DataGridFilters.interfaces";
+export type DateTimePickerTranslations = {
+    errors: {
+        dateFormatError: string;
+    };
+    previousMonth: string;
+    nextMonth: string;
+    from: string;
+    to: string;
+    cancel: string;
+    apply: string;
+    dateInputPlaceholder: string;
+};
+export type Props = {
+    popoverRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: React.RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    onTagCaptionChange: (value: string) => void;
+    setPickerOpen: (open: boolean) => void;
+    translations?: DateTimePickerTranslations;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+};
+export type SideMenuItem = {
+    id: DateTimeFilterType;
+    name: string;
+    rangeSeconds?: number;
+};
+export declare const dateFormat = "yyyy-mm-dd hh:mm:ss";
+export declare const DateTimePicker: ({ anchorRef, popoverRef, isOpen, setPickerOpen, onTagCaptionChange, translations, dateFilterValue, onDateFilterValueChange }: Props) => React.JSX.Element;