npm - @onewelcome/react-lib-components - Versions diffs - 4.2.0 → 5.0.0 - Mend

@onewelcome/react-lib-components 4.2.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (783) hide show

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

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

package/dist/esm/Form/Input/Input.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const t = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e='.Input_module_srOnly__3f2d32a2{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input_module_hidden__3f2d32a2{display:none}.Input_module_slideIn__3f2d32a2{animation:Input_module_slideIn__3f2d32a2 .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideIn__3f2d32a2{animation-duration:.1ms}}.Input_module_slideOut__3f2d32a2{animation:Input_module_slideOut__3f2d32a2 .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideOut__3f2d32a2{animation-duration:.1ms}}@keyframes Input_module_slideIn__3f2d32a2{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_module_slideOut__3f2d32a2{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Input_module_inputWrapper__3f2d32a2{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__3f2d32a2{transition-duration:.1ms}}.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:active,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:focus,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:active~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:focus~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:hover~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill~.Input_module_outline__3f2d32a2:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:active~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:focus~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:hover~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill~.Input_module_outline__3f2d32a2:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:active~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:focus~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill:hover~.Input_module_outline__3f2d32a2:after,.Input_module_inputWrapper__3f2d32a2 input:-webkit-autofill~.Input_module_outline__3f2d32a2:after{background-color:#faffbd}}.Input_module_inputWrapper__3f2d32a2:hover .Input_module_outline__3f2d32a2{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input_module_inputWrapper__3f2d32a2 .Input_module_outline__3f2d32a2.Input_module_disabled__3f2d32a2{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input_module_inputWrapper__3f2d32a2 .Input_module_outline__3f2d32a2.Input_module_error__3f2d32a2{border-color:var(--error)}.Input_module_inputWrapper__3f2d32a2 .Input_module_outline__3f2d32a2.Input_module_focus__3f2d32a2{border-width:var(--input-border-width-focus)}.Input_module_inputWrapper__3f2d32a2 .Input_module_outline__3f2d32a2.Input_module_focus__3f2d32a2:not(.Input_module_error__3f2d32a2){border-color:var(--color-focus)}.Input_module_inputWrapper__3f2d32a2 [data-icon-status=error],.Input_module_inputWrapper__3f2d32a2 [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input_module_inputWrapper__3f2d32a2 [data-icon-status=error]:before,.Input_module_inputWrapper__3f2d32a2 [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input_module_inputWrapper__3f2d32a2 [data-icon-status=success]{color:var(--success)}.Input_module_inputWrapper__3f2d32a2 [data-icon-status=error]{color:var(--error)}.Input_module_input__3f2d32a2{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_input__3f2d32a2{transition-duration:.1ms}}.Input_module_input__3f2d32a2:not(.Input_module_shrinkWidthForDateIcon__3f2d32a2){width:100%}.Input_module_input__3f2d32a2:disabled{color:var(--greyed-out);cursor:not-allowed}.Input_module_input__3f2d32a2.Input_module_shrinkWidthForDateIcon__3f2d32a2{width:auto}.Input_module_input__3f2d32a2:focus:not(:disabled){outline:none}.Input_module_outline__3f2d32a2{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_outline__3f2d32a2{transition-duration:.1ms}}.Input_module_error__3f2d32a2 input{padding-right:1.25rem}.Input_module_error__3f2d32a2 input.Input_module_removeExtraIndent__3f2d32a2{padding-right:0}.Input_module_success__3f2d32a2 input{padding-right:1.25rem}.Input_module_inputWrapper__3f2d32a2 [data-prefix],.Input_module_inputWrapper__3f2d32a2 [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__3f2d32a2 [data-prefix],.Input_module_inputWrapper__3f2d32a2 [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input_module_inputWrapper__3f2d32a2{padding:0 .5rem}}',u={"sr-only":"Input_module_srOnly__3f2d32a2",hidden:"Input_module_hidden__3f2d32a2","slide-in":"Input_module_slideIn__3f2d32a2","slide-out":"Input_module_slideOut__3f2d32a2","input-wrapper":"Input_module_inputWrapper__3f2d32a2",outline:"Input_module_outline__3f2d32a2",disabled:"Input_module_disabled__3f2d32a2",error:"Input_module_error__3f2d32a2",focus:"Input_module_focus__3f2d32a2",input:"Input_module_input__3f2d32a2","shrink-width-for-date-icon":"Input_module_shrinkWidthForDateIcon__3f2d32a2","remove-extra-indent":"Input_module_removeExtraIndent__3f2d32a2",success:"Input_module_success__3f2d32a2"};t(e,{});export{e as css,u as default};
+import i from "../../../lib/style-inject.js";var t='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVlFLDRCQUE2QixDQUw3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQXVDLENBRXZDLFNBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0ZBQ0UsVUFDRixDQUNBLG9DQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLDBFQUNFLFVBQ0YsQ0FDQSxnREFDRSxZQUNGLENBRUEsNkJBTUUsc0NBQXVDLENBR3ZDLHdDQUF5QyxDQUZ6QyxzQ0FBdUMsQ0FDdkMsc0NBQXVDLENBSHZDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUhWLG1CQUFvQixDQUNwQixpQkFBa0IsQ0FTbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDZCQUNFLHdCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxxQkFDRixDQUNBLHlFQUNFLGVBQ0YsQ0FFQSxtQ0FDRSxxQkFDRixDQUVBLGtHQUtFLGFBQWMsQ0FGZCx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUF1QyxDQUV2QyxTQUNGLENBQ0EsdUNBQ0Usa0dBRUUsd0JBQ0YsQ0FDRixDQUVBLHdDQUNFLG1DQUNFLGVBQ0YsQ0FDRiIsImZpbGUiOiJJbnB1dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaW5wdXQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBhZGRpbmc6IDAgMC41cmVtO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUge1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDUwMDBzIGVhc2UtaW4tb3V0IDBzICFpbXBvcnRhbnQ7XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG5AbWVkaWEgYWxsIGFuZCAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDIzMiwgMjQwLCAyNTQpO1xuICB9XG59XG5AbWVkaWEgbm90IGFsbCBhbmQgKG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20pIHtcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDI1MCwgMjU1LCAxODkpO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10sXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdOmJlZm9yZSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXTpiZWZvcmUge1xuICBmb250LXNpemU6IDEuMTI1cmVtO1xuICBoZWlnaHQ6IDEuMjVyZW07XG4gIHdpZHRoOiAxLjI1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmlucHV0IHtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dDpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciBpbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG59XG4uZXJyb3IgaW5wdXQucmVtb3ZlLWV4dHJhLWluZGVudCB7XG4gIHBhZGRpbmctcmlnaHQ6IDA7XG59XG5cbi5zdWNjZXNzIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cblxuLmlucHV0LXdyYXBwZXIgW2RhdGEtcHJlZml4XSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuICAuaW5wdXQtd3JhcHBlciBbZGF0YS1zdWZmaXhdIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICB9XG59Il19 */';var u={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};i(t);export{u as default};
 //# sourceMappingURL=Input.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import r from"./Label.module.esm.js";import l from"../../src/readyclasses.module.esm.js";const s=e.forwardRef((({children:s,className:m,hidden:a=!1,...o},c)=>e.createElement("label",{...o,ref:c,className:`${a?l["sr-only"]:""} ${r.label} ${null!=m?m:""}`},s)));export{s as Label};
+import e from"react";import l from"./Label.module.esm.js";import r from"../../src/readyclasses.module.esm.js";const s=({children:s,className:o,hidden:a=false,...m},c)=>e.createElement("label",{...m,ref:c,className:`${a?r["sr-only"]:""} ${l["label"]} ${o!==null&&o!==void 0?o:""}`},s);const o=e.forwardRef(s);export{o as Label};
 //# sourceMappingURL=Label.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Label.esm.js","sources":["../../../../../../src/components/Form/Label/Label.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactNode } from \"react\";\nimport classes from \"./Label.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"label\"> {\n children?: ReactNode;\n}\n\nconst LabelComponent: ForwardRefRenderFunction<HTMLLabelElement, Props> = (\n { children, className, hidden = false, ...rest }: Props,\n ref\n) => {\n return (\n <label\n {...rest}\n ref={ref}\n className={`${hidden ? readyclasses[\"sr-only\"] : \"\"} ${classes[\"label\"]} ${className ?? \"\"}`}\n >\n {children}\n </label>\n );\n};\n\nexport const Label = React.forwardRef(LabelComponent);\n"],"names":["LabelComponent","children","className","hidden","rest","ref","React","createElement","readyclasses","classes","Label","forwardRef"],"mappings":"8GAwBA,MAAMA,EAAoE,EACtEC,WAAUC,YAAWC,SAAS,SAAUC,GAC1CC,IAGEC,EACMC,cAAA,QAAA,IAAAH,EACJC,IAAKA,EACLH,UAAW,GAAGC,EAASK,EAAa,WAAa,MAAMC,EAAQ,YAAYP,IAAS,MAATA,SAAA,EAAAA,EAAa,MAEvFD,GAKM,MAAAS,EAAQJ,EAAMK,WAAWX"}

package/dist/esm/Form/Label/Label.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var l=".Label_module_label__05fb2a53{color:var(--greyed-out);cursor:text;font-size:var(--font-size)}",o={label:"Label_module_label__05fb2a53"};e(l,{});export{l as css,o as default};
+import e from "../../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Label-module_label__z5M3i{color:var(--greyed-out);cursor:text;font-size:var(--font-size)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhYmVsLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMkJBRUUsdUJBQXdCLENBRHhCLFdBQVksQ0FFWiwwQkFDRiIsImZpbGUiOiJMYWJlbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubGFiZWwge1xuICBjdXJzb3I6IHRleHQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xufSJdfQ== */';var i={label:"Label-module_label__z5M3i"};e(l);export{i as default};
 //# sourceMappingURL=Label.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import{Icon as r,Icons as o}from"../../Icon/Icon.esm.js";import a from"./Radio.module.esm.js";import{useFormSelector as t}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as n}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const i=e.forwardRef((({children:i,disabled:s,className:l,value:c,name:d,helperText:p,parentErrorId:m,parentHelperId:u,error:h,errorMessage:f,checked:b=!1,formSelectorWrapperProps:I,helperProps:E,onChange:j,...v},g)=>{const{errorId:N,identifier:k,describedBy:x}=t({name:d,helperText:p,parentErrorId:m,errorMessage:f,error:h,parentHelperId:u}),y=e=>{if(s)return;const r=e.nativeEvent||e,o=new r.constructor(r.type,r);Object.defineProperty(o,"target",{writable:!0,value:{value:c}}),null==j||j(o)},P=[a["native-input"]],w=[a.input,a.radio],C=[a.input,a.circle];return h&&P.push(a.error),s&&w.push(a.disabled)&&C.push(a.disabled),e.createElement(n,{...I,className:`${a["radio-wrapper"]} ${null!=l?l:""}`,containerProps:{className:a["radio-container"]},helperText:p,helperProps:E,parentErrorId:m,errorId:N,errorMessage:f,error:h,disabled:s,identifier:k},e.createElement("input",{...v,ref:g,disabled:s,tabIndex:0,className:P.join(" "),onChange:y,checked:b,"aria-checked":b,"aria-describedby":x,name:d,value:c,id:`${k}-radio`,type:"radio"}),b&&e.createElement(r,{className:w.join(" "),icon:o.Radio}),!b&&e.createElement(r,{className:C.join(" "),icon:o.Circle}),e.createElement("label",{onClick:y,htmlFor:`${k}-radio`},i))}));export{i as Radio};
+import e from"react";import{Icon as r,Icons as o}from"../../Icon/Icon.esm.js";import a from"./Radio.module.esm.js";import{useFormSelector as t}from"../../src/hooks/useFormSelector.esm.js";import{FormSelectorWrapper as n}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";const s=({children:s,disabled:i,className:c,value:l,name:d,helperText:p,parentErrorId:m,parentHelperId:u,error:h,errorMessage:f,checked:b=false,formSelectorWrapperProps:v,helperProps:I,onChange:E,...j},g)=>{const{errorId:N,identifier:k,describedBy:x}=t({name:d,helperText:p,parentErrorId:m,errorMessage:f,error:h,parentHelperId:u});const y=e=>{if(i)return;const r=e.nativeEvent||e;const o=new r.constructor(r.type,r);Object.defineProperty(o,"target",{writable:true,value:{value:l}});E===null||E===void 0?void 0:E(o)};const P=[a["native-input"]];const w=[a["input"],a["radio"]];const C=[a["input"],a["circle"]];h&&P.push(a["error"]);i&&w.push(a["disabled"])&&C.push(a["disabled"]);return e.createElement(n,{...v,className:`${a["radio-wrapper"]} ${c!==null&&c!==void 0?c:""}`,containerProps:{className:a["radio-container"]},helperText:p,helperProps:I,parentErrorId:m,errorId:N,errorMessage:f,error:h,disabled:i,identifier:k},e.createElement("input",{...j,ref:g,disabled:i,tabIndex:0,className:P.join(" "),onChange:y,checked:b,"aria-checked":b,"aria-describedby":x,name:d,value:l,id:`${k}-radio`,type:"radio"}),b&&e.createElement(r,{className:w.join(" "),icon:o.Radio}),!b&&e.createElement(r,{className:C.join(" "),icon:o.Circle}),e.createElement("label",{onClick:y,htmlFor:`${k}-radio`},s))};const i=e.forwardRef(s);export{i as Radio};
 //# sourceMappingURL=Radio.esm.js.map

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

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

package/dist/esm/Form/Radio/Radio.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".Radio_module_radioWrapper__e99204f2{position:relative}.Radio_module_radioWrapper__e99204f2+.Radio_module_radioWrapper__e99204f2{margin-top:.75rem}.Radio_module_error__e99204f2{color:var(--error)}.Radio_module_helperText__e99204f2{margin-left:1.75rem;margin-top:.25rem}.Radio_module_errorMessage__e99204f2{display:flex;margin-top:1.25rem}.Radio_module_errorIcon__e99204f2{font-size:1.25rem;margin-right:.5rem}.Radio_module_radioContainer__e99204f2{display:flex}.Radio_module_radioContainer__e99204f2 label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio_module_disabled__e99204f2 .Radio_module_radioContainer__e99204f2 label{cursor:not-allowed}.Radio_module_nativeInput__e99204f2{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio_module_nativeInput__e99204f2+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio_module_nativeInput__e99204f2:checked+*{color:var(--color-primary)}.Radio_module_nativeInput__e99204f2:checked+.Radio_module_disabled__e99204f2{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio_module_nativeInput__e99204f2:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio_module_nativeInput__e99204f2.Radio_module_error__e99204f2+*{border-radius:100%}.Radio_module_nativeInput__e99204f2.Radio_module_error__e99204f2:hover+.Radio_module_radio__e99204f2:before{outline-color:var(--radio-hover-background-color)}.Radio_module_nativeInput__e99204f2.Radio_module_error__e99204f2:active+.Radio_module_radio__e99204f2:before{outline-color:var(--radio-pressed-background-color)}.Radio_module_nativeInput__e99204f2:hover+.Radio_module_input__e99204f2.Radio_module_circle__e99204f2:not(.Radio_module_disabled__e99204f2){background-color:var(--radio-hover-background-color)}.Radio_module_nativeInput__e99204f2:active+.Radio_module_input__e99204f2.Radio_module_circle__e99204f2:not(.Radio_module_disabled__e99204f2){background-color:var(--radio-pressed-background-color)}.Radio_module_nativeInput__e99204f2:hover+.Radio_module_input__e99204f2.Radio_module_radio__e99204f2:not(.Radio_module_disabled__e99204f2){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio_module_nativeInput__e99204f2:active+.Radio_module_input__e99204f2.Radio_module_radio__e99204f2:not(.Radio_module_disabled__e99204f2){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio_module_input__e99204f2{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio_module_input__e99204f2:active{border-radius:100%}.Radio_module_disabled__e99204f2 .Radio_module_input__e99204f2{color:var(--disabled)}.Radio_module_disabled__e99204f2{color:var(--disabled);pointer-events:none}",_={"radio-wrapper":"Radio_module_radioWrapper__e99204f2",error:"Radio_module_error__e99204f2","helper-text":"Radio_module_helperText__e99204f2","error-message":"Radio_module_errorMessage__e99204f2","error-icon":"Radio_module_errorIcon__e99204f2","radio-container":"Radio_module_radioContainer__e99204f2",disabled:"Radio_module_disabled__e99204f2","native-input":"Radio_module_nativeInput__e99204f2",radio:"Radio_module_radio__e99204f2",input:"Radio_module_input__e99204f2",circle:"Radio_module_circle__e99204f2"};e(o,{});export{o as css,_ as default};
+import i from "../../../lib/style-inject.js";var o='/*!\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 */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59Il19 */';var d={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};i(o);export{d as default};
 //# sourceMappingURL=Radio.module.esm.js.map

package/dist/esm/Form/Select/Option.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{createRef as t,useEffect as o}from"react";import l from"./Select.module.esm.js";const r=e.forwardRef((({children:r,className:c,isSelected:n=!1,shouldClick:a,hasFocus:s,selectOpened:i,isSearching:d,childIndex:u,onOptionSelect:p,onFocusChange:m,disabled:f,value:h,...v},C)=>{let S=C||t();o((()=>{n&&S.current&&a&&S.current.click()}),[n,a]),o((()=>{S.current&&s&&i&&!d&&(m&&u&&m(u),S.current.focus())}),[s,S,i,d]);const b=()=>null==p?void 0:p(S);return e.createElement("li",{...v,ref:S,"data-value":h,className:`${n?l["selected-option"]:""} ${f?l.disabled:""} ${null!=c?c:""}`,onClick:b,onKeyDownCapture:e=>{"Enter"===e.code&&(e.stopPropagation(),e.preventDefault(),b())},"aria-selected":n,role:"option",tabIndex:f?-1:0},r)}));export{r as Option};
+import e,{createRef as o,useEffect as t}from"react";import l from"./Select.module.esm.js";const c=({children:c,className:n,isSelected:r=false,shouldClick:a,hasFocus:i,selectOpened:s,isSearching:d,childIndex:u,onOptionSelect:f,onFocusChange:p,disabled:m,value:h,...v},C)=>{let S=C||o();t((()=>{if(r&&S.current&&a)S.current.click()}),[r,a]);t((()=>{if(S.current&&i&&s&&!d){p&&u&&p(u);S.current.focus()}}),[i,S,s,d]);const b=()=>f===null||f===void 0?void 0:f(S);return e.createElement("li",{...v,ref:S,"data-value":h,className:`${r?l["selected-option"]:""} ${m?l.disabled:""} ${n!==null&&n!==void 0?n:""}`,onClick:b,onKeyDownCapture:e=>{if(e.code==="Enter"){e.stopPropagation();e.preventDefault();b()}},"aria-selected":r,role:"option",tabIndex:m?-1:0},c)};const n=e.forwardRef(c);export{n as Option};
 //# sourceMappingURL=Option.esm.js.map

package/dist/esm/Form/Select/Option.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Option.esm.js","sources":["../../../../../../src/components/Form/Select/Option.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n createRef,\n RefObject,\n useEffect,\n ReactNode\n} from \"react\";\nimport classes from \"./Select.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"li\"> {\n children: ReactNode;\n value: string;\n disabled?: boolean;\n isSelected?: boolean;\n selectOpened?: boolean;\n hasFocus?: boolean;\n shouldClick?: boolean;\n isSearching?: boolean;\n label?: string;\n childIndex?: number;\n onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;\n onFocusChange?: (childIndex: number) => void;\n}\n\nconst OptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n {\n children,\n className,\n isSelected = false,\n shouldClick,\n hasFocus,\n selectOpened,\n isSearching,\n childIndex,\n onOptionSelect,\n onFocusChange,\n disabled,\n value,\n ...rest\n }: Props,\n ref\n) => {\n let innerOptionRef = (ref as RefObject<HTMLLIElement>) \|\| createRef<HTMLLIElement>();\n\n useEffect(() => {\n if (isSelected && innerOptionRef.current && shouldClick) {\n innerOptionRef.current.click();\n }\n }, [isSelected, shouldClick]);\n\n useEffect(() => {\n if (innerOptionRef.current && hasFocus && selectOpened && !isSearching) {\n onFocusChange && childIndex && onFocusChange(childIndex);\n innerOptionRef.current.focus();\n }\n }, [hasFocus, innerOptionRef, selectOpened, isSearching]);\n\n const onSelectHandler = () => onOptionSelect?.(innerOptionRef);\n\n return (\n <li\n {...rest}\n ref={innerOptionRef}\n data-value={value}\n className={`${isSelected ? classes[\"selected-option\"] : \"\"} ${\n disabled ? classes.disabled : \"\"\n } ${className ?? \"\"}`}\n onClick={onSelectHandler}\n onKeyDownCapture={event => {\n if (event.code === \"Enter\") {\n event.stopPropagation();\n event.preventDefault();\n\n onSelectHandler();\n }\n }}\n aria-selected={isSelected}\n role=\"option\"\n tabIndex={disabled ? -1 : 0}\n >\n {children}\n </li>\n );\n};\n\nexport const Option = React.forwardRef(OptionComponent);\n"],"names":["OptionComponent","children","className","isSelected","shouldClick","hasFocus","selectOpened","isSearching","childIndex","onOptionSelect","onFocusChange","disabled","value","rest","ref","innerOptionRef","createRef","useEffect","current","click","focus","onSelectHandler","React","createElement","classes","onClick","onKeyDownCapture","event","code","stopPropagation","preventDefault","role","tabIndex","Option","forwardRef"],"mappings":"0FAyCA,MAAMA,EAAkE,EAEpEC,WACAC,YACAC,aAAa,MACbC,cACAC,WACAC,eACAC,cACAC,aACAC,iBACAC,gBACAC,WACAC,WACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAoCE,IAE1DC,GAAU,KACR,GAAId,GAAcY,EAAeG,SAAWd,EAC1CW,EAAeG,QAAQC,OACxB,GACA,CAAChB,EAAYC,IAEhBa,GAAU,KACR,GAAIF,EAAeG,SAAWb,GAAYC,IAAiBC,EAAa,CACtEG,GAAiBF,GAAcE,EAAcF,GAC7CO,EAAeG,QAAQE,OACxB,IACA,CAACf,EAAUU,EAAgBT,EAAcC,IAE5C,MAAMc,EAAkB,IAAMZ,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBM,GAE/C,OACEO,EACMC,cAAA,KAAA,IAAAV,EACJC,IAAKC,EAAc,aACPH,EACZV,UAAW,GAAGC,EAAaqB,EAAQ,mBAAqB,MACtDb,EAAWa,EAAQb,SAAW,MAC5BT,IAAS,MAATA,SAAS,EAATA,EAAa,KACjBuB,QAASJ,EACTK,iBAAkBC,IAChB,GAAIA,EAAMC,OAAS,QAAS,CAC1BD,EAAME,kBACNF,EAAMG,iBAENT,GACD,GACF,gBACclB,EACf4B,KAAK,SACLC,SAAUrB,GAAY,EAAI,GAEzBV,EAEH,EAGS,MAAAgC,EAASX,EAAMY,WAAWlC"}

package/dist/esm/Form/Select/Select.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"./Select.module.esm.js";import t,{useState as r,useRef as s,createRef as a,useEffect as n,Fragment as l}from"react";import{Input as o}from"../Input/Input.esm.js";import{Icon as c,Icons as i}from"../../Icon/Icon.esm.js";import{useBodyClick as u}from"../../src/hooks/useBodyClick.esm.js";import d from"../../src/readyclasses.module.esm.js";import{filterProps as p}from"../../src/util/helper.esm.js";import{useArrowNavigation as m,useSelectPositionList as h}from"./SelectService.esm.js";import{useDetermineStatusIcon as v}from"../../src/hooks/useDetermineStatusIcon.esm.js";const y=t.forwardRef((({children:y,name:f,disabled:b=!1,labeledBy:E,placeholder:C,describedBy:g,searchPlaceholder:N="Search item",searchInputProps:x,selectButtonProps:S,className:w,error:I=!1,success:j=!1,value:k,clearLabel:A="Clear selection",noResultsLabel:L="No results found",onChange:P,...$},B)=>{const[R,F]=r(!1),[O,D]=r(""),[H,K]=r(""),M=s(null),T=s(null),[U,q]=r(!1),[z,G]=r(-1),[J,Q]=r(!1),[V,W]=r(!1),X=B||a(),Y=s(null),Z=e=>{X.current&&e&&(X.current.value=e.getAttribute("data-value"),X.current.dispatchEvent(new Event("change",{bubbles:!0}))),F(!1)},_=s(null),{onArrowNavigation:ee}=m({expanded:R,setExpanded:F,isSearching:U,setIsSearching:q,setFocusedSelectItem:G,onOptionChangeHandler:Z,childrenCount:t.Children.count(y),setShouldClick:Q,searchInputRef:Y,renderSearchCondition:10}),{listPosition:te,opacity:re,optionsListMaxHeight:se,setListPosition:ae,setOpacity:ne}=h({expanded:R,optionListReference:T,containerReference:M}),le=R&&Array.isArray(y)&&y.length>10,oe=e=>{D(e.currentTarget.value)},ce=v({success:j,error:I});n((()=>{R&&(G(0),W(!0)),!R&&_.current&&V&&(_.current.focus(),W(!1))}),[R,_.current,V]),n((()=>{var e;e=k,t.Children.forEach(y,(t=>{t.props.value===e&&K(t.props.children)}))}),[k]),u((e=>!e.target.closest(".custom-select")&&R),(()=>{F(!1),ae({top:0,bottom:"initial"}),ne(0)}),R);n((()=>{(null==x?void 0:x.reset)&&(D(""),q(!1),G(-1))}),[null==x?void 0:x.reset]);const ie=[];return R&&ie.push(e.expanded),I&&ie.push(e.error),b&&ie.push(e.disabled),w&&ie.push(w),j&&ie.push(e.success),t.createElement(l,null,t.createElement("select",{...p($,/^data-/,!1),tabIndex:-1,"aria-hidden":"true",ref:X,name:f,onChange:e=>{null==P||P(e)},className:d["sr-only"]},t.createElement("option",{value:""}),t.Children.map(y,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...p($,/^data-/),ref:M,onKeyDown:ee,className:`custom-select ${e.select} ${ie.join(" ")} ${null!=w?w:""}`},Array.isArray(y)&&y.length>10&&t.createElement(o,{...x,ref:Y,onFocus:()=>q(!0),onBlur:()=>q(!1),onChange:oe,className:e["select-search"],wrapperProps:{className:null===(ue=null==x?void 0:x.wrapperProps)||void 0===ue?void 0:ue.className},style:{display:R?"block":"none"},type:"text",name:"search-option",placeholder:N}),t.createElement("button",{...S,onClick:()=>{F(!R)},ref:_,type:"button",name:f,className:`${e["custom-select"]} ${ie.join(" ")} `,style:{display:le?"none":"initial"},disabled:b,"aria-disabled":b,"aria-invalid":I,"aria-expanded":R,"aria-haspopup":"listbox","aria-labelledby":E,"aria-describedby":g},t.createElement("div",{"data-display":!0,className:e.selected},!k&&C&&t.createElement("span",{className:e.placeholder},C),(null==k?void 0:k.length)>0&&t.createElement("span",{"data-display-inner":!0},H)),t.createElement("div",{className:e.status},ce||(R?t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronUp}):t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronDown})))),t.createElement("div",{ref:T,className:`list-wrapper ${e["list-wrapper"]}`,style:{display:R?"block":"none",opacity:re,maxHeight:se,pointerEvents:R?"auto":"none",...te}},t.createElement("ul",{role:"listbox"},(()=>{if(U||""!==O){const s=t.Children.toArray(y).filter((e=>null!==e.props.children.toLowerCase().match(O.toLowerCase())));return 0===r(s).length?t.createElement("li",{className:e["no-results"]},L):r(s)}return r(y);function r(e){return t.Children.map(e,((e,r)=>t.cloneElement(e,{onFocusChange:e=>{G(e)},onOptionSelect:e=>{Z(e.current),Q(!1)},isSelected:e.props.value===k,isSearching:U,selectOpened:R,childIndex:r,hasFocus:z===r,shouldClick:J})))}})()))));var ue}));export{y as Select};
+import e from"./Select.module.esm.js";import t,{useState as s,useRef as n,createRef as r,useEffect as o,Fragment as a}from"react";import{Input as l}from"../Input/Input.esm.js";import{Icon as c,Icons as i}from"../../Icon/Icon.esm.js";import{useBodyClick as u}from"../../src/hooks/useBodyClick.esm.js";import d from"../../src/readyclasses.module.esm.js";import{filterProps as p}from"../../src/util/helper.esm.js";import{useArrowNavigation as m,useSelectPositionList as h}from"./SelectService.esm.js";import{useDetermineStatusIcon as f}from"../../src/hooks/useDetermineStatusIcon.esm.js";const v=10;const y=({children:y,name:b,disabled:E=false,labeledBy:C,placeholder:g,describedBy:N,searchPlaceholder:x="Search item",searchInputProps:S,selectButtonProps:w,className:I,error:j=false,success:k=false,value:A,clearLabel:L="Clear selection",noResultsLabel:P="No results found",onChange:$,...B},R)=>{const[F,O]=s(false);const[D,H]=s("");const[K,M]=s("");const T=n(null);const U=n(null);const[q,z]=s(false);const[G,J]=s(-1);const[Q,V]=s(false);const[W,X]=s(false);const Y=R||r();const Z=n(null);const _=e=>{if(Y.current&&e){Y.current.value=e.getAttribute("data-value");Y.current.dispatchEvent(new Event("change",{bubbles:true}))}O(false)};const ee=n(null);const{onArrowNavigation:te}=m({expanded:F,setExpanded:O,isSearching:q,setIsSearching:z,setFocusedSelectItem:J,onOptionChangeHandler:_,childrenCount:t.Children.count(y),setShouldClick:V,searchInputRef:Z,renderSearchCondition:v});const{listPosition:se,opacity:ne,optionsListMaxHeight:re,setListPosition:oe,setOpacity:ae}=h({expanded:F,optionListReference:U,containerReference:T});const le=e=>{t.Children.forEach(y,(t=>{if(t.props.value===e)M(t.props.children)}))};const ce=()=>{if(q||D!==""){const n=t.Children.toArray(y).filter((e=>e.props.children.toLowerCase().match(D.toLowerCase())!==null));const r=s(n);if(r.length===0)return t.createElement("li",{className:e["no-results"]},P);return s(n)}return s(y);function s(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{J(e)},onOptionSelect:e=>{_(e.current);V(false)},isSelected:e.props.value===A,isSearching:q,selectOpened:F,childIndex:s,hasFocus:G===s,shouldClick:Q})))}};const ie=F&&Array.isArray(y)&&y.length>v;const ue=()=>{var s;return t.createElement(l,{...S,ref:Z,onFocus:()=>z(true),onBlur:()=>z(false),onChange:pe,className:e["select-search"],wrapperProps:{className:(s=S===null||S===void 0?void 0:S.wrapperProps)===null||s===void 0?void 0:s.className},style:{display:F?"block":"none"},type:"text",name:"search-option",placeholder:x})};const de=()=>F?t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronUp}):t.createElement(c,{className:e["chevron-icon"],icon:i.ChevronDown});const pe=e=>{H(e.currentTarget.value)};const me=f({success:k,error:j});const he=e=>{$===null||$===void 0?void 0:$(e)};o((()=>{if(F){J(0);X(true)}if(!F&&ee.current&&W){ee.current.focus();X(false)}}),[F,ee.current,W]);o((()=>{le(A)}),[A]);u((e=>!e.target.closest(".custom-select")&&F),(()=>{O(false);oe({top:0,bottom:"initial"});ae(0)}),F);const fe=()=>{H("");z(false);J(-1)};o((()=>{(S===null||S===void 0?void 0:S.reset)&&fe()}),[S===null||S===void 0?void 0:S.reset]);const ve=[];F&&ve.push(e.expanded);j&&ve.push(e.error);E&&ve.push(e.disabled);I&&ve.push(I);k&&ve.push(e.success);return t.createElement(a,null,t.createElement("select",{...p(B,/^data-/,false),tabIndex:-1,"aria-hidden":"true",ref:Y,name:b,onChange:he,className:d["sr-only"]},t.createElement("option",{value:""}),t.Children.map(y,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...p(B,/^data-/),ref:T,onKeyDown:te,className:`custom-select ${e.select} ${ve.join(" ")} ${I!==null&&I!==void 0?I:""}`},Array.isArray(y)&&y.length>v&&ue(),t.createElement("button",{...w,onClick:()=>{O(!F)},ref:ee,type:"button",name:b,className:`${e["custom-select"]} ${ve.join(" ")} `,style:{display:ie?"none":"initial"},disabled:E,"aria-disabled":E,"aria-invalid":j,"aria-expanded":F,"aria-haspopup":"listbox","aria-labelledby":C,"aria-describedby":N},t.createElement("div",{"data-display":true,className:e["selected"]},!A&&g&&t.createElement("span",{className:e["placeholder"]},g),(A===null||A===void 0?void 0:A.length)>0&&t.createElement("span",{"data-display-inner":true},K)),t.createElement("div",{className:e["status"]},me||de())),t.createElement("div",{ref:U,className:`list-wrapper ${e["list-wrapper"]}`,style:{display:F?"block":"none",opacity:ne,maxHeight:re,pointerEvents:F?"auto":"none",...se}},t.createElement("ul",{role:"listbox"},ce()))))};const b=t.forwardRef(y);export{b as Select};
 //# sourceMappingURL=Select.esm.js.map

package/dist/esm/Form/Select/Select.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Select.esm.js","sources":["../../../../../../src/components/Form/Select/Select.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 classes from \"./Select.module.scss\";\n\nimport React, {\n ComponentPropsWithRef,\n createRef,\n ForwardRefRenderFunction,\n Fragment,\n ReactElement,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { Input, Props as InputProps } from \"../Input/Input\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useBodyClick } from \"../../../hooks/useBodyClick\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { filterProps } from \"../../../util/helper\";\nimport { useArrowNavigation, useSelectPositionList } from \"./SelectService\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\ntype PartialInputProps = Partial<InputProps>;\n\nexport interface Props extends ComponentPropsWithRef<\"select\">, FormElement {\n children: ReactElement[];\n name?: string;\n labeledBy?: string;\n describedBy?: string;\n placeholder?: string;\n searchPlaceholder?: string;\n searchInputProps?: PartialInputProps & { reset?: boolean };\n selectButtonProps?: ComponentPropsWithRef<\"button\">;\n className?: string;\n value: string;\n clearLabel?: string;\n noResultsLabel?: string;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;\n}\n\n/* Amount of items to be rendered before a search input is rendered /\nconst renderSearchCondition = 10;\n\nconst SelectComponent: ForwardRefRenderFunction<HTMLSelectElement, Props> = (\n {\n children,\n name,\n disabled = false,\n labeledBy,\n placeholder,\n describedBy,\n searchPlaceholder = \"Search item\",\n searchInputProps,\n selectButtonProps,\n className,\n error = false,\n success = false,\n value,\n clearLabel = \"Clear selection\",\n noResultsLabel = \"No results found\",\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const [expanded, setExpanded] = useState(false);\n const [filter, setFilter] = useState(\"\");\n const [display, setDisplay] = useState(\"\");\n const containerReference = useRef<HTMLDivElement>(null);\n const optionListReference = useRef<HTMLDivElement>(null);\n const [isSearching, setIsSearching] = useState(false);\n const [focusedSelectItem, setFocusedSelectItem] = useState(-1);\n const [shouldClick, setShouldClick] =\n useState(\n false\n ); /* We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. /\n const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n\n const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) \|\| createRef();\n const searchInputRef = useRef<HTMLInputElement>(null);\n\n const onOptionChangeHandler = (optionElement: HTMLElement \| null) => {\n if (nativeSelect.current && optionElement) {\n nativeSelect.current.value = optionElement.getAttribute(\"data-value\")!;\n nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n }\n\n setExpanded(false);\n };\n\n const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n const { onArrowNavigation } = useArrowNavigation({\n expanded,\n setExpanded,\n isSearching,\n setIsSearching,\n setFocusedSelectItem,\n onOptionChangeHandler,\n childrenCount: React.Children.count(children),\n setShouldClick,\n searchInputRef,\n renderSearchCondition\n });\n\n const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n useSelectPositionList({ expanded, optionListReference, containerReference });\n\n const syncDisplayValue = (val: string) => {\n React.Children.forEach(children, child => {\n if (child.props.value === val) {\n setDisplay(child.props.children);\n }\n });\n };\n\n /\n @description We have to modify the children (Option component) to have a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n * The `children` prop can be either a single object (1 child) or an array of multiple children.\n /\n const renderOptions = () => {\n if (isSearching \|\| filter !== \"\") {\n const filteredChildren = React.Children.toArray(children).filter(\n child =>\n (child as ReactElement).props.children.toLowerCase().match(filter.toLowerCase()) !== null\n );\n\n const internalChildren = _internalRenderChildren(filteredChildren as ReactElement[]);\n\n if (internalChildren.length === 0) {\n return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n }\n\n return _internalRenderChildren(filteredChildren as ReactElement[]);\n }\n\n return _internalRenderChildren(children);\n\n function _internalRenderChildren(internalChildren: ReactElement[]) {\n return React.Children.map(internalChildren, (child, index) => {\n return React.cloneElement(child, {\n onFocusChange: (childIndex: number) => {\n setFocusedSelectItem(childIndex);\n },\n onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n onOptionChangeHandler(optionRef.current);\n setShouldClick(false);\n },\n isSelected: child.props.value === value,\n isSearching: isSearching,\n selectOpened: expanded,\n childIndex: index,\n hasFocus: focusedSelectItem === index,\n shouldClick: shouldClick\n });\n });\n }\n };\n\n const shouldRenderSearch =\n expanded && Array.isArray(children) && children.length > renderSearchCondition;\n\n const renderSearch = () => (\n <Input\n {...searchInputProps}\n ref={searchInputRef}\n onFocus={() => setIsSearching(true)}\n onBlur={() => setIsSearching(false)}\n onChange={filterResults}\n className={classes[\"select-search\"]}\n wrapperProps={{\n className: searchInputProps?.wrapperProps?.className\n }}\n style={{\n display: expanded ? \"block\" : \"none\"\n }}\n type=\"text\"\n name=\"search-option\"\n placeholder={searchPlaceholder}\n />\n );\n\n const renderChevronIcon = () => {\n return expanded ? (\n <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n ) : (\n <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n );\n };\n\n const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n setFilter(event.currentTarget.value);\n };\n\n const icon = useDetermineStatusIcon({ success, error });\n\n const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n onChange?.(event);\n };\n\n useEffect(() => {\n if (expanded) {\n setFocusedSelectItem(0);\n setShouldFocusButtonAfterClose(true);\n }\n\n if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n customSelectButtonRef.current.focus();\n setShouldFocusButtonAfterClose(false);\n }\n }, [expanded, customSelectButtonRef.current, shouldFocusButtonAfterClose]);\n\n useEffect(() => {\n syncDisplayValue(value);\n }, [value]);\n\n useBodyClick(\n (event: MouseEvent) => !(event.target as Element).closest(\".custom-select\") && expanded,\n () => {\n setExpanded(false);\n setListPosition({ top: 0, bottom: \"initial\" });\n setOpacity(0);\n },\n expanded\n );\n\n const resetSearchState = () => {\n setFilter(\"\");\n setIsSearching(false);\n setFocusedSelectItem(-1);\n };\n\n useEffect(() => {\n searchInputProps?.reset && resetSearchState();\n }, [searchInputProps?.reset]);\n\n const additionalClasses = [];\n expanded && additionalClasses.push(classes.expanded);\n error && additionalClasses.push(classes.error);\n disabled && additionalClasses.push(classes.disabled);\n className && additionalClasses.push(className);\n success && additionalClasses.push(classes.success);\n\n /* The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n return (\n <Fragment>\n <select\n {...filterProps(rest, /^data-/, false)}\n tabIndex={-1}\n aria-hidden=\"true\"\n ref={nativeSelect}\n name={name}\n onChange={nativeOnChangeHandler}\n className={readyclasses[\"sr-only\"]}\n >\n <option value=\"\"></option>\n {React.Children.map(children, child => (\n <option value={child.props.value}></option>\n ))}\n </select>\n <div\n {...filterProps(rest, /^data-/)}\n ref={containerReference}\n onKeyDown={onArrowNavigation}\n className={`custom-select ${classes.select} ${additionalClasses.join(\" \")} ${\n className ?? \"\"\n }`}\n >\n {Array.isArray(children) && children.length > renderSearchCondition && renderSearch()}\n <button\n {...selectButtonProps}\n onClick={() => {\n setExpanded(!expanded);\n }}\n ref={customSelectButtonRef}\n type=\"button\"\n name={name}\n className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n style={{ display: shouldRenderSearch ? \"none\" : \"initial\" }}\n disabled={disabled}\n aria-disabled={disabled}\n aria-invalid={error}\n aria-expanded={expanded}\n aria-haspopup=\"listbox\"\n aria-labelledby={labeledBy}\n aria-describedby={describedBy}\n >\n <div data-display className={classes[\"selected\"]}>\n {!value && placeholder && <span className={classes[\"placeholder\"]}>{placeholder}</span>}\n {value?.length > 0 && <span data-display-inner>{display}</span>}\n </div>\n <div className={classes[\"status\"]}>{icon \|\| renderChevronIcon()}</div>\n </button>\n\n <div\n ref={optionListReference}\n className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n style={{\n display: expanded ? \"block\" : \"none\",\n opacity: opacity,\n maxHeight: optionsListMaxHeight,\n pointerEvents: expanded ? \"auto\" : \"none\",\n ...listPosition\n }}\n >\n <ul role=\"listbox\">{renderOptions()}</ul>\n </div>\n </div>\n </Fragment>\n );\n};\n\nexport const Select = React.forwardRef(SelectComponent);\n"],"names":["renderSearchCondition","SelectComponent","children","name","disabled","labeledBy","placeholder","describedBy","searchPlaceholder","searchInputProps","selectButtonProps","className","error","success","value","clearLabel","noResultsLabel","onChange","rest","ref","expanded","setExpanded","useState","filter","setFilter","display","setDisplay","containerReference","useRef","optionListReference","isSearching","setIsSearching","focusedSelectItem","setFocusedSelectItem","shouldClick","setShouldClick","shouldFocusButtonAfterClose","setShouldFocusButtonAfterClose","nativeSelect","createRef","searchInputRef","onOptionChangeHandler","optionElement","current","getAttribute","dispatchEvent","Event","bubbles","customSelectButtonRef","onArrowNavigation","useArrowNavigation","childrenCount","React","Children","count","listPosition","opacity","optionsListMaxHeight","setListPosition","setOpacity","useSelectPositionList","syncDisplayValue","val","forEach","child","props","renderOptions","filteredChildren","toArray","toLowerCase","match","internalChildren","_internalRenderChildren","length","createElement","classes","map","index","cloneElement","onFocusChange","childIndex","onOptionSelect","optionRef","isSelected","selectOpened","hasFocus","shouldRenderSearch","Array","isArray","renderSearch","Input","onFocus","onBlur","filterResults","wrapperProps","_a","style","type","renderChevronIcon","Icon","icon","Icons","ChevronUp","ChevronDown","event","currentTarget","useDetermineStatusIcon","nativeOnChangeHandler","useEffect","focus","useBodyClick","target","closest","top","bottom","resetSearchState","reset","additionalClasses","push","Fragment","filterProps","tabIndex","readyclasses","onKeyDown","select","join","onClick","maxHeight","pointerEvents","role","Select","forwardRef"],"mappings":"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"}

package/dist/esm/Form/Select/Select.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o='.Select_module_srOnly__6d2a532e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select_module_hidden__6d2a532e{display:none}.Select_module_slideIn__6d2a532e{animation:Select_module_slideIn__6d2a532e .5s forwards}@media (prefers-reduced-motion:reduce){.Select_module_slideIn__6d2a532e{animation-duration:.1ms}}.Select_module_slideOut__6d2a532e{animation:Select_module_slideOut__6d2a532e .5s forwards}@media (prefers-reduced-motion:reduce){.Select_module_slideOut__6d2a532e{animation-duration:.1ms}}@keyframes Select_module_slideIn__6d2a532e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select_module_slideOut__6d2a532e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Select_module_select__6d2a532e{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select_module_select__6d2a532e{transition-duration:.1ms}}.Select_module_select__6d2a532e [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select_module_select__6d2a532e.Select_module_expanded__6d2a532e .Select_module_listWrapper__6d2a532e{background:var(--light)}.Select_module_select__6d2a532e:not(.Select_module_expanded__6d2a532e) button:focus:not(.Select_module_error__6d2a532e){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select_module_select__6d2a532e:hover:not(.Select_module_disabled__6d2a532e):not(.Select_module_expanded__6d2a532e):not(.Select_module_error__6d2a532e) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{background-color:transparent;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{transition-duration:.1ms}}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e:focus{outline:0}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_error__6d2a532e{border-color:var(--error);color:var(--error)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_error__6d2a532e:focus{border-width:var(--input-border-width-focus)}.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e.Select_module_disabled__6d2a532e{border-color:var(--color-disabled)}.Select_module_select__6d2a532e .Select_module_listWrapper__6d2a532e{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 rgba(1,5,50,.2);box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select_module_select__6d2a532e ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select_module_select__6d2a532e ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select_module_select__6d2a532e ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.Select_module_select__6d2a532e ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:-var(--input-border-width-focus)}.Select_module_select__6d2a532e ul li:active:after,.Select_module_select__6d2a532e ul li:hover:after{background-color:var(--color-primary)}.Select_module_select__6d2a532e ul li:active:after{opacity:.1}.Select_module_select__6d2a532e ul li.Select_module_disabled__6d2a532e{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select_module_selectedOption__6d2a532e{color:var(--color-primary)}.Select_module_selectedOption__6d2a532e:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select_module_selected__6d2a532e{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select_module_status__6d2a532e{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select_module_status__6d2a532e [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select_module_status__6d2a532e [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select_module_status__6d2a532e .Select_module_chevronIcon__6d2a532e{color:var(--default);font-size:.625rem}.Select_module_status__6d2a532e *+*{margin-left:1.25rem}.Select_module_placeholder__6d2a532e{color:var(--greyed-out)}.Select_module_selectSearch__6d2a532e{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select_module_disabled__6d2a532e{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select_module_disabled__6d2a532e>*{pointer-events:none}@media only screen and (min-width:30em){.Select_module_select__6d2a532e .Select_module_customSelect__6d2a532e{padding:0 calc(.5rem - var(--input-border-width))}.Select_module_select__6d2a532e:not(.Select_module_expanded__6d2a532e) button:focus:not(.Select_module_error__6d2a532e){padding:0 calc(.5rem - var(--input-border-width-focus))}}',t={"sr-only":"Select_module_srOnly__6d2a532e",hidden:"Select_module_hidden__6d2a532e","slide-in":"Select_module_slideIn__6d2a532e","slide-out":"Select_module_slideOut__6d2a532e",select:"Select_module_select__6d2a532e",expanded:"Select_module_expanded__6d2a532e","list-wrapper":"Select_module_listWrapper__6d2a532e",error:"Select_module_error__6d2a532e",disabled:"Select_module_disabled__6d2a532e","custom-select":"Select_module_customSelect__6d2a532e","selected-option":"Select_module_selectedOption__6d2a532e",selected:"Select_module_selected__6d2a532e",status:"Select_module_status__6d2a532e","chevron-icon":"Select_module_chevronIcon__6d2a532e",placeholder:"Select_module_placeholder__6d2a532e","select-search":"Select_module_selectSearch__6d2a532e"};e(o,{});export{o as css,t as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */.Select-module_sr-only__TQqez{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Select-module_hidden__pKi-5{display:none}.Select-module_slide-in__gD4nj{animation:Select-module_slide-in__gD4nj .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-in__gD4nj{animation-duration:.1ms}}.Select-module_slide-out__qNAXK{animation:Select-module_slide-out__qNAXK .5s forwards}@media (prefers-reduced-motion:reduce){.Select-module_slide-out__qNAXK{animation-duration:.1ms}}@keyframes Select-module_slide-in__gD4nj{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Select-module_slide-out__qNAXK{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 */.Select-module_select__4okI5{background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);box-sizing:border-box;font-size:var(--form-control-font-size);position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Select-module_select__4okI5{transition-duration:.1ms}}.Select-module_select__4okI5 [data-display]{color:var(--color-default);font-family:var(--font-family)}.Select-module_select__4okI5.Select-module_expanded__mnk2x .Select-module_list-wrapper__Dk9pW{background:var(--light)}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){border:var(--input-border-width-focus) solid var(--color-focus);padding:0 calc(.5rem - var(--input-border-width-focus))}.Select-module_select__4okI5:hover:not(.Select-module_disabled__ySi2M):not(.Select-module_expanded__mnk2x):not(.Select-module_error__5k7oW) button:not(:focus){background-color:var(--color-blue-grey25);border-color:var(--default);border-width:var(--input-border-width)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{background-color:transparent;border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);cursor:pointer;font-size:var(--form-control-font-size);min-height:calc(2.625rem - var(--input-border-width)*2);padding:0 calc(.5rem - var(--input-border-width));position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{transition-duration:.1ms}}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR:focus{outline:0}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW{border-color:var(--error);color:var(--error)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_error__5k7oW:focus{border-width:var(--input-border-width-focus)}.Select-module_select__4okI5 .Select-module_custom-select__qtuLR.Select-module_disabled__ySi2M{border-color:var(--color-disabled)}.Select-module_select__4okI5 .Select-module_list-wrapper__Dk9pW{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);box-shadow:0 4px 5px 0 rgba(1,5,50,.2);box-shadow:0 3px 14px 0 rgba(1,5,50,.122);box-shadow:0 8px 10px 0 rgba(1,5,50,.141);left:0;overflow:auto;position:absolute;top:44px;width:100%;z-index:11}.Select-module_select__4okI5 ul{background-color:var(--light);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--default);list-style:none;margin:0;max-height:21.25rem;padding:.25rem 0;text-align:left;width:100%}.Select-module_select__4okI5 ul li{cursor:pointer;font-size:var(--form-control-font-size);line-height:var(--default-line-height);margin:0;padding:.5rem .75rem;position:relative}.Select-module_select__4okI5 ul li:after{background-color:transparent;content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.Select-module_select__4okI5 ul li:focus{outline:var(--input-border-width-focus) solid var(--color-primary300);outline-offset:-var(--input-border-width-focus)}.Select-module_select__4okI5 ul li:active:after,.Select-module_select__4okI5 ul li:hover:after{background-color:var(--color-primary)}.Select-module_select__4okI5 ul li:active:after{opacity:.1}.Select-module_select__4okI5 ul li.Select-module_disabled__ySi2M{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.Select-module_selected-option__wUy3C{color:var(--color-primary)}.Select-module_selected-option__wUy3C:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}.Select-module_selected__qlDcZ{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.Select-module_status__p90CC{align-items:center;display:flex;position:absolute;right:.8125rem;top:50%;transform:translateY(-50%)}.Select-module_status__p90CC [data-icon-status=success]{color:var(--success);font-size:1.25rem}.Select-module_status__p90CC [data-icon-status=error]{color:var(--error);font-size:1.25rem}.Select-module_status__p90CC .Select-module_chevron-icon__I1QHG{color:var(--default);font-size:.625rem}.Select-module_status__p90CC *+*{margin-left:1.25rem}.Select-module_placeholder__sGzfV{color:var(--greyed-out)}.Select-module_select-search__icP-u{border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;position:relative;width:100%}.Select-module_disabled__ySi2M{background-color:var(--color-blue-grey25);color:var(--greyed-out);cursor:not-allowed}.Select-module_disabled__ySi2M>*{pointer-events:none}@media only screen and (min-width:30em){.Select-module_select__4okI5 .Select-module_custom-select__qtuLR{padding:0 calc(.5rem - var(--input-border-width))}.Select-module_select__4okI5:not(.Select-module_expanded__mnk2x) button:focus:not(.Select-module_error__5k7oW){padding:0 calc(.5rem - var(--input-border-width-focus))}}\n/*# sourceMappingURL=data:application/json;base64,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UiwwQkFHRixDQUNBLHdEQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLHNEQUNFLGtCQUFtQixDQUNuQixpQkFDRixDQUNBLGdFQUNFLG9CQUFxQixDQUNyQixpQkFDRixDQUNBLGlDQUNFLG1CQUNGLENBRUEsa0NBQ0UsdUJBQ0YsQ0FFQSxvQ0FJRSwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRjdCLHFCQUFzQixDQUZ0QixpQkFBa0IsQ0FDbEIsVUFJRixDQUVBLCtCQUdFLHlDQUEwQyxDQUQxQyx1QkFBd0IsQ0FEeEIsa0JBR0YsQ0FDQSxpQ0FDRSxtQkFDRixDQUVBLHdDQUNFLGlFQUNFLGlEQUNGLENBQ0EsK0dBQ0UsdURBQ0YsQ0FDRiIsImZpbGUiOiJTZWxlY3QubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNlbGVjdCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNlbGVjdCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zZWxlY3QgW2RhdGEtZGlzcGxheV0ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItZGVmYXVsdCk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uc2VsZWN0LmV4cGFuZGVkIC5saXN0LXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1saWdodCk7XG59XG4uc2VsZWN0Om5vdCguZXhwYW5kZWQpIGJ1dHRvbjpmb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlcjogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbn1cbi5zZWxlY3Q6aG92ZXI6bm90KC5kaXNhYmxlZCk6bm90KC5leHBhbmRlZCk6bm90KC5lcnJvcikgYnV0dG9uOm5vdCg6Zm9jdXMpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogY2FsYygyLjYyNXJlbSAtIDIgKiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpKTtcbiAgcGFkZGluZzogMCBjYWxjKDAuNXJlbSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdDpmb2N1cyB7XG4gIG91dGxpbmU6IDA7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uc2VsZWN0IC5jdXN0b20tc2VsZWN0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCAuY3VzdG9tLXNlbGVjdC5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZGlzYWJsZWQpO1xufVxuLnNlbGVjdCAubGlzdC13cmFwcGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ncmV5LWJvcmRlcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHJnYmEoMSwgNSwgNTAsIDAuMik7XG4gIGJveC1zaGFkb3c6IDBweCAzcHggMTRweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4xMjE1Njg2Mjc1KTtcbiAgYm94LXNoYWRvdzogMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0MTE3NjQ3MDYpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDExO1xuICB0b3A6IDQ0cHg7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5zZWxlY3QgdWwge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAwLjI1cmVtIDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWxpZ2h0KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWF4LWhlaWdodDogMjEuMjVyZW07XG59XG4uc2VsZWN0IHVsIGxpIHtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5zZWxlY3QgdWwgbGk6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9wYWNpdHk6IDAuMDU7XG59XG4uc2VsZWN0IHVsIGxpOmZvY3VzIHtcbiAgb3V0bGluZTogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKSBzb2xpZCB2YXIoLS1jb2xvci1wcmltYXJ5MzAwKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC12YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLnNlbGVjdCB1bCBsaTpob3ZlcjphZnRlciwgLnNlbGVjdCB1bCBsaTphY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3QgdWwgbGk6YWN0aXZlOmFmdGVyIHtcbiAgb3BhY2l0eTogMC4xO1xufVxuLnNlbGVjdCB1bCBsaS5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnNlbGVjdGVkLW9wdGlvbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5zZWxlY3RlZC1vcHRpb246YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4uc2VsZWN0ZWQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uc3RhdHVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IDAuODEyNXJlbTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuLnN0YXR1cyBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uc3RhdHVzIC5jaGV2cm9uLWljb24ge1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc3RhdHVzICogKyAqIHtcbiAgbWFyZ2luLWxlZnQ6IDEuMjVyZW07XG59XG5cbi5wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuLnNlbGVjdC1zZWFyY2gge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbn1cblxuLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG59XG4uZGlzYWJsZWQgPiAqIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuc2VsZWN0IC5jdXN0b20tc2VsZWN0IHtcbiAgICBwYWRkaW5nOiAwIGNhbGMoMC41cmVtIC0gdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKSk7XG4gIH1cbiAgLnNlbGVjdDpub3QoLmV4cGFuZGVkKSBidXR0b246Zm9jdXM6bm90KC5lcnJvcikge1xuICAgIHBhZGRpbmc6IDAgY2FsYygwLjVyZW0gLSB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpKTtcbiAgfVxufSJdfQ== */';var c={"sr-only":"Select-module_sr-only__TQqez",hidden:"Select-module_hidden__pKi-5","slide-in":"Select-module_slide-in__gD4nj","slide-out":"Select-module_slide-out__qNAXK",select:"Select-module_select__4okI5",expanded:"Select-module_expanded__mnk2x","list-wrapper":"Select-module_list-wrapper__Dk9pW",error:"Select-module_error__5k7oW",disabled:"Select-module_disabled__ySi2M","custom-select":"Select-module_custom-select__qtuLR","selected-option":"Select-module_selected-option__wUy3C",selected:"Select-module_selected__qlDcZ",status:"Select-module_status__p90CC","chevron-icon":"Select-module_chevron-icon__I1QHG",placeholder:"Select-module_placeholder__sGzfV","select-search":"Select-module_select-search__icP-u"};e(l);export{c as default};
 //# sourceMappingURL=Select.module.esm.js.map

package/dist/esm/Form/Select/SelectService.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as t}from"react";const n=({expanded:e,setExpanded:t,isSearching:n,setIsSearching:r,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:a,searchInputRef:s,renderSearchCondition:d})=>({onArrowNavigation:u=>{var p;const l=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];if(e&&l.push("Tab"),!l.includes(u.code)||u.metaKey||n||u.preventDefault(),n&&["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"].includes(u.code)&&u.preventDefault(),n)switch(u.code){case"ArrowDown":case"Enter":return r(!1),void o(0);case"ArrowUp":return r(!1),void o(c-1);case"Escape":case"Tab":r(!1),t(!1)}else switch(u.code){case"ArrowDown":return e?void o((e=>e+1>c-1?0:e+1)):(t(!0),void o(0));case"ArrowUp":return e?void o((e=>e-1<0?c-1:e-1)):(t(!0),void o(c-1));case"Space":return e?(i(u.target),a(!0),void t(!1)):(t(!0),void o(0));case"Enter":case"Home":return void o(0);case"Tab":return c>=d&&e?(r(!0),void(null===(p=s.current)||void 0===p||p.focus())):void t(!1);case"Escape":return void(e&&t(!1));case"End":return void o(c-1);case"ArrowLeft":return void(u.metaKey&&e&&(u.preventDefault(),o(0)));case"ArrowRight":return void(u.metaKey&&e&&(u.preventDefault(),o(c-1)))}}}),r=({expanded:n,optionListReference:r,containerReference:o})=>{const[i,c]=e("none"),[a,s]=e(0),[d,u]=e({});t((()=>{p()}),[n]);const p=()=>{if(!n||!r.current||!o.current)return;let e={top:"2.75rem",bottom:"initial"};o.current.getBoundingClientRect().bottom>window.innerHeight-o.current.getBoundingClientRect().top&&(e={top:"initial",bottom:"2.75rem"}),u(e),l(e)},l=e=>{var t;const n=null===(t=r.current)||void 0===t?void 0:t.getBoundingClientRect().height,i="initial"!==e.top?"top":"bottom";if(!o.current)return void console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");const a="top"===i?window.innerHeight-o.current.getBoundingClientRect()[i]-16:o.current.getBoundingClientRect()[i]-16;if(n&&a<n)return c(`${a}px`),void s(100);c("none"),s(100)};return{optionsListMaxHeight:i,opacity:a,setOpacity:s,listPosition:d,setListPosition:u}};export{n as useArrowNavigation,r as useSelectPositionList};
+import{useState as e,useEffect as t}from"react";const r=({expanded:e,setExpanded:t,isSearching:r,setIsSearching:n,setFocusedSelectItem:o,onOptionChangeHandler:i,childrenCount:c,setShouldClick:s,searchInputRef:a,renderSearchCondition:u})=>{const l=l=>{var p;const f=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Space","Escape","End","Home"];const d=["ArrowDown","ArrowUp","Enter","Escape","MetaLeft","MetaRight"];if(e)f.push("Tab");if(f.includes(l.code)&&!l.metaKey&&!r)l.preventDefault();if(r&&d.includes(l.code))l.preventDefault();if(r)switch(l.code){case"ArrowDown":case"Enter":n(false);o(0);return;case"ArrowUp":n(false);o(c-1);return;case"Escape":case"Tab":n(false);t(false)}else switch(l.code){case"ArrowDown":if(!e){t(true);o(0);return}o((e=>e+1>c-1?0:e+1));return;case"ArrowUp":if(!e){t(true);o(c-1);return}o((e=>e-1<0?c-1:e-1));return;case"Space":if(!e){t(true);o(0);return}i(l.target);s(true);t(false);return;case"Enter":case"Home":o(0);return;case"Tab":if(c>=u&&e){n(true);(p=a.current)===null||p===void 0?void 0:p.focus();return}t(false);return;case"Escape":if(e)t(false);return;case"End":o(c-1);return;case"ArrowLeft":if(l.metaKey&&e){l.preventDefault();o(0)}return;case"ArrowRight":if(l.metaKey&&e){l.preventDefault();o(c-1)}return}};return{onArrowNavigation:l}};const n=({expanded:r,optionListReference:n,containerReference:o})=>{const[i,c]=e("none");const[s,a]=e(0);const[u,l]=e({});t((()=>{p()}),[r]);const p=()=>{if(!r||!n.current||!o.current)return;const e=o.current.getBoundingClientRect().bottom;const t=window.innerHeight-o.current.getBoundingClientRect().top;let i={top:"2.75rem",bottom:"initial"};if(e>t)i={top:"initial",bottom:"2.75rem"};l(i);f(i)};const f=e=>{var t;const r=(t=n.current)===null||t===void 0?void 0:t.getBoundingClientRect().height;const i=e.top!=="initial"?"top":"bottom";if(!o.current){console.error("The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand");return}const s=i==="top"?window.innerHeight-o.current.getBoundingClientRect()[i]-16:o.current.getBoundingClientRect()[i]-16;if(r&&s<r){c(`${s}px`);a(100);return}c("none");a(100)};return{optionsListMaxHeight:i,opacity:s,setOpacity:a,listPosition:u,setListPosition:l}};export{r as useArrowNavigation,n as useSelectPositionList};
 //# sourceMappingURL=SelectService.esm.js.map

package/dist/esm/Form/Select/SelectService.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectService.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"SelectService.esm.js","sources":["../../../../../../src/components/Form/Select/SelectService.ts"],"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, { useEffect, useState } from \"react\";\nimport {\n Position,\n UseArrowNavigationParams,\n UseSelectPositionListParams\n} from \"./Select.interfaces\";\n\nexport const useArrowNavigation = ({\n expanded,\n setExpanded,\n isSearching,\n setIsSearching,\n setFocusedSelectItem,\n onOptionChangeHandler,\n childrenCount,\n setShouldClick,\n searchInputRef,\n renderSearchCondition\n}: UseArrowNavigationParams) => {\n const onArrowNavigation = (event: React.KeyboardEvent) => {\n const codesToPreventDefault = [\n \"ArrowDown\",\n \"ArrowUp\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Space\",\n \"Escape\",\n \"End\",\n \"Home\"\n ];\n\n const codesToPreventDefaultWhenSearching = [\n \"ArrowDown\",\n \"ArrowUp\",\n \"Enter\",\n \"Escape\",\n \"MetaLeft\",\n \"MetaRight\"\n ];\n\n /* If the select is expanded, we also want to control the Tab key /\n if (expanded) {\n codesToPreventDefault.push(\"Tab\");\n }\n\n /* We will handle the way certain key strokes affect the Select, unless we're searching */\n if (codesToPreventDefault.includes(event.code) && !event.metaKey && !isSearching) {\n event.preventDefault();\n }\n\n if (isSearching && codesToPreventDefaultWhenSearching.includes(event.code)) {\n event.preventDefault();\n }\n\n if (isSearching) {\n switch (event.code) {\n case \"ArrowDown\":\n case \"Enter\":\n setIsSearching(false);\n setFocusedSelectItem(0);\n return;\n case \"ArrowUp\":\n setIsSearching(false);\n setFocusedSelectItem(childrenCount - 1);\n return;\n case \"Escape\":\n case \"Tab\":\n setIsSearching(false);\n setExpanded(false);\n }\n } else {\n switch (event.code) {\n case \"ArrowDown\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n return;\n }\n setFocusedSelectItem(prevState => {\n return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n });\n return;\n case \"ArrowUp\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(childrenCount - 1);\n return;\n }\n\n setFocusedSelectItem(prevState => {\n return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n });\n return;\n case \"Space\":\n if (!expanded) {\n setExpanded(true);\n setFocusedSelectItem(0);\n return;\n }\n\n onOptionChangeHandler(event.target as HTMLElement);\n setShouldClick(true);\n setExpanded(false);\n\n return;\n case \"Enter\":\n case \"Home\":\n setFocusedSelectItem(0);\n\n return;\n case \"Tab\":\n if (childrenCount >= renderSearchCondition && expanded) {\n setIsSearching(true);\n searchInputRef.current?.focus();\n return;\n }\n setExpanded(false);\n\n return;\n case \"Escape\":\n if (expanded) {\n setExpanded(false);\n }\n return;\n case \"End\":\n setFocusedSelectItem(childrenCount - 1);\n return;\n case \"ArrowLeft\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(0);\n }\n return;\n case \"ArrowRight\":\n if (event.metaKey && expanded) {\n event.preventDefault();\n setFocusedSelectItem(childrenCount - 1);\n }\n return;\n }\n }\n };\n\n return { onArrowNavigation };\n};\n\nexport const useSelectPositionList = ({\n expanded,\n optionListReference,\n containerReference\n}: UseSelectPositionListParams) => {\n const [optionsListMaxHeight, setOptionsListMaxHeight] = useState(\"none\");\n const [opacity, setOpacity] = useState(0); // We set opacity because other wise if we calculate the max height you see the list full height for a split second and then it shortens.\n const [listPosition, setListPosition] = useState<Partial<Position>>({});\n\n useEffect(() => {\n rePositionList();\n }, [expanded]);\n\n const rePositionList = () => {\n if (!expanded \|\| !optionListReference.current \|\| !containerReference.current) {\n return;\n }\n\n // Check whether there is more space above or below the select\n // Check space between the bottom of select and top of viewport\n const spaceOnTopOfSelect = containerReference.current.getBoundingClientRect().bottom;\n\n // Check space between the top of the select and bottom of viewport\n const spaceOnBottomOfSelect =\n window.innerHeight - containerReference.current.getBoundingClientRect().top;\n\n // Set position as if there's more space on the bottom\n let position: Position = { top: \"2.75rem\", bottom: \"initial\" };\n\n // Set the position of the select\n if (spaceOnTopOfSelect > spaceOnBottomOfSelect) {\n position = { top: \"initial\", bottom: \"2.75rem\" };\n }\n\n setListPosition(position);\n\n // Calculate the potential max height of the options list\n calculateOptionListMaxHeight(position);\n };\n\n const calculateOptionListMaxHeight = (position: Position) => {\n // Calculate max height if there's more space below the select\n const listHeight = optionListReference.current?.getBoundingClientRect().height;\n const transformOrigin = position.top !== \"initial\" ? \"top\" : \"bottom\";\n\n if (!containerReference.current) {\n console.error(\n \"The containerReference is empty for some reason in the SelectService.ts for the Select component in react-lib-components. We are trying to calculate the option list max height on expand\"\n );\n return;\n }\n\n const availableSpace =\n transformOrigin === \"top\"\n ? window.innerHeight -\n containerReference.current.getBoundingClientRect()[transformOrigin] -\n 16\n : containerReference.current.getBoundingClientRect()[transformOrigin] - 16;\n\n if (listHeight && availableSpace < listHeight) {\n setOptionsListMaxHeight(`${availableSpace}px`);\n setOpacity(100);\n return;\n }\n\n setOptionsListMaxHeight(\"none\");\n setOpacity(100);\n };\n\n return {\n optionsListMaxHeight,\n opacity,\n setOpacity,\n listPosition,\n setListPosition\n };\n};\n"],"names":["useArrowNavigation","expanded","setExpanded","isSearching","setIsSearching","setFocusedSelectItem","onOptionChangeHandler","childrenCount","setShouldClick","searchInputRef","renderSearchCondition","onArrowNavigation","event","codesToPreventDefault","codesToPreventDefaultWhenSearching","push","includes","code","metaKey","preventDefault","prevState","target","_a","current","focus","useSelectPositionList","optionListReference","containerReference","optionsListMaxHeight","setOptionsListMaxHeight","useState","opacity","setOpacity","listPosition","setListPosition","useEffect","rePositionList","spaceOnTopOfSelect","getBoundingClientRect","bottom","spaceOnBottomOfSelect","window","innerHeight","top","position","calculateOptionListMaxHeight","listHeight","height","transformOrigin","console","error","availableSpace"],"mappings":"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"}

package/dist/esm/Form/Textarea/Textarea.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as s}from"react";import r from"./Textarea.module.esm.js";import{useDetermineStatusIcon as o}from"../../src/hooks/useDetermineStatusIcon.esm.js";const a=e.forwardRef((({error:a=!1,success:t=!1,disabled:u=!1,className:c,rows:l=4,wrapperProps:n,onFocus:m,onBlur:p,...i},d)=>{const[h,f]=s(!1),N=[r["textarea-wrapper"]],w=[r.outline];(null==n?void 0:n.className)&&N.push(n.className),u&&N.push(r.disabled)&&w.push(r.disabled),a&&N.push(r.error)&&w.push(r.error),h&&N.push(r.focus)&&w.push(r.focus),t&&N.push("success");const x=o({success:t,error:a});return e.createElement("div",{...n,className:N.join(" ")},e.createElement("textarea",{...i,ref:d,rows:l,className:`${a?r.error:""} ${r.textarea} ${null!=c?c:""}`,disabled:u,onFocus:e=>{f(!0),null==m||m(e)},onBlur:e=>{f(!1),null==p||p(e)}}),x,e.createElement("span",{className:w.join(" ")}))}));export{a as Textarea};
+import s,{useState as e}from"react";import r from"./Textarea.module.esm.js";import{useDetermineStatusIcon as o}from"../../src/hooks/useDetermineStatusIcon.esm.js";const a=({error:a=false,success:l=false,disabled:t=false,className:c,rows:u=4,wrapperProps:n,onFocus:i,onBlur:m,...d},p)=>{const[f,h]=e(false);const v=[r["textarea-wrapper"]];const N=[r["outline"]];(n===null||n===void 0?void 0:n.className)&&v.push(n.className);t&&v.push(r["disabled"])&&N.push(r["disabled"]);a&&v.push(r["error"])&&N.push(r["error"]);f&&v.push(r["focus"])&&N.push(r["focus"]);l&&v.push("success");const w=o({success:l,error:a});return s.createElement("div",{...n,className:v.join(" ")},s.createElement("textarea",{...d,ref:p,rows:u,className:`${a?r["error"]:""} ${r["textarea"]} ${c!==null&&c!==void 0?c:""}`,disabled:t,onFocus:s=>{h(true);i===null||i===void 0?void 0:i(s)},onBlur:s=>{h(false);m===null||m===void 0?void 0:m(s)}}),w,s.createElement("span",{className:N.join(" ")}))};const l=s.forwardRef(a);export{l as Textarea};
 //# sourceMappingURL=Textarea.esm.js.map

package/dist/esm/Form/Textarea/Textarea.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Textarea.esm.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.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 \"./Textarea.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\nexport interface Props extends ComponentPropsWithRef<\"textarea\">, FormElement {\n wrapperProps?: ComponentPropsWithRef<\"div\">;\n}\n\nconst TextareaComponent: ForwardRefRenderFunction<HTMLTextAreaElement, Props> = (\n {\n error = false,\n success = false,\n disabled = false,\n className,\n rows = 4,\n wrapperProps,\n onFocus,\n onBlur,\n ...rest\n }: Props,\n ref\n) => {\n const [focus, setFocus] = useState(false);\n\n const wrapperClasses = [classes[\"textarea-wrapper\"]];\n const outlineClasses = [classes[\"outline\"]];\n\n wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n success && wrapperClasses.push(\"success\");\n\n const icon = useDetermineStatusIcon({ success, error });\n\n return (\n <div {...wrapperProps} className={wrapperClasses.join(\" \")}>\n <textarea\n {...rest}\n ref={ref}\n rows={rows}\n className={`${error ? classes[\"error\"] : \"\"} ${classes[\"textarea\"]} ${className ?? \"\"}`}\n disabled={disabled}\n onFocus={event => {\n setFocus(true);\n onFocus?.(event);\n }}\n onBlur={event => {\n setFocus(false);\n onBlur?.(event);\n }}\n />\n {icon}\n <span className={outlineClasses.join(\" \")}></span>\n </div>\n );\n};\n\nexport const Textarea = React.forwardRef(TextareaComponent);\n"],"names":["TextareaComponent","error","success","disabled","className","rows","wrapperProps","onFocus","onBlur","rest","ref","focus","setFocus","useState","wrapperClasses","classes","outlineClasses","push","icon","useDetermineStatusIcon","React","createElement","join","event","Textarea","forwardRef"],"mappings":"mKAyBA,MAAMA,EAA0E,EAE5EC,QAAQ,MACRC,UAAU,MACVC,WAAW,MACXC,YACAC,OAAO,EACPC,eACAC,UACAC,YACGC,GAELC,KAEA,MAAOC,EAAOC,GAAYC,EAAS,OAEnC,MAAMC,EAAiB,CAACC,EAAQ,qBAChC,MAAMC,EAAiB,CAACD,EAAQ,aAEhCT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcF,YAAaU,EAAeG,KAAKX,EAAaF,WAC5DD,GAAYW,EAAeG,KAAKF,EAAQ,cAAgBC,EAAeC,KAAKF,EAAQ,aACpFd,GAASa,EAAeG,KAAKF,EAAQ,WAAaC,EAAeC,KAAKF,EAAQ,UAC9EJ,GAASG,EAAeG,KAAKF,EAAQ,WAAaC,EAAeC,KAAKF,EAAQ,UAC9Eb,GAAWY,EAAeG,KAAK,WAE/B,MAAMC,EAAOC,EAAuB,CAAEjB,UAASD,UAE/C,OACEmB,EAASC,cAAA,MAAA,IAAAf,EAAcF,UAAWU,EAAeQ,KAAK,MACpDF,EACMC,cAAA,WAAA,IAAAZ,EACJC,IAAKA,EACLL,KAAMA,EACND,UAAW,GAAGH,EAAQc,EAAQ,SAAW,MAAMA,EAAQ,eAAeX,IAAS,MAATA,SAAS,EAATA,EAAa,KACnFD,SAAUA,EACVI,QAASgB,IACPX,EAAS,MACTL,UAAAA,SAAO,OAAA,EAAPA,EAAUgB,EAAM,EAElBf,OAAQe,IACNX,EAAS,OACTJ,UAAAA,SAAM,OAAA,EAANA,EAASe,EAAM,IAGlBL,EACDE,EAAMC,cAAA,OAAA,CAAAjB,UAAWY,EAAeM,KAAK,OAEvC,EAGS,MAAAE,EAAWJ,EAAMK,WAAWzB"}

package/dist/esm/Form/Textarea/Textarea.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".Textarea_module_srOnly__2da13637{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea_module_hidden__2da13637{display:none}.Textarea_module_slideIn__2da13637{animation:Textarea_module_slideIn__2da13637 .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea_module_slideIn__2da13637{animation-duration:.1ms}}.Textarea_module_slideOut__2da13637{animation:Textarea_module_slideOut__2da13637 .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea_module_slideOut__2da13637{animation-duration:.1ms}}@keyframes Textarea_module_slideIn__2da13637{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea_module_slideOut__2da13637{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Textarea_module_textareaWrapper__2da13637{box-sizing:border-box;position:relative;width:100%}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error],.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error]:before,.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=success]{color:var(--success)}.Textarea_module_textareaWrapper__2da13637 [data-icon-status=error]{color:var(--error)}.Textarea_module_textareaWrapper__2da13637:hover .Textarea_module_outline__2da13637{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_disabled__2da13637{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_error__2da13637{border-color:var(--error)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_focus__2da13637{border-width:var(--input-border-width-focus)}.Textarea_module_textareaWrapper__2da13637 .Textarea_module_outline__2da13637.Textarea_module_focus__2da13637:not(.Textarea_module_error__2da13637){border-color:var(--color-focus)}.Textarea_module_textarea__2da13637{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}@media (prefers-reduced-motion:reduce){.Textarea_module_textarea__2da13637{transition-duration:.1ms}}.Textarea_module_textarea__2da13637:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea_module_textarea__2da13637:focus:not(:disabled){outline:none}.Textarea_module_outline__2da13637{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea_module_outline__2da13637{transition-duration:.1ms}}.Textarea_module_error__2da13637{border-color:var(--error)}",r={"sr-only":"Textarea_module_srOnly__2da13637",hidden:"Textarea_module_hidden__2da13637","slide-in":"Textarea_module_slideIn__2da13637","slide-out":"Textarea_module_slideOut__2da13637","textarea-wrapper":"Textarea_module_textareaWrapper__2da13637",outline:"Textarea_module_outline__2da13637",disabled:"Textarea_module_disabled__2da13637",error:"Textarea_module_error__2da13637",focus:"Textarea_module_focus__2da13637",textarea:"Textarea_module_textarea__2da13637"};e(a,{});export{a as css,r as default};
+import e from "../../../lib/style-inject.js";var i='/*!\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 */.Textarea-module_sr-only__aJaJl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Textarea-module_hidden__-YcqE{display:none}.Textarea-module_slide-in__r1Z6F{animation:Textarea-module_slide-in__r1Z6F .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-in__r1Z6F{animation-duration:.1ms}}.Textarea-module_slide-out__tWdHB{animation:Textarea-module_slide-out__tWdHB .5s forwards}@media (prefers-reduced-motion:reduce){.Textarea-module_slide-out__tWdHB{animation-duration:.1ms}}@keyframes Textarea-module_slide-in__r1Z6F{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Textarea-module_slide-out__tWdHB{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 */.Textarea-module_textarea-wrapper__an3Pf{box-sizing:border-box;position:relative;width:100%}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error],.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{font-size:1.25rem;position:absolute;right:1.25rem;top:.85rem;z-index:1}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]:before,.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=success]{color:var(--success)}.Textarea-module_textarea-wrapper__an3Pf [data-icon-status=error]{color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf:hover .Textarea-module_outline__tyQcN{background-color:var(--input-hover-background-color);border-color:var(--default)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_disabled__9Ay4b{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_error__pH5ff{border-color:var(--error)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36{border-width:var(--input-border-width-focus)}.Textarea-module_textarea-wrapper__an3Pf .Textarea-module_outline__tyQcN.Textarea-module_focus__CKf36:not(.Textarea-module_error__pH5ff){border-color:var(--color-focus)}.Textarea-module_textarea__ss1Sy{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);margin:var(--input-border-width) 0;padding:.625rem .5rem;position:relative;resize:vertical;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;vertical-align:top;width:calc(100% - var(--input-border-width));z-index:1}@media (prefers-reduced-motion:reduce){.Textarea-module_textarea__ss1Sy{transition-duration:.1ms}}.Textarea-module_textarea__ss1Sy:disabled{color:var(--greyed-out);cursor:not-allowed}.Textarea-module_textarea__ss1Sy:focus:not(:disabled){outline:none}.Textarea-module_outline__tyQcN{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Textarea-module_outline__tyQcN{transition-duration:.1ms}}.Textarea-module_error__pH5ff{border-color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FDQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBRUEsa0NBQ0UsdURBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQUVFLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FFbEIsVUFDRixDQUNBLHNJQU1FLGlCQUFrQixDQUpsQixpQkFBa0IsQ0FDbEIsYUFBYyxDQUVkLFVBQVksQ0FEWixTQUdGLENBQ0Esb0pBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0Esb0VBQ0Usb0JBQ0YsQ0FDQSxrRUFDRSxrQkFDRixDQUNBLCtFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLHlHQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLHNHQUNFLHlCQUNGLENBQ0Esc0dBQ0UsNENBQ0YsQ0FDQSx5SUFDRSwrQkFDRixDQUVBLGlDQWNFLDRCQUE2QixDQVg3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQVF0QiwrQkFBZ0MsQ0FGaEMsOEJBQStCLENBQy9CLHVDQUF3QyxDQVN4QyxrQ0FBbUMsQ0FqQm5DLHFCQUF3QixDQVl4QixpQkFBa0IsQ0FEbEIsZUFBZ0IsQ0FOaEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FJdkMsa0JBQW1CLENBTW5CLDRDQUE2QyxDQUY3QyxTQUlGLENBQ0EsdUNBQ0UsaUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLDBDQUVFLHVCQUF3QixDQUR4QixrQkFFRixDQUNBLHNEQUNFLFlBQ0YsQ0FFQSxnQ0FNRSxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHNDQUF1QyxDQUN2QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVNsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsZ0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLDhCQUNFLHlCQUNGIiwiZmlsZSI6IlRleHRhcmVhLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi50ZXh0YXJlYS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLnRleHRhcmVhLXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMS4yNXJlbTtcbiAgei1pbmRleDogMTtcbiAgdG9wOiAwLjg1cmVtO1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4udGV4dGFyZWEtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi50ZXh0YXJlYS13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlcjpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLnRleHRhcmVhLXdyYXBwZXIgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4udGV4dGFyZWEtd3JhcHBlciAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuXG4udGV4dGFyZWEge1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgLyogbWFraW5nIHNwYWNlIGZvciBvdXRsaW5lIGluIHRleHQgYXJlYSB3aGVuIHNjcm9sbCBiYXIgaXMgdmlzaWJsZTogd2lkdGggc21hbGxlciBhbmQgbWFyZ2luIHRvcCAmIGJvdHRvbSB0byBoYXZlIHNwYWNlIGZvciBib3JkZXIgKi9cbiAgd2lkdGg6IGNhbGMoMTAwJSAtIHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkpO1xuICBtYXJnaW46IHZhcigtLWlucHV0LWJvcmRlci13aWR0aCkgMDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC50ZXh0YXJlYSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi50ZXh0YXJlYTpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi50ZXh0YXJlYTpmb2N1czpub3QoOmRpc2FibGVkKSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5vdXRsaW5lIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBpbnNldDogMDtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1saWdodC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItc3R5bGU6IHZhcigtLWlucHV0LWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufSJdfQ== */';var a={"sr-only":"Textarea-module_sr-only__aJaJl",hidden:"Textarea-module_hidden__-YcqE","slide-in":"Textarea-module_slide-in__r1Z6F","slide-out":"Textarea-module_slide-out__tWdHB","textarea-wrapper":"Textarea-module_textarea-wrapper__an3Pf",outline:"Textarea-module_outline__tyQcN",disabled:"Textarea-module_disabled__9Ay4b",error:"Textarea-module_error__pH5ff",focus:"Textarea-module_focus__CKf36",textarea:"Textarea-module_textarea__ss1Sy"};e(i);export{a as default};
 //# sourceMappingURL=Textarea.module.esm.js.map

package/dist/esm/Form/Toggle/Toggle.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{Checkbox as r}from"../Checkbox/Checkbox.esm.js";import a from"./Toggle.module.esm.js";const l=e.forwardRef((({checked:l,disabled:p,helperProps:s,className:o,label:t,labelPosition:g="right",hideLabel:c=!1,labelOverflow:h="nowrap",version:d="emphasis",spacing:i="packed",...m},b)=>{const n=[a["toggle-wrapper"]];return o&&n.push(o),n.push(a[`toggle-wrapper--${g}`]),c&&n.push(a["toggle-wrapper--hide-label"]),n.push(a[`toggle-wrapper--${h}`]),n.push(a[`toggle-wrapper--${d}`]),n.push(a[`toggle-wrapper--${i}`]),p&&n.push(a["toggle-wrapper--disabled"]),e.createElement("div",{className:n.join(" ")},e.createElement(r,{...m,ref:b,checked:l,className:a.checkbox,helperProps:{className:a["toggle-helper"],...s},disabled:p,label:t},e.createElement("span",{"data-toggle":"true","aria-hidden":"true",className:`${a.toggle} ${l?a.checked:""} ${p?a.disabled:""} `})))}));export{l as Toggle};
+import e from"react";import{Checkbox as a}from"../Checkbox/Checkbox.esm.js";import r from"./Toggle.module.esm.js";const l=({checked:l,disabled:s,helperProps:p,className:o,label:t,labelPosition:c="right",hideLabel:g=false,labelOverflow:h="nowrap",version:d="emphasis",spacing:i="packed",...m},n)=>{const b=[r["toggle-wrapper"]];o&&b.push(o);b.push(r[`toggle-wrapper--${c}`]);g&&b.push(r["toggle-wrapper--hide-label"]);b.push(r[`toggle-wrapper--${h}`]);b.push(r[`toggle-wrapper--${d}`]);b.push(r[`toggle-wrapper--${i}`]);s&&b.push(r["toggle-wrapper--disabled"]);return e.createElement("div",{className:b.join(" ")},e.createElement(a,{...m,ref:n,checked:l,className:r["checkbox"],helperProps:{className:r["toggle-helper"],...p},disabled:s,label:t},e.createElement("span",{"data-toggle":"true","aria-hidden":"true",className:`${r["toggle"]} ${l?r["checked"]:""} ${s?r["disabled"]:""} `})))};const s=e.forwardRef(l);export{s as Toggle};
 //# sourceMappingURL=Toggle.esm.js.map

package/dist/esm/Form/Toggle/Toggle.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Toggle.esm.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Checkbox, Props as CheckboxProps } from \"../Checkbox/Checkbox\";\nimport classes from \"./Toggle.module.scss\";\n\nexport interface Props\n extends ComponentPropsWithRef<\"input\">,\n Omit<CheckboxProps, \"indeterminate\" \| \"errorMessage\" \| \"error\" \| \"label\"> {\n label?: string \| React.ReactElement;\n labelPosition?: \"left\" \| \"right\";\n hideLabel?: boolean;\n labelOverflow?: \"wrap\" \| \"nowrap\";\n version?: \"emphasis\" \| \"neutral\";\n spacing?: \"packed\" \| \"between\";\n}\n\nconst ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n checked,\n disabled,\n helperProps,\n className,\n label,\n labelPosition = \"right\",\n hideLabel = false,\n labelOverflow = \"nowrap\",\n version = \"emphasis\",\n spacing = \"packed\",\n ...rest\n }: Props,\n ref\n) => {\n const classNames = [classes[\"toggle-wrapper\"]];\n className && classNames.push(className);\n classNames.push(classes[`toggle-wrapper--${labelPosition}`]);\n hideLabel && classNames.push(classes[\"toggle-wrapper--hide-label\"]);\n classNames.push(classes[`toggle-wrapper--${labelOverflow}`]);\n classNames.push(classes[`toggle-wrapper--${version}`]);\n classNames.push(classes[`toggle-wrapper--${spacing}`]);\n disabled && classNames.push(classes[\"toggle-wrapper--disabled\"]);\n\n return (\n <div className={classNames.join(\" \")}>\n <Checkbox\n {...rest}\n ref={ref}\n checked={checked}\n className={classes[\"checkbox\"]}\n helperProps={{ className: classes[\"toggle-helper\"], ...helperProps }}\n disabled={disabled}\n label={label}\n >\n <span\n data-toggle=\"true\"\n aria-hidden=\"true\"\n className={`${classes[\"toggle\"]} ${checked ? classes[\"checked\"] : \"\"} ${\n disabled ? classes[\"disabled\"] : \"\"\n } `}\n ></span>\n </Checkbox>\n </div>\n );\n};\n\nexport const Toggle = React.forwardRef(ToggleComponent);\n"],"names":["ToggleComponent","checked","disabled","helperProps","className","label","labelPosition","hideLabel","labelOverflow","version","spacing","rest","ref","classNames","classes","push","React","join","createElement","Checkbox","Toggle","forwardRef"],"mappings":"kHA+BA,MAAMA,EAAqE,EAEvEC,UACAC,WACAC,cACAC,YACAC,QACAC,gBAAgB,QAChBC,YAAY,MACZC,gBAAgB,SAChBC,UAAU,WACVC,UAAU,YACPC,GAELC,KAEA,MAAMC,EAAa,CAACC,EAAQ,mBAC5BV,GAAaS,EAAWE,KAAKX,GAC7BS,EAAWE,KAAKD,EAAQ,mBAAmBR,MAC3CC,GAAaM,EAAWE,KAAKD,EAAQ,+BACrCD,EAAWE,KAAKD,EAAQ,mBAAmBN,MAC3CK,EAAWE,KAAKD,EAAQ,mBAAmBL,MAC3CI,EAAWE,KAAKD,EAAQ,mBAAmBJ,MAC3CR,GAAYW,EAAWE,KAAKD,EAAQ,6BAEpC,OACEE,uBAAKZ,UAAWS,EAAWI,KAAK,MAC9BD,EAAAE,cAACC,EACK,IAAAR,EACJC,IAAKA,EACLX,QAASA,EACTG,UAAWU,EAAQ,YACnBX,YAAa,CAAEC,UAAWU,EAAQ,oBAAqBX,GACvDD,SAAUA,EACVG,MAAOA,GAEPW,EAAAE,cAAA,OAAA,CAAA,cACc,OACA,cAAA,OACZd,UAAW,GAAGU,EAAQ,aAAab,EAAUa,EAAQ,WAAa,MAChEZ,EAAWY,EAAQ,YAAc,SAKzC,EAGS,MAAAM,EAASJ,EAAMK,WAAWrB"}