@onewelcome/react-lib-components 1.8.3 → 1.9.1

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 (35) hide show
  1. package/dist/Button/BaseButton.d.ts +2 -1
  2. package/dist/Button/Button.d.ts +1 -1
  3. package/dist/Button/IconButton.d.ts +1 -1
  4. package/dist/Button/Spinner.d.ts +2 -0
  5. package/dist/Notifications/BaseModal/BaseModal.d.ts +1 -1
  6. package/dist/_BaseStyling_/BaseStyling.d.ts +1 -1
  7. package/dist/hooks/useGetDomRoot.d.ts +3 -0
  8. package/dist/react-lib-components.cjs.development.js +93 -32
  9. package/dist/react-lib-components.cjs.development.js.map +1 -1
  10. package/dist/react-lib-components.cjs.production.min.js +1 -1
  11. package/dist/react-lib-components.cjs.production.min.js.map +1 -1
  12. package/dist/react-lib-components.esm.js +94 -33
  13. package/dist/react-lib-components.esm.js.map +1 -1
  14. package/dist/util/helper.d.ts +1 -0
  15. package/package.json +14 -14
  16. package/src/Button/BaseButton.module.scss +24 -0
  17. package/src/Button/BaseButton.test.tsx +12 -0
  18. package/src/Button/BaseButton.tsx +17 -5
  19. package/src/Button/Spinner.tsx +33 -0
  20. package/src/ContextMenu/ContextMenu.tsx +18 -3
  21. package/src/DataGrid/DataGridBody/__snapshots__/DataGridBody.test.tsx.snap +4 -4
  22. package/src/Form/FileUpload/FileUpload.module.scss +9 -2
  23. package/src/Form/FileUpload/FileUpload.tsx +35 -33
  24. package/src/Form/Wrapper/InputWrapper/InputWrapper.module.scss +1 -0
  25. package/src/Notifications/BaseModal/BaseModal.tsx +48 -41
  26. package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss +1 -1
  27. package/src/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.tsx +7 -4
  28. package/src/Tooltip/Tooltip.tsx +9 -3
  29. package/src/_BaseStyling_/BaseStyling.tsx +14 -6
  30. package/src/hooks/useGetDomRoot.ts +40 -0
  31. package/src/hooks/usePosition.ts +2 -1
  32. package/src/hooks/useUploadFile.test.ts +2 -2
  33. package/src/hooks/useUploadFile.tsx +8 -5
  34. package/src/util/helper.test.tsx +16 -1
  35. package/src/util/helper.tsx +9 -0
@@ -1,4 +1,4 @@
1
- import React, { useState, useEffect, Fragment, useRef, useCallback, createRef, useLayoutEffect, createContext, useContext, useReducer, useMemo } from 'react';
1
+ import React, { useState, useRef, useEffect, Fragment, createRef, useCallback, useLayoutEffect, createContext, useContext, useReducer, useMemo } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
3
 
4
4
  function _extends() {
@@ -117,6 +117,7 @@ var BaseStyling = function BaseStyling(_ref) {
117
117
  var _useState = useState(true),
118
118
  isLoading = _useState[0],
119
119
  setIsLoading = _useState[1];
120
+ var baseStylingWrapper = useRef(null);
120
121
  var setCSSProperties = function setCSSProperties(CSSPropertiesObject) {
121
122
  for (var _i = 0, _Object$entries = Object.entries(CSSPropertiesObject); _i < _Object$entries.length; _i++) {
122
123
  var _Object$entries$_i = _Object$entries[_i],
@@ -125,41 +126,65 @@ var BaseStyling = function BaseStyling(_ref) {
125
126
  var formattedPropertyName = key.replace(/([A-Z])/g, function (val) {
126
127
  return "-" + val.toLowerCase();
127
128
  });
128
- document.documentElement.style.setProperty("--" + formattedPropertyName, value);
129
+ baseStylingWrapper.current.style.setProperty("--" + formattedPropertyName, value);
129
130
  }
130
131
  };
131
132
  useEffect(function () {
132
- if (Object.keys(properties).length !== 0) {
133
+ if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {
133
134
  var mergedState = _extends({}, defaultProperties, properties);
134
135
  setCSSProperties(mergedState);
135
- } else {
136
+ } else if (baseStylingWrapper.current) {
136
137
  setCSSProperties(defaultProperties);
137
138
  }
138
139
  setIsLoading(false);
139
- }, [properties]);
140
- return !isLoading ? React.createElement(Fragment, null, children) : null;
140
+ }, [properties, baseStylingWrapper.current]);
141
+ return React.createElement("div", {
142
+ className: "basestyling-wrapper",
143
+ ref: baseStylingWrapper
144
+ }, !isLoading ? children : null);
141
145
  };
142
146
 
143
147
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
144
148
 
145
- var css$Y = ".BaseButton_module_srOnly__3b962b1b{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_module_hidden__3b962b1b{display:none}.BaseButton_module_slideIn__3b962b1b{animation:BaseButton_module_slideIn__3b962b1b .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideIn__3b962b1b{animation-duration:.1ms}}.BaseButton_module_slideOut__3b962b1b{animation:BaseButton_module_slideOut__3b962b1b .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideOut__3b962b1b{animation-duration:.1ms}}@keyframes BaseButton_module_slideIn__3b962b1b{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_module_slideOut__3b962b1b{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseButton_module_w6__3b962b1b{width:6%}.BaseButton_module_w7__3b962b1b{width:7%}.BaseButton_module_w8__3b962b1b{width:8%}.BaseButton_module_w9__3b962b1b{width:9%}.BaseButton_module_w10__3b962b1b{width:10%}.BaseButton_module_w11__3b962b1b{width:11%}.BaseButton_module_w12__3b962b1b{width:12%}.BaseButton_module_w13__3b962b1b{width:13%}.BaseButton_module_w14__3b962b1b{width:14%}.BaseButton_module_w15__3b962b1b{width:15%}.BaseButton_module_w16__3b962b1b{width:16%}.BaseButton_module_w17__3b962b1b{width:17%}.BaseButton_module_w18__3b962b1b{width:18%}.BaseButton_module_w19__3b962b1b{width:19%}.BaseButton_module_w20__3b962b1b{width:20%}.BaseButton_module_w21__3b962b1b{width:21%}.BaseButton_module_w22__3b962b1b{width:22%}.BaseButton_module_w23__3b962b1b{width:23%}.BaseButton_module_w24__3b962b1b{width:24%}.BaseButton_module_w25__3b962b1b{width:25%}.BaseButton_module_w26__3b962b1b{width:26%}.BaseButton_module_w27__3b962b1b{width:27%}.BaseButton_module_w28__3b962b1b{width:28%}.BaseButton_module_w29__3b962b1b{width:29%}.BaseButton_module_w30__3b962b1b{width:30%}.BaseButton_module_w31__3b962b1b{width:31%}.BaseButton_module_w32__3b962b1b{width:32%}.BaseButton_module_w33__3b962b1b{width:33%}.BaseButton_module_w34__3b962b1b{width:34%}.BaseButton_module_w35__3b962b1b{width:35%}.BaseButton_module_w36__3b962b1b{width:36%}.BaseButton_module_w37__3b962b1b{width:37%}.BaseButton_module_w38__3b962b1b{width:38%}.BaseButton_module_w39__3b962b1b{width:39%}.BaseButton_module_w40__3b962b1b{width:40%}.BaseButton_module_w41__3b962b1b{width:41%}.BaseButton_module_w42__3b962b1b{width:42%}.BaseButton_module_w43__3b962b1b{width:43%}.BaseButton_module_w44__3b962b1b{width:44%}.BaseButton_module_w45__3b962b1b{width:45%}.BaseButton_module_w46__3b962b1b{width:46%}.BaseButton_module_w47__3b962b1b{width:47%}.BaseButton_module_w48__3b962b1b{width:48%}.BaseButton_module_w49__3b962b1b{width:49%}.BaseButton_module_w50__3b962b1b{width:50%}.BaseButton_module_w51__3b962b1b{width:51%}.BaseButton_module_w52__3b962b1b{width:52%}.BaseButton_module_w53__3b962b1b{width:53%}.BaseButton_module_w54__3b962b1b{width:54%}.BaseButton_module_w55__3b962b1b{width:55%}.BaseButton_module_w56__3b962b1b{width:56%}.BaseButton_module_w57__3b962b1b{width:57%}.BaseButton_module_w58__3b962b1b{width:58%}.BaseButton_module_w59__3b962b1b{width:59%}.BaseButton_module_w60__3b962b1b{width:60%}.BaseButton_module_w61__3b962b1b{width:61%}.BaseButton_module_w62__3b962b1b{width:62%}.BaseButton_module_w63__3b962b1b{width:63%}.BaseButton_module_w64__3b962b1b{width:64%}.BaseButton_module_w65__3b962b1b{width:65%}.BaseButton_module_w66__3b962b1b{width:66%}.BaseButton_module_w67__3b962b1b{width:67%}.BaseButton_module_w68__3b962b1b{width:68%}.BaseButton_module_w69__3b962b1b{width:69%}.BaseButton_module_w70__3b962b1b{width:70%}.BaseButton_module_w71__3b962b1b{width:71%}.BaseButton_module_w72__3b962b1b{width:72%}.BaseButton_module_w73__3b962b1b{width:73%}.BaseButton_module_w74__3b962b1b{width:74%}.BaseButton_module_w75__3b962b1b{width:75%}.BaseButton_module_w76__3b962b1b{width:76%}.BaseButton_module_w77__3b962b1b{width:77%}.BaseButton_module_w78__3b962b1b{width:78%}.BaseButton_module_w79__3b962b1b{width:79%}.BaseButton_module_w80__3b962b1b{width:80%}.BaseButton_module_w81__3b962b1b{width:81%}.BaseButton_module_w82__3b962b1b{width:82%}.BaseButton_module_w83__3b962b1b{width:83%}.BaseButton_module_w84__3b962b1b{width:84%}.BaseButton_module_w85__3b962b1b{width:85%}.BaseButton_module_w86__3b962b1b{width:86%}.BaseButton_module_w87__3b962b1b{width:87%}.BaseButton_module_w88__3b962b1b{width:88%}.BaseButton_module_w89__3b962b1b{width:89%}.BaseButton_module_w90__3b962b1b{width:90%}.BaseButton_module_w91__3b962b1b{width:91%}.BaseButton_module_w92__3b962b1b{width:92%}.BaseButton_module_w93__3b962b1b{width:93%}.BaseButton_module_w94__3b962b1b{width:94%}.BaseButton_module_w95__3b962b1b{width:95%}.BaseButton_module_w96__3b962b1b{width:96%}.BaseButton_module_w97__3b962b1b{width:97%}.BaseButton_module_w98__3b962b1b{width:98%}.BaseButton_module_w99__3b962b1b{width:99%}.BaseButton_module_w100__3b962b1b{width:100%}.BaseButton_module_w101__3b962b1b{width:101%}.BaseButton_module_w102__3b962b1b{width:102%}.BaseButton_module_w103__3b962b1b{width:103%}.BaseButton_module_w104__3b962b1b{width:104%}.BaseButton_module_w105__3b962b1b{width:105%}.BaseButton_module_button__3b962b1b{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.5rem 1.25rem;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_module_button__3b962b1b{transition-duration:.1ms}}.BaseButton_module_button__3b962b1b:disabled{color:var(--greyed-out);cursor:not-allowed}";
146
- var modules_3484519b = {"sr-only":"BaseButton_module_srOnly__3b962b1b","hidden":"BaseButton_module_hidden__3b962b1b","slide-in":"BaseButton_module_slideIn__3b962b1b","slide-out":"BaseButton_module_slideOut__3b962b1b","w-6":"BaseButton_module_w6__3b962b1b","w-7":"BaseButton_module_w7__3b962b1b","w-8":"BaseButton_module_w8__3b962b1b","w-9":"BaseButton_module_w9__3b962b1b","w-10":"BaseButton_module_w10__3b962b1b","w-11":"BaseButton_module_w11__3b962b1b","w-12":"BaseButton_module_w12__3b962b1b","w-13":"BaseButton_module_w13__3b962b1b","w-14":"BaseButton_module_w14__3b962b1b","w-15":"BaseButton_module_w15__3b962b1b","w-16":"BaseButton_module_w16__3b962b1b","w-17":"BaseButton_module_w17__3b962b1b","w-18":"BaseButton_module_w18__3b962b1b","w-19":"BaseButton_module_w19__3b962b1b","w-20":"BaseButton_module_w20__3b962b1b","w-21":"BaseButton_module_w21__3b962b1b","w-22":"BaseButton_module_w22__3b962b1b","w-23":"BaseButton_module_w23__3b962b1b","w-24":"BaseButton_module_w24__3b962b1b","w-25":"BaseButton_module_w25__3b962b1b","w-26":"BaseButton_module_w26__3b962b1b","w-27":"BaseButton_module_w27__3b962b1b","w-28":"BaseButton_module_w28__3b962b1b","w-29":"BaseButton_module_w29__3b962b1b","w-30":"BaseButton_module_w30__3b962b1b","w-31":"BaseButton_module_w31__3b962b1b","w-32":"BaseButton_module_w32__3b962b1b","w-33":"BaseButton_module_w33__3b962b1b","w-34":"BaseButton_module_w34__3b962b1b","w-35":"BaseButton_module_w35__3b962b1b","w-36":"BaseButton_module_w36__3b962b1b","w-37":"BaseButton_module_w37__3b962b1b","w-38":"BaseButton_module_w38__3b962b1b","w-39":"BaseButton_module_w39__3b962b1b","w-40":"BaseButton_module_w40__3b962b1b","w-41":"BaseButton_module_w41__3b962b1b","w-42":"BaseButton_module_w42__3b962b1b","w-43":"BaseButton_module_w43__3b962b1b","w-44":"BaseButton_module_w44__3b962b1b","w-45":"BaseButton_module_w45__3b962b1b","w-46":"BaseButton_module_w46__3b962b1b","w-47":"BaseButton_module_w47__3b962b1b","w-48":"BaseButton_module_w48__3b962b1b","w-49":"BaseButton_module_w49__3b962b1b","w-50":"BaseButton_module_w50__3b962b1b","w-51":"BaseButton_module_w51__3b962b1b","w-52":"BaseButton_module_w52__3b962b1b","w-53":"BaseButton_module_w53__3b962b1b","w-54":"BaseButton_module_w54__3b962b1b","w-55":"BaseButton_module_w55__3b962b1b","w-56":"BaseButton_module_w56__3b962b1b","w-57":"BaseButton_module_w57__3b962b1b","w-58":"BaseButton_module_w58__3b962b1b","w-59":"BaseButton_module_w59__3b962b1b","w-60":"BaseButton_module_w60__3b962b1b","w-61":"BaseButton_module_w61__3b962b1b","w-62":"BaseButton_module_w62__3b962b1b","w-63":"BaseButton_module_w63__3b962b1b","w-64":"BaseButton_module_w64__3b962b1b","w-65":"BaseButton_module_w65__3b962b1b","w-66":"BaseButton_module_w66__3b962b1b","w-67":"BaseButton_module_w67__3b962b1b","w-68":"BaseButton_module_w68__3b962b1b","w-69":"BaseButton_module_w69__3b962b1b","w-70":"BaseButton_module_w70__3b962b1b","w-71":"BaseButton_module_w71__3b962b1b","w-72":"BaseButton_module_w72__3b962b1b","w-73":"BaseButton_module_w73__3b962b1b","w-74":"BaseButton_module_w74__3b962b1b","w-75":"BaseButton_module_w75__3b962b1b","w-76":"BaseButton_module_w76__3b962b1b","w-77":"BaseButton_module_w77__3b962b1b","w-78":"BaseButton_module_w78__3b962b1b","w-79":"BaseButton_module_w79__3b962b1b","w-80":"BaseButton_module_w80__3b962b1b","w-81":"BaseButton_module_w81__3b962b1b","w-82":"BaseButton_module_w82__3b962b1b","w-83":"BaseButton_module_w83__3b962b1b","w-84":"BaseButton_module_w84__3b962b1b","w-85":"BaseButton_module_w85__3b962b1b","w-86":"BaseButton_module_w86__3b962b1b","w-87":"BaseButton_module_w87__3b962b1b","w-88":"BaseButton_module_w88__3b962b1b","w-89":"BaseButton_module_w89__3b962b1b","w-90":"BaseButton_module_w90__3b962b1b","w-91":"BaseButton_module_w91__3b962b1b","w-92":"BaseButton_module_w92__3b962b1b","w-93":"BaseButton_module_w93__3b962b1b","w-94":"BaseButton_module_w94__3b962b1b","w-95":"BaseButton_module_w95__3b962b1b","w-96":"BaseButton_module_w96__3b962b1b","w-97":"BaseButton_module_w97__3b962b1b","w-98":"BaseButton_module_w98__3b962b1b","w-99":"BaseButton_module_w99__3b962b1b","w-100":"BaseButton_module_w100__3b962b1b","w-101":"BaseButton_module_w101__3b962b1b","w-102":"BaseButton_module_w102__3b962b1b","w-103":"BaseButton_module_w103__3b962b1b","w-104":"BaseButton_module_w104__3b962b1b","w-105":"BaseButton_module_w105__3b962b1b","button":"BaseButton_module_button__3b962b1b"};
149
+ var css$Y = ".BaseButton_module_srOnly__3c780b95{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseButton_module_hidden__3c780b95{display:none}.BaseButton_module_slideIn__3c780b95{animation:BaseButton_module_slideIn__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideIn__3c780b95{animation-duration:.1ms}}.BaseButton_module_slideOut__3c780b95{animation:BaseButton_module_slideOut__3c780b95 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseButton_module_slideOut__3c780b95{animation-duration:.1ms}}@keyframes BaseButton_module_slideIn__3c780b95{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseButton_module_slideOut__3c780b95{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseButton_module_w6__3c780b95{width:6%}.BaseButton_module_w7__3c780b95{width:7%}.BaseButton_module_w8__3c780b95{width:8%}.BaseButton_module_w9__3c780b95{width:9%}.BaseButton_module_w10__3c780b95{width:10%}.BaseButton_module_w11__3c780b95{width:11%}.BaseButton_module_w12__3c780b95{width:12%}.BaseButton_module_w13__3c780b95{width:13%}.BaseButton_module_w14__3c780b95{width:14%}.BaseButton_module_w15__3c780b95{width:15%}.BaseButton_module_w16__3c780b95{width:16%}.BaseButton_module_w17__3c780b95{width:17%}.BaseButton_module_w18__3c780b95{width:18%}.BaseButton_module_w19__3c780b95{width:19%}.BaseButton_module_w20__3c780b95{width:20%}.BaseButton_module_w21__3c780b95{width:21%}.BaseButton_module_w22__3c780b95{width:22%}.BaseButton_module_w23__3c780b95{width:23%}.BaseButton_module_w24__3c780b95{width:24%}.BaseButton_module_w25__3c780b95{width:25%}.BaseButton_module_w26__3c780b95{width:26%}.BaseButton_module_w27__3c780b95{width:27%}.BaseButton_module_w28__3c780b95{width:28%}.BaseButton_module_w29__3c780b95{width:29%}.BaseButton_module_w30__3c780b95{width:30%}.BaseButton_module_w31__3c780b95{width:31%}.BaseButton_module_w32__3c780b95{width:32%}.BaseButton_module_w33__3c780b95{width:33%}.BaseButton_module_w34__3c780b95{width:34%}.BaseButton_module_w35__3c780b95{width:35%}.BaseButton_module_w36__3c780b95{width:36%}.BaseButton_module_w37__3c780b95{width:37%}.BaseButton_module_w38__3c780b95{width:38%}.BaseButton_module_w39__3c780b95{width:39%}.BaseButton_module_w40__3c780b95{width:40%}.BaseButton_module_w41__3c780b95{width:41%}.BaseButton_module_w42__3c780b95{width:42%}.BaseButton_module_w43__3c780b95{width:43%}.BaseButton_module_w44__3c780b95{width:44%}.BaseButton_module_w45__3c780b95{width:45%}.BaseButton_module_w46__3c780b95{width:46%}.BaseButton_module_w47__3c780b95{width:47%}.BaseButton_module_w48__3c780b95{width:48%}.BaseButton_module_w49__3c780b95{width:49%}.BaseButton_module_w50__3c780b95{width:50%}.BaseButton_module_w51__3c780b95{width:51%}.BaseButton_module_w52__3c780b95{width:52%}.BaseButton_module_w53__3c780b95{width:53%}.BaseButton_module_w54__3c780b95{width:54%}.BaseButton_module_w55__3c780b95{width:55%}.BaseButton_module_w56__3c780b95{width:56%}.BaseButton_module_w57__3c780b95{width:57%}.BaseButton_module_w58__3c780b95{width:58%}.BaseButton_module_w59__3c780b95{width:59%}.BaseButton_module_w60__3c780b95{width:60%}.BaseButton_module_w61__3c780b95{width:61%}.BaseButton_module_w62__3c780b95{width:62%}.BaseButton_module_w63__3c780b95{width:63%}.BaseButton_module_w64__3c780b95{width:64%}.BaseButton_module_w65__3c780b95{width:65%}.BaseButton_module_w66__3c780b95{width:66%}.BaseButton_module_w67__3c780b95{width:67%}.BaseButton_module_w68__3c780b95{width:68%}.BaseButton_module_w69__3c780b95{width:69%}.BaseButton_module_w70__3c780b95{width:70%}.BaseButton_module_w71__3c780b95{width:71%}.BaseButton_module_w72__3c780b95{width:72%}.BaseButton_module_w73__3c780b95{width:73%}.BaseButton_module_w74__3c780b95{width:74%}.BaseButton_module_w75__3c780b95{width:75%}.BaseButton_module_w76__3c780b95{width:76%}.BaseButton_module_w77__3c780b95{width:77%}.BaseButton_module_w78__3c780b95{width:78%}.BaseButton_module_w79__3c780b95{width:79%}.BaseButton_module_w80__3c780b95{width:80%}.BaseButton_module_w81__3c780b95{width:81%}.BaseButton_module_w82__3c780b95{width:82%}.BaseButton_module_w83__3c780b95{width:83%}.BaseButton_module_w84__3c780b95{width:84%}.BaseButton_module_w85__3c780b95{width:85%}.BaseButton_module_w86__3c780b95{width:86%}.BaseButton_module_w87__3c780b95{width:87%}.BaseButton_module_w88__3c780b95{width:88%}.BaseButton_module_w89__3c780b95{width:89%}.BaseButton_module_w90__3c780b95{width:90%}.BaseButton_module_w91__3c780b95{width:91%}.BaseButton_module_w92__3c780b95{width:92%}.BaseButton_module_w93__3c780b95{width:93%}.BaseButton_module_w94__3c780b95{width:94%}.BaseButton_module_w95__3c780b95{width:95%}.BaseButton_module_w96__3c780b95{width:96%}.BaseButton_module_w97__3c780b95{width:97%}.BaseButton_module_w98__3c780b95{width:98%}.BaseButton_module_w99__3c780b95{width:99%}.BaseButton_module_w100__3c780b95{width:100%}.BaseButton_module_w101__3c780b95{width:101%}.BaseButton_module_w102__3c780b95{width:102%}.BaseButton_module_w103__3c780b95{width:103%}.BaseButton_module_w104__3c780b95{width:104%}.BaseButton_module_w105__3c780b95{width:105%}.BaseButton_module_button__3c780b95{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.5rem 1.25rem;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.BaseButton_module_button__3c780b95{transition-duration:.1ms}}.BaseButton_module_button__3c780b95:disabled{color:var(--greyed-out);cursor:not-allowed}.BaseButton_module_button__3c780b95 .BaseButton_module_contentHidden__3c780b95{display:flex;visibility:hidden}.BaseButton_module_spinner__3c780b95{animation:BaseButton_module_spin__3c780b95 1s linear infinite;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transform:translate(-50%,-50%)}@keyframes BaseButton_module_spin__3c780b95{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
150
+ var modules_3484519b = {"sr-only":"BaseButton_module_srOnly__3c780b95","hidden":"BaseButton_module_hidden__3c780b95","slide-in":"BaseButton_module_slideIn__3c780b95","slide-out":"BaseButton_module_slideOut__3c780b95","w-6":"BaseButton_module_w6__3c780b95","w-7":"BaseButton_module_w7__3c780b95","w-8":"BaseButton_module_w8__3c780b95","w-9":"BaseButton_module_w9__3c780b95","w-10":"BaseButton_module_w10__3c780b95","w-11":"BaseButton_module_w11__3c780b95","w-12":"BaseButton_module_w12__3c780b95","w-13":"BaseButton_module_w13__3c780b95","w-14":"BaseButton_module_w14__3c780b95","w-15":"BaseButton_module_w15__3c780b95","w-16":"BaseButton_module_w16__3c780b95","w-17":"BaseButton_module_w17__3c780b95","w-18":"BaseButton_module_w18__3c780b95","w-19":"BaseButton_module_w19__3c780b95","w-20":"BaseButton_module_w20__3c780b95","w-21":"BaseButton_module_w21__3c780b95","w-22":"BaseButton_module_w22__3c780b95","w-23":"BaseButton_module_w23__3c780b95","w-24":"BaseButton_module_w24__3c780b95","w-25":"BaseButton_module_w25__3c780b95","w-26":"BaseButton_module_w26__3c780b95","w-27":"BaseButton_module_w27__3c780b95","w-28":"BaseButton_module_w28__3c780b95","w-29":"BaseButton_module_w29__3c780b95","w-30":"BaseButton_module_w30__3c780b95","w-31":"BaseButton_module_w31__3c780b95","w-32":"BaseButton_module_w32__3c780b95","w-33":"BaseButton_module_w33__3c780b95","w-34":"BaseButton_module_w34__3c780b95","w-35":"BaseButton_module_w35__3c780b95","w-36":"BaseButton_module_w36__3c780b95","w-37":"BaseButton_module_w37__3c780b95","w-38":"BaseButton_module_w38__3c780b95","w-39":"BaseButton_module_w39__3c780b95","w-40":"BaseButton_module_w40__3c780b95","w-41":"BaseButton_module_w41__3c780b95","w-42":"BaseButton_module_w42__3c780b95","w-43":"BaseButton_module_w43__3c780b95","w-44":"BaseButton_module_w44__3c780b95","w-45":"BaseButton_module_w45__3c780b95","w-46":"BaseButton_module_w46__3c780b95","w-47":"BaseButton_module_w47__3c780b95","w-48":"BaseButton_module_w48__3c780b95","w-49":"BaseButton_module_w49__3c780b95","w-50":"BaseButton_module_w50__3c780b95","w-51":"BaseButton_module_w51__3c780b95","w-52":"BaseButton_module_w52__3c780b95","w-53":"BaseButton_module_w53__3c780b95","w-54":"BaseButton_module_w54__3c780b95","w-55":"BaseButton_module_w55__3c780b95","w-56":"BaseButton_module_w56__3c780b95","w-57":"BaseButton_module_w57__3c780b95","w-58":"BaseButton_module_w58__3c780b95","w-59":"BaseButton_module_w59__3c780b95","w-60":"BaseButton_module_w60__3c780b95","w-61":"BaseButton_module_w61__3c780b95","w-62":"BaseButton_module_w62__3c780b95","w-63":"BaseButton_module_w63__3c780b95","w-64":"BaseButton_module_w64__3c780b95","w-65":"BaseButton_module_w65__3c780b95","w-66":"BaseButton_module_w66__3c780b95","w-67":"BaseButton_module_w67__3c780b95","w-68":"BaseButton_module_w68__3c780b95","w-69":"BaseButton_module_w69__3c780b95","w-70":"BaseButton_module_w70__3c780b95","w-71":"BaseButton_module_w71__3c780b95","w-72":"BaseButton_module_w72__3c780b95","w-73":"BaseButton_module_w73__3c780b95","w-74":"BaseButton_module_w74__3c780b95","w-75":"BaseButton_module_w75__3c780b95","w-76":"BaseButton_module_w76__3c780b95","w-77":"BaseButton_module_w77__3c780b95","w-78":"BaseButton_module_w78__3c780b95","w-79":"BaseButton_module_w79__3c780b95","w-80":"BaseButton_module_w80__3c780b95","w-81":"BaseButton_module_w81__3c780b95","w-82":"BaseButton_module_w82__3c780b95","w-83":"BaseButton_module_w83__3c780b95","w-84":"BaseButton_module_w84__3c780b95","w-85":"BaseButton_module_w85__3c780b95","w-86":"BaseButton_module_w86__3c780b95","w-87":"BaseButton_module_w87__3c780b95","w-88":"BaseButton_module_w88__3c780b95","w-89":"BaseButton_module_w89__3c780b95","w-90":"BaseButton_module_w90__3c780b95","w-91":"BaseButton_module_w91__3c780b95","w-92":"BaseButton_module_w92__3c780b95","w-93":"BaseButton_module_w93__3c780b95","w-94":"BaseButton_module_w94__3c780b95","w-95":"BaseButton_module_w95__3c780b95","w-96":"BaseButton_module_w96__3c780b95","w-97":"BaseButton_module_w97__3c780b95","w-98":"BaseButton_module_w98__3c780b95","w-99":"BaseButton_module_w99__3c780b95","w-100":"BaseButton_module_w100__3c780b95","w-101":"BaseButton_module_w101__3c780b95","w-102":"BaseButton_module_w102__3c780b95","w-103":"BaseButton_module_w103__3c780b95","w-104":"BaseButton_module_w104__3c780b95","w-105":"BaseButton_module_w105__3c780b95","button":"BaseButton_module_button__3c780b95","content-hidden":"BaseButton_module_contentHidden__3c780b95","spinner":"BaseButton_module_spinner__3c780b95","spin":"BaseButton_module_spin__3c780b95"};
147
151
  n(css$Y,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
148
152
 
149
- var _excluded$_ = ["children", "type", "className"];
153
+ var Spinner = function Spinner(props) {
154
+ return React.createElement("svg", _extends({}, props, {
155
+ width: "24",
156
+ height: "24",
157
+ viewBox: "0 0 24 24",
158
+ fill: "none",
159
+ xmlns: "http://www.w3.org/2000/svg"
160
+ }), React.createElement("path", {
161
+ d: "M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z",
162
+ fill: "#5D607E"
163
+ }));
164
+ };
165
+
166
+ var _excluded$_ = ["children", "type", "className", "loading", "disabled"];
150
167
  var BaseButtonComponent = function BaseButtonComponent(_ref, ref) {
151
168
  var children = _ref.children,
152
169
  _ref$type = _ref.type,
153
170
  type = _ref$type === void 0 ? "button" : _ref$type,
154
171
  className = _ref.className,
172
+ loading = _ref.loading,
173
+ disabled = _ref.disabled,
155
174
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$_);
156
175
  var validTypes = ["submit", "button", "reset"];
176
+ var isDisabled = disabled || loading;
157
177
  if (!validTypes.includes(type)) throw new Error("You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got " + type);
158
178
  return React.createElement("button", _extends({}, rest, {
179
+ disabled: isDisabled,
159
180
  ref: ref,
160
181
  type: type,
161
- className: modules_3484519b.button + " " + (className ? className : "")
162
- }), children);
182
+ className: modules_3484519b.button + " " + (loading ? modules_3484519b.loading : "") + " " + (className ? className : "")
183
+ }), loading ? React.createElement(Fragment, null, React.createElement("div", {
184
+ className: modules_3484519b["content-hidden"]
185
+ }, children), React.createElement(Spinner, {
186
+ className: modules_3484519b["spinner"]
187
+ })) : children);
163
188
  };
164
189
  var BaseButton = /*#__PURE__*/React.forwardRef(BaseButtonComponent);
165
190
 
@@ -579,8 +604,8 @@ var usePosition = function usePosition(providedConfigObject) {
579
604
  });
580
605
  };
581
606
  var calculatePosition = useDebouncedCallback(function () {
582
- var _configObject$relativ;
583
- if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current)) return;
607
+ var _configObject$relativ, _configObject$element;
608
+ if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current) || !((_configObject$element = configObject.elementToBePositioned) != null && _configObject$element.current)) return;
584
609
  var relativeElRect = configObject.relativeElement.current.getBoundingClientRect();
585
610
  var elementToBePositionedDimensions = {
586
611
  height: configObject.elementToBePositioned.current.offsetHeight,
@@ -694,6 +719,27 @@ var useBodyClick = function useBodyClick(checkFunction, callbackFunction, depend
694
719
  }, [dependingStateVariable]);
695
720
  };
696
721
 
722
+ var useGetDomRoot = function useGetDomRoot(passedDomRoot, relativeElement) {
723
+ var _useState = useState(document.body),
724
+ root = _useState[0],
725
+ setRoot = _useState[1];
726
+ useEffect(function () {
727
+ if (relativeElement && relativeElement.current && !passedDomRoot) {
728
+ var closestBaseStylingWrapper = relativeElement.current.closest(".basestyling-wrapper");
729
+ if (closestBaseStylingWrapper) {
730
+ setRoot(closestBaseStylingWrapper);
731
+ return;
732
+ }
733
+ } else if (passedDomRoot) {
734
+ setRoot(passedDomRoot);
735
+ return;
736
+ }
737
+ }, [relativeElement]);
738
+ return {
739
+ root: root
740
+ };
741
+ };
742
+
697
743
  var _excluded$U = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "debounceAmount", "domRoot", "popoverProps"];
698
744
  var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
699
745
  var trigger = _ref.trigger,
@@ -722,11 +768,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
722
768
  vertical: "top"
723
769
  } : _ref$transformOrigin,
724
770
  debounceAmount = _ref.debounceAmount,
725
- _ref$domRoot = _ref.domRoot,
726
- domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
771
+ domRoot = _ref.domRoot,
727
772
  popoverProps = _ref.popoverProps,
728
773
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
729
774
  var anchorEl = useRef(null);
775
+ var wrappingDivRef = ref || createRef();
730
776
  var _useState = useState(show),
731
777
  showContextMenu = _useState[0],
732
778
  setShowContextMenu = _useState[1];
@@ -744,6 +790,8 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
744
790
  setShouldClick = _useState5[1]; /** We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the "click" listener in ContextMenuItem 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. */
745
791
  var _useState6 = useState(React.Children.count(children)),
746
792
  childrenCount = _useState6[0];
793
+ var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
794
+ root = _useGetDomRoot.root;
747
795
  if (!id) {
748
796
  throw new Error("You need to provide an ID to the context menu");
749
797
  }
@@ -841,8 +889,11 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
841
889
  var onOutOfViewHandler = useCallback(function () {
842
890
  setShowContextMenu(false);
843
891
  }, []);
892
+ if (!root) {
893
+ return null;
894
+ }
844
895
  return React.createElement("div", _extends({}, rest, {
845
- ref: ref,
896
+ ref: wrappingDivRef,
846
897
  onKeyDown: onArrowNavigation,
847
898
  className: modules_846e6042["context-menu"]
848
899
  }), renderTrigger(), createPortal(React.createElement(Popover, _extends({}, popoverProps, {
@@ -860,7 +911,7 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
860
911
  id: id + "-menu",
861
912
  "aria-describedby": id,
862
913
  role: "menu"
863
- }, renderChildren())), domRoot));
914
+ }, renderChildren())), root));
864
915
  };
865
916
  var ContextMenu = /*#__PURE__*/React.forwardRef(ContextMenuComponent);
866
917
 
@@ -1438,8 +1489,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
1438
1489
  offset = _ref$offset === void 0 ? defaultPosition.offset : _ref$offset,
1439
1490
  _ref$transformOrigin = _ref.transformOrigin,
1440
1491
  transformOrigin = _ref$transformOrigin === void 0 ? defaultPosition.transformOrigin : _ref$transformOrigin,
1441
- _ref$domRoot = _ref.domRoot,
1442
- domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
1492
+ domRoot = _ref.domRoot,
1443
1493
  label = _ref.label,
1444
1494
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$K);
1445
1495
  var _useState = useState(generateID()),
@@ -1447,6 +1497,9 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
1447
1497
  var _useState2 = useState(false),
1448
1498
  visible = _useState2[0],
1449
1499
  setVisible = _useState2[1];
1500
+ var wrappingDivRef = ref || createRef();
1501
+ var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
1502
+ root = _useGetDomRoot.root;
1450
1503
  var relativeElement = useRef(null);
1451
1504
  var elementToBePositioned = useRef(null);
1452
1505
  var _usePosition = usePosition({
@@ -1503,7 +1556,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
1503
1556
  }, label);
1504
1557
  };
1505
1558
  return React.createElement("div", _extends({}, rest, {
1506
- ref: ref,
1559
+ ref: wrappingDivRef,
1507
1560
  className: modules_16974fb0.wrapper + " " + (className != null ? className : "")
1508
1561
  }), renderChildren(), React.createElement("div", {
1509
1562
  className: "" + modules_16974fb0["tooltip-wrapper"]
@@ -1529,7 +1582,7 @@ var TooltipComponent = function TooltipComponent(_ref, ref) {
1529
1582
  "aria-hidden": !visible,
1530
1583
  id: identifier,
1531
1584
  className: modules_16974fb0.tooltip + " " + (visible ? modules_16974fb0.visible : "")
1532
- }, children), domRoot)));
1585
+ }, children), root)));
1533
1586
  };
1534
1587
  var Tooltip = /*#__PURE__*/React.forwardRef(TooltipComponent);
1535
1588
 
@@ -2429,10 +2482,12 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
2429
2482
  _ref$forceContainerOp = _ref.forceContainerOpen,
2430
2483
  forceContainerOpen = _ref$forceContainerOp === void 0 ? false : _ref$forceContainerOp,
2431
2484
  zIndex = _ref.zIndex,
2432
- _ref$domRoot = _ref.domRoot,
2433
- domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
2485
+ domRoot = _ref.domRoot,
2434
2486
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$B);
2435
2487
  useSetBodyScroll(open);
2488
+ var wrappingDivRef = useRef(null);
2489
+ var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
2490
+ root = _useGetDomRoot.root;
2436
2491
  var handleEscKeyPress = function handleEscKeyPress(event) {
2437
2492
  if (!disableEscapeKeyDown && event.key === "Escape") {
2438
2493
  event.stopPropagation();
@@ -2442,7 +2497,9 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
2442
2497
  var handleBackdropClick = function handleBackdropClick() {
2443
2498
  return !disableBackdrop && onClose && onClose();
2444
2499
  };
2445
- return createPortal(React.createElement("div", _extends({}, rest, {
2500
+ return React.createElement("div", {
2501
+ ref: wrappingDivRef
2502
+ }, createPortal(React.createElement("div", _extends({}, rest, {
2446
2503
  ref: ref,
2447
2504
  id: id,
2448
2505
  className: modules_cf1b230e["modal"] + " " + (open ? modules_cf1b230e["visible"] : "") + " " + className,
@@ -2472,7 +2529,7 @@ var BaseModalComponent = function BaseModalComponent(_ref, ref) {
2472
2529
  zIndex: zIndex && zIndex + 1
2473
2530
  },
2474
2531
  className: modules_cf1b230e["container"] + " " + ((_containerProps$class2 = containerProps == null ? void 0 : containerProps.className) != null ? _containerProps$class2 : "")
2475
- }), children)), domRoot);
2532
+ }), children)), root));
2476
2533
  };
2477
2534
  var BaseModal = /*#__PURE__*/React.forwardRef(BaseModalComponent);
2478
2535
 
@@ -2556,8 +2613,8 @@ var BaseModalContentComponent = function BaseModalContentComponent(_ref, ref) {
2556
2613
  };
2557
2614
  var BaseModalContent = /*#__PURE__*/React.forwardRef(BaseModalContentComponent);
2558
2615
 
2559
- var css$x = ".BaseModalActions_module_actions__89dd8c46{display:flex;justify-content:flex-end;margin:1.875rem 1.25rem}.BaseModalActions_module_actions__89dd8c46 *+*{margin-left:2rem}";
2560
- var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__89dd8c46"};
2616
+ var css$x = ".BaseModalActions_module_actions__b0981b5d{display:flex;justify-content:flex-end;margin:1.875rem 1.25rem}.BaseModalActions_module_actions__b0981b5d>*{margin-left:2rem}";
2617
+ var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__b0981b5d"};
2561
2618
  n(css$x,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
2562
2619
 
2563
2620
  var _excluded$z = ["children", "className"];
@@ -3042,13 +3099,15 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
3042
3099
  } : _ref$autoHideDuration,
3043
3100
  _ref$stackSize = _ref.stackSize,
3044
3101
  stackSize = _ref$stackSize === void 0 ? 3 : _ref$stackSize,
3045
- _ref$domRoot = _ref.domRoot,
3046
- domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
3102
+ domRoot = _ref.domRoot,
3047
3103
  children = _ref.children,
3048
3104
  className = _ref.className;
3049
3105
  var _useState = useState([]),
3050
3106
  snackbars = _useState[0],
3051
3107
  setSnackbars = _useState[1];
3108
+ var wrappingDivRef = useRef(null);
3109
+ var _useGetDomRoot = useGetDomRoot(domRoot, wrappingDivRef),
3110
+ root = _useGetDomRoot.root;
3052
3111
  var addSnackbar = function addSnackbar(item) {
3053
3112
  setSnackbars(function (items) {
3054
3113
  return [].concat(items, [item]);
@@ -3126,7 +3185,7 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
3126
3185
  var snackbarPortal = createPortal(React.createElement(SnackbarContainer, {
3127
3186
  placement: placement,
3128
3187
  className: className
3129
- }, snackbarList), domRoot);
3188
+ }, snackbarList), root);
3130
3189
  return React.createElement(SnackbarContextProvider, {
3131
3190
  initialState: {
3132
3191
  enqueueSnackbar: enqueueSnackbar,
@@ -3135,7 +3194,9 @@ var SnackbarProvider = function SnackbarProvider(_temp) {
3135
3194
  setSnackbarHeight: setSnackbarHeight,
3136
3195
  snackbars: snackbars
3137
3196
  }
3138
- }, children, snackbarPortal);
3197
+ }, children, React.createElement("div", {
3198
+ ref: wrappingDivRef
3199
+ }, snackbarPortal));
3139
3200
  };
3140
3201
 
3141
3202
  var css$p = ".Checkbox_module_checkboxWrapper__0342c60f{position:relative}.Checkbox_module_checkboxWrapper__0342c60f+.Checkbox_module_checkboxWrapper__0342c60f{margin-top:1.25rem}.Checkbox_module_checkboxContainer__0342c60f{align-items:center;display:flex}.Checkbox_module_checkboxContainer__0342c60f label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size);margin-left:.5rem;user-select:none}.Checkbox_module_checkboxList__0342c60f{list-style:none;margin:1.25rem 0 0 1.75rem;padding:0}.Checkbox_module_checkboxList__0342c60f li+li{margin-top:1.25rem}.Checkbox_module_nativeInput__0342c60f{height:1.25rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.25rem}.Checkbox_module_nativeInput__0342c60f:checked+*{color:var(--color-primary)}.Checkbox_module_nativeInput__0342c60f:focus-visible+*{border-radius:2px;outline:1px solid var(--color-focus);outline-offset:1px}.Checkbox_module_nativeInput__0342c60f.Checkbox_module_error__0342c60f:focus-visible+*{outline-color:var(--color-error)}.Checkbox_module_input__0342c60f{font-size:1.25rem;pointer-events:none}.Checkbox_module_disabled__0342c60f{color:var(--disabled)}";
@@ -3562,8 +3623,8 @@ var FormControlComponent = function FormControlComponent(_ref, ref) {
3562
3623
  };
3563
3624
  var FormControl = /*#__PURE__*/React.forwardRef(FormControlComponent);
3564
3625
 
3565
- var css$h = ".InputWrapper_module_srOnly__ac870f0d{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper_module_hidden__ac870f0d{display:none}.InputWrapper_module_slideIn__ac870f0d{animation:InputWrapper_module_slideIn__ac870f0d .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideIn__ac870f0d{animation-duration:.1ms}}.InputWrapper_module_slideOut__ac870f0d{animation:InputWrapper_module_slideOut__ac870f0d .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideOut__ac870f0d{animation-duration:.1ms}}@keyframes InputWrapper_module_slideIn__ac870f0d{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_module_slideOut__ac870f0d{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.InputWrapper_module_w6__ac870f0d{width:6%}.InputWrapper_module_w7__ac870f0d{width:7%}.InputWrapper_module_w8__ac870f0d{width:8%}.InputWrapper_module_w9__ac870f0d{width:9%}.InputWrapper_module_w10__ac870f0d{width:10%}.InputWrapper_module_w11__ac870f0d{width:11%}.InputWrapper_module_w12__ac870f0d{width:12%}.InputWrapper_module_w13__ac870f0d{width:13%}.InputWrapper_module_w14__ac870f0d{width:14%}.InputWrapper_module_w15__ac870f0d{width:15%}.InputWrapper_module_w16__ac870f0d{width:16%}.InputWrapper_module_w17__ac870f0d{width:17%}.InputWrapper_module_w18__ac870f0d{width:18%}.InputWrapper_module_w19__ac870f0d{width:19%}.InputWrapper_module_w20__ac870f0d{width:20%}.InputWrapper_module_w21__ac870f0d{width:21%}.InputWrapper_module_w22__ac870f0d{width:22%}.InputWrapper_module_w23__ac870f0d{width:23%}.InputWrapper_module_w24__ac870f0d{width:24%}.InputWrapper_module_w25__ac870f0d{width:25%}.InputWrapper_module_w26__ac870f0d{width:26%}.InputWrapper_module_w27__ac870f0d{width:27%}.InputWrapper_module_w28__ac870f0d{width:28%}.InputWrapper_module_w29__ac870f0d{width:29%}.InputWrapper_module_w30__ac870f0d{width:30%}.InputWrapper_module_w31__ac870f0d{width:31%}.InputWrapper_module_w32__ac870f0d{width:32%}.InputWrapper_module_w33__ac870f0d{width:33%}.InputWrapper_module_w34__ac870f0d{width:34%}.InputWrapper_module_w35__ac870f0d{width:35%}.InputWrapper_module_w36__ac870f0d{width:36%}.InputWrapper_module_w37__ac870f0d{width:37%}.InputWrapper_module_w38__ac870f0d{width:38%}.InputWrapper_module_w39__ac870f0d{width:39%}.InputWrapper_module_w40__ac870f0d{width:40%}.InputWrapper_module_w41__ac870f0d{width:41%}.InputWrapper_module_w42__ac870f0d{width:42%}.InputWrapper_module_w43__ac870f0d{width:43%}.InputWrapper_module_w44__ac870f0d{width:44%}.InputWrapper_module_w45__ac870f0d{width:45%}.InputWrapper_module_w46__ac870f0d{width:46%}.InputWrapper_module_w47__ac870f0d{width:47%}.InputWrapper_module_w48__ac870f0d{width:48%}.InputWrapper_module_w49__ac870f0d{width:49%}.InputWrapper_module_w50__ac870f0d{width:50%}.InputWrapper_module_w51__ac870f0d{width:51%}.InputWrapper_module_w52__ac870f0d{width:52%}.InputWrapper_module_w53__ac870f0d{width:53%}.InputWrapper_module_w54__ac870f0d{width:54%}.InputWrapper_module_w55__ac870f0d{width:55%}.InputWrapper_module_w56__ac870f0d{width:56%}.InputWrapper_module_w57__ac870f0d{width:57%}.InputWrapper_module_w58__ac870f0d{width:58%}.InputWrapper_module_w59__ac870f0d{width:59%}.InputWrapper_module_w60__ac870f0d{width:60%}.InputWrapper_module_w61__ac870f0d{width:61%}.InputWrapper_module_w62__ac870f0d{width:62%}.InputWrapper_module_w63__ac870f0d{width:63%}.InputWrapper_module_w64__ac870f0d{width:64%}.InputWrapper_module_w65__ac870f0d{width:65%}.InputWrapper_module_w66__ac870f0d{width:66%}.InputWrapper_module_w67__ac870f0d{width:67%}.InputWrapper_module_w68__ac870f0d{width:68%}.InputWrapper_module_w69__ac870f0d{width:69%}.InputWrapper_module_w70__ac870f0d{width:70%}.InputWrapper_module_w71__ac870f0d{width:71%}.InputWrapper_module_w72__ac870f0d{width:72%}.InputWrapper_module_w73__ac870f0d{width:73%}.InputWrapper_module_w74__ac870f0d{width:74%}.InputWrapper_module_w75__ac870f0d{width:75%}.InputWrapper_module_w76__ac870f0d{width:76%}.InputWrapper_module_w77__ac870f0d{width:77%}.InputWrapper_module_w78__ac870f0d{width:78%}.InputWrapper_module_w79__ac870f0d{width:79%}.InputWrapper_module_w80__ac870f0d{width:80%}.InputWrapper_module_w81__ac870f0d{width:81%}.InputWrapper_module_w82__ac870f0d{width:82%}.InputWrapper_module_w83__ac870f0d{width:83%}.InputWrapper_module_w84__ac870f0d{width:84%}.InputWrapper_module_w85__ac870f0d{width:85%}.InputWrapper_module_w86__ac870f0d{width:86%}.InputWrapper_module_w87__ac870f0d{width:87%}.InputWrapper_module_w88__ac870f0d{width:88%}.InputWrapper_module_w89__ac870f0d{width:89%}.InputWrapper_module_w90__ac870f0d{width:90%}.InputWrapper_module_w91__ac870f0d{width:91%}.InputWrapper_module_w92__ac870f0d{width:92%}.InputWrapper_module_w93__ac870f0d{width:93%}.InputWrapper_module_w94__ac870f0d{width:94%}.InputWrapper_module_w95__ac870f0d{width:95%}.InputWrapper_module_w96__ac870f0d{width:96%}.InputWrapper_module_w97__ac870f0d{width:97%}.InputWrapper_module_w98__ac870f0d{width:98%}.InputWrapper_module_w99__ac870f0d{width:99%}.InputWrapper_module_w100__ac870f0d{width:100%}.InputWrapper_module_w101__ac870f0d{width:101%}.InputWrapper_module_w102__ac870f0d{width:102%}.InputWrapper_module_w103__ac870f0d{width:103%}.InputWrapper_module_w104__ac870f0d{width:104%}.InputWrapper_module_w105__ac870f0d{width:105%}label.InputWrapper_module_inputLabel__ac870f0d.InputWrapper_module_focus__ac870f0d.InputWrapper_module_focus__ac870f0d{color:var(--color-primary)}input.InputWrapper_module_floatingLabel__ac870f0d{padding-top:1rem}.InputWrapper_module_inputWrapperHelper__ac870f0d{margin-top:.25rem}.InputWrapper_module_inputWrapper__ac870f0d [data-icon]:before{font-size:1.125rem;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper_module_inputWrapper__ac870f0d [data-icon]:before{transition-duration:.1ms}}.InputWrapper_module_inputWrapper__ac870f0d .InputWrapper_module_floatingLabelActive__ac870f0d [data-icon]:before{transform:translateY(5px)}.InputWrapper_module_inputWrapper__ac870f0d [data-prefix],.InputWrapper_module_inputWrapper__ac870f0d [data-suffix]{transform:translateY(-.125rem)}.InputWrapper_module_inputWrapper__ac870f0d [data-prefix]+input{padding-left:.5rem}.InputWrapper_module_inputWrapper__ac870f0d [data-suffix]{padding-left:1.25rem}.InputWrapper_module_inputWrapper__ac870f0d input+[data-suffix]{padding-left:.5rem}.InputWrapper_module_inputWrapper__ac870f0d .InputWrapper_module_disabled__ac870f0d{background-color:var(--disabled);cursor:not-allowed}.InputWrapper_module_floatingLabelActive__ac870f0d [data-prefix],.InputWrapper_module_floatingLabelActive__ac870f0d [data-suffix]{padding-top:1rem;transform:translateY(0)}";
3566
- var modules_bc06a1ad = {"sr-only":"InputWrapper_module_srOnly__ac870f0d","hidden":"InputWrapper_module_hidden__ac870f0d","slide-in":"InputWrapper_module_slideIn__ac870f0d","slide-out":"InputWrapper_module_slideOut__ac870f0d","w-6":"InputWrapper_module_w6__ac870f0d","w-7":"InputWrapper_module_w7__ac870f0d","w-8":"InputWrapper_module_w8__ac870f0d","w-9":"InputWrapper_module_w9__ac870f0d","w-10":"InputWrapper_module_w10__ac870f0d","w-11":"InputWrapper_module_w11__ac870f0d","w-12":"InputWrapper_module_w12__ac870f0d","w-13":"InputWrapper_module_w13__ac870f0d","w-14":"InputWrapper_module_w14__ac870f0d","w-15":"InputWrapper_module_w15__ac870f0d","w-16":"InputWrapper_module_w16__ac870f0d","w-17":"InputWrapper_module_w17__ac870f0d","w-18":"InputWrapper_module_w18__ac870f0d","w-19":"InputWrapper_module_w19__ac870f0d","w-20":"InputWrapper_module_w20__ac870f0d","w-21":"InputWrapper_module_w21__ac870f0d","w-22":"InputWrapper_module_w22__ac870f0d","w-23":"InputWrapper_module_w23__ac870f0d","w-24":"InputWrapper_module_w24__ac870f0d","w-25":"InputWrapper_module_w25__ac870f0d","w-26":"InputWrapper_module_w26__ac870f0d","w-27":"InputWrapper_module_w27__ac870f0d","w-28":"InputWrapper_module_w28__ac870f0d","w-29":"InputWrapper_module_w29__ac870f0d","w-30":"InputWrapper_module_w30__ac870f0d","w-31":"InputWrapper_module_w31__ac870f0d","w-32":"InputWrapper_module_w32__ac870f0d","w-33":"InputWrapper_module_w33__ac870f0d","w-34":"InputWrapper_module_w34__ac870f0d","w-35":"InputWrapper_module_w35__ac870f0d","w-36":"InputWrapper_module_w36__ac870f0d","w-37":"InputWrapper_module_w37__ac870f0d","w-38":"InputWrapper_module_w38__ac870f0d","w-39":"InputWrapper_module_w39__ac870f0d","w-40":"InputWrapper_module_w40__ac870f0d","w-41":"InputWrapper_module_w41__ac870f0d","w-42":"InputWrapper_module_w42__ac870f0d","w-43":"InputWrapper_module_w43__ac870f0d","w-44":"InputWrapper_module_w44__ac870f0d","w-45":"InputWrapper_module_w45__ac870f0d","w-46":"InputWrapper_module_w46__ac870f0d","w-47":"InputWrapper_module_w47__ac870f0d","w-48":"InputWrapper_module_w48__ac870f0d","w-49":"InputWrapper_module_w49__ac870f0d","w-50":"InputWrapper_module_w50__ac870f0d","w-51":"InputWrapper_module_w51__ac870f0d","w-52":"InputWrapper_module_w52__ac870f0d","w-53":"InputWrapper_module_w53__ac870f0d","w-54":"InputWrapper_module_w54__ac870f0d","w-55":"InputWrapper_module_w55__ac870f0d","w-56":"InputWrapper_module_w56__ac870f0d","w-57":"InputWrapper_module_w57__ac870f0d","w-58":"InputWrapper_module_w58__ac870f0d","w-59":"InputWrapper_module_w59__ac870f0d","w-60":"InputWrapper_module_w60__ac870f0d","w-61":"InputWrapper_module_w61__ac870f0d","w-62":"InputWrapper_module_w62__ac870f0d","w-63":"InputWrapper_module_w63__ac870f0d","w-64":"InputWrapper_module_w64__ac870f0d","w-65":"InputWrapper_module_w65__ac870f0d","w-66":"InputWrapper_module_w66__ac870f0d","w-67":"InputWrapper_module_w67__ac870f0d","w-68":"InputWrapper_module_w68__ac870f0d","w-69":"InputWrapper_module_w69__ac870f0d","w-70":"InputWrapper_module_w70__ac870f0d","w-71":"InputWrapper_module_w71__ac870f0d","w-72":"InputWrapper_module_w72__ac870f0d","w-73":"InputWrapper_module_w73__ac870f0d","w-74":"InputWrapper_module_w74__ac870f0d","w-75":"InputWrapper_module_w75__ac870f0d","w-76":"InputWrapper_module_w76__ac870f0d","w-77":"InputWrapper_module_w77__ac870f0d","w-78":"InputWrapper_module_w78__ac870f0d","w-79":"InputWrapper_module_w79__ac870f0d","w-80":"InputWrapper_module_w80__ac870f0d","w-81":"InputWrapper_module_w81__ac870f0d","w-82":"InputWrapper_module_w82__ac870f0d","w-83":"InputWrapper_module_w83__ac870f0d","w-84":"InputWrapper_module_w84__ac870f0d","w-85":"InputWrapper_module_w85__ac870f0d","w-86":"InputWrapper_module_w86__ac870f0d","w-87":"InputWrapper_module_w87__ac870f0d","w-88":"InputWrapper_module_w88__ac870f0d","w-89":"InputWrapper_module_w89__ac870f0d","w-90":"InputWrapper_module_w90__ac870f0d","w-91":"InputWrapper_module_w91__ac870f0d","w-92":"InputWrapper_module_w92__ac870f0d","w-93":"InputWrapper_module_w93__ac870f0d","w-94":"InputWrapper_module_w94__ac870f0d","w-95":"InputWrapper_module_w95__ac870f0d","w-96":"InputWrapper_module_w96__ac870f0d","w-97":"InputWrapper_module_w97__ac870f0d","w-98":"InputWrapper_module_w98__ac870f0d","w-99":"InputWrapper_module_w99__ac870f0d","w-100":"InputWrapper_module_w100__ac870f0d","w-101":"InputWrapper_module_w101__ac870f0d","w-102":"InputWrapper_module_w102__ac870f0d","w-103":"InputWrapper_module_w103__ac870f0d","w-104":"InputWrapper_module_w104__ac870f0d","w-105":"InputWrapper_module_w105__ac870f0d","input-label":"InputWrapper_module_inputLabel__ac870f0d","focus":"InputWrapper_module_focus__ac870f0d","floating-label":"InputWrapper_module_floatingLabel__ac870f0d","input-wrapper-helper":"InputWrapper_module_inputWrapperHelper__ac870f0d","input-wrapper":"InputWrapper_module_inputWrapper__ac870f0d","floating-label-active":"InputWrapper_module_floatingLabelActive__ac870f0d","disabled":"InputWrapper_module_disabled__ac870f0d"};
3626
+ var css$h = ".InputWrapper_module_srOnly__ff80c51e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.InputWrapper_module_hidden__ff80c51e{display:none}.InputWrapper_module_slideIn__ff80c51e{animation:InputWrapper_module_slideIn__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideIn__ff80c51e{animation-duration:.1ms}}.InputWrapper_module_slideOut__ff80c51e{animation:InputWrapper_module_slideOut__ff80c51e .5s forwards}@media (prefers-reduced-motion:reduce){.InputWrapper_module_slideOut__ff80c51e{animation-duration:.1ms}}@keyframes InputWrapper_module_slideIn__ff80c51e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes InputWrapper_module_slideOut__ff80c51e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.InputWrapper_module_w6__ff80c51e{width:6%}.InputWrapper_module_w7__ff80c51e{width:7%}.InputWrapper_module_w8__ff80c51e{width:8%}.InputWrapper_module_w9__ff80c51e{width:9%}.InputWrapper_module_w10__ff80c51e{width:10%}.InputWrapper_module_w11__ff80c51e{width:11%}.InputWrapper_module_w12__ff80c51e{width:12%}.InputWrapper_module_w13__ff80c51e{width:13%}.InputWrapper_module_w14__ff80c51e{width:14%}.InputWrapper_module_w15__ff80c51e{width:15%}.InputWrapper_module_w16__ff80c51e{width:16%}.InputWrapper_module_w17__ff80c51e{width:17%}.InputWrapper_module_w18__ff80c51e{width:18%}.InputWrapper_module_w19__ff80c51e{width:19%}.InputWrapper_module_w20__ff80c51e{width:20%}.InputWrapper_module_w21__ff80c51e{width:21%}.InputWrapper_module_w22__ff80c51e{width:22%}.InputWrapper_module_w23__ff80c51e{width:23%}.InputWrapper_module_w24__ff80c51e{width:24%}.InputWrapper_module_w25__ff80c51e{width:25%}.InputWrapper_module_w26__ff80c51e{width:26%}.InputWrapper_module_w27__ff80c51e{width:27%}.InputWrapper_module_w28__ff80c51e{width:28%}.InputWrapper_module_w29__ff80c51e{width:29%}.InputWrapper_module_w30__ff80c51e{width:30%}.InputWrapper_module_w31__ff80c51e{width:31%}.InputWrapper_module_w32__ff80c51e{width:32%}.InputWrapper_module_w33__ff80c51e{width:33%}.InputWrapper_module_w34__ff80c51e{width:34%}.InputWrapper_module_w35__ff80c51e{width:35%}.InputWrapper_module_w36__ff80c51e{width:36%}.InputWrapper_module_w37__ff80c51e{width:37%}.InputWrapper_module_w38__ff80c51e{width:38%}.InputWrapper_module_w39__ff80c51e{width:39%}.InputWrapper_module_w40__ff80c51e{width:40%}.InputWrapper_module_w41__ff80c51e{width:41%}.InputWrapper_module_w42__ff80c51e{width:42%}.InputWrapper_module_w43__ff80c51e{width:43%}.InputWrapper_module_w44__ff80c51e{width:44%}.InputWrapper_module_w45__ff80c51e{width:45%}.InputWrapper_module_w46__ff80c51e{width:46%}.InputWrapper_module_w47__ff80c51e{width:47%}.InputWrapper_module_w48__ff80c51e{width:48%}.InputWrapper_module_w49__ff80c51e{width:49%}.InputWrapper_module_w50__ff80c51e{width:50%}.InputWrapper_module_w51__ff80c51e{width:51%}.InputWrapper_module_w52__ff80c51e{width:52%}.InputWrapper_module_w53__ff80c51e{width:53%}.InputWrapper_module_w54__ff80c51e{width:54%}.InputWrapper_module_w55__ff80c51e{width:55%}.InputWrapper_module_w56__ff80c51e{width:56%}.InputWrapper_module_w57__ff80c51e{width:57%}.InputWrapper_module_w58__ff80c51e{width:58%}.InputWrapper_module_w59__ff80c51e{width:59%}.InputWrapper_module_w60__ff80c51e{width:60%}.InputWrapper_module_w61__ff80c51e{width:61%}.InputWrapper_module_w62__ff80c51e{width:62%}.InputWrapper_module_w63__ff80c51e{width:63%}.InputWrapper_module_w64__ff80c51e{width:64%}.InputWrapper_module_w65__ff80c51e{width:65%}.InputWrapper_module_w66__ff80c51e{width:66%}.InputWrapper_module_w67__ff80c51e{width:67%}.InputWrapper_module_w68__ff80c51e{width:68%}.InputWrapper_module_w69__ff80c51e{width:69%}.InputWrapper_module_w70__ff80c51e{width:70%}.InputWrapper_module_w71__ff80c51e{width:71%}.InputWrapper_module_w72__ff80c51e{width:72%}.InputWrapper_module_w73__ff80c51e{width:73%}.InputWrapper_module_w74__ff80c51e{width:74%}.InputWrapper_module_w75__ff80c51e{width:75%}.InputWrapper_module_w76__ff80c51e{width:76%}.InputWrapper_module_w77__ff80c51e{width:77%}.InputWrapper_module_w78__ff80c51e{width:78%}.InputWrapper_module_w79__ff80c51e{width:79%}.InputWrapper_module_w80__ff80c51e{width:80%}.InputWrapper_module_w81__ff80c51e{width:81%}.InputWrapper_module_w82__ff80c51e{width:82%}.InputWrapper_module_w83__ff80c51e{width:83%}.InputWrapper_module_w84__ff80c51e{width:84%}.InputWrapper_module_w85__ff80c51e{width:85%}.InputWrapper_module_w86__ff80c51e{width:86%}.InputWrapper_module_w87__ff80c51e{width:87%}.InputWrapper_module_w88__ff80c51e{width:88%}.InputWrapper_module_w89__ff80c51e{width:89%}.InputWrapper_module_w90__ff80c51e{width:90%}.InputWrapper_module_w91__ff80c51e{width:91%}.InputWrapper_module_w92__ff80c51e{width:92%}.InputWrapper_module_w93__ff80c51e{width:93%}.InputWrapper_module_w94__ff80c51e{width:94%}.InputWrapper_module_w95__ff80c51e{width:95%}.InputWrapper_module_w96__ff80c51e{width:96%}.InputWrapper_module_w97__ff80c51e{width:97%}.InputWrapper_module_w98__ff80c51e{width:98%}.InputWrapper_module_w99__ff80c51e{width:99%}.InputWrapper_module_w100__ff80c51e{width:100%}.InputWrapper_module_w101__ff80c51e{width:101%}.InputWrapper_module_w102__ff80c51e{width:102%}.InputWrapper_module_w103__ff80c51e{width:103%}.InputWrapper_module_w104__ff80c51e{width:104%}.InputWrapper_module_w105__ff80c51e{width:105%}label.InputWrapper_module_inputLabel__ff80c51e.InputWrapper_module_focus__ff80c51e.InputWrapper_module_focus__ff80c51e{color:var(--color-primary)}input.InputWrapper_module_floatingLabel__ff80c51e{padding-top:1rem}.InputWrapper_module_inputWrapperHelper__ff80c51e{margin-top:.25rem}.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{font-size:1.125rem;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.InputWrapper_module_inputWrapper__ff80c51e [data-icon]:before{transition-duration:.1ms}}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_floatingLabelActive__ff80c51e [data-icon]:before{transform:translateY(5px)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix],.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{font-family:var(--font-family);transform:translateY(-.125rem)}.InputWrapper_module_inputWrapper__ff80c51e [data-prefix]+input{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e [data-suffix]{padding-left:1.25rem}.InputWrapper_module_inputWrapper__ff80c51e input+[data-suffix]{padding-left:.5rem}.InputWrapper_module_inputWrapper__ff80c51e .InputWrapper_module_disabled__ff80c51e{background-color:var(--disabled);cursor:not-allowed}.InputWrapper_module_floatingLabelActive__ff80c51e [data-prefix],.InputWrapper_module_floatingLabelActive__ff80c51e [data-suffix]{padding-top:1rem;transform:translateY(0)}";
3627
+ var modules_bc06a1ad = {"sr-only":"InputWrapper_module_srOnly__ff80c51e","hidden":"InputWrapper_module_hidden__ff80c51e","slide-in":"InputWrapper_module_slideIn__ff80c51e","slide-out":"InputWrapper_module_slideOut__ff80c51e","w-6":"InputWrapper_module_w6__ff80c51e","w-7":"InputWrapper_module_w7__ff80c51e","w-8":"InputWrapper_module_w8__ff80c51e","w-9":"InputWrapper_module_w9__ff80c51e","w-10":"InputWrapper_module_w10__ff80c51e","w-11":"InputWrapper_module_w11__ff80c51e","w-12":"InputWrapper_module_w12__ff80c51e","w-13":"InputWrapper_module_w13__ff80c51e","w-14":"InputWrapper_module_w14__ff80c51e","w-15":"InputWrapper_module_w15__ff80c51e","w-16":"InputWrapper_module_w16__ff80c51e","w-17":"InputWrapper_module_w17__ff80c51e","w-18":"InputWrapper_module_w18__ff80c51e","w-19":"InputWrapper_module_w19__ff80c51e","w-20":"InputWrapper_module_w20__ff80c51e","w-21":"InputWrapper_module_w21__ff80c51e","w-22":"InputWrapper_module_w22__ff80c51e","w-23":"InputWrapper_module_w23__ff80c51e","w-24":"InputWrapper_module_w24__ff80c51e","w-25":"InputWrapper_module_w25__ff80c51e","w-26":"InputWrapper_module_w26__ff80c51e","w-27":"InputWrapper_module_w27__ff80c51e","w-28":"InputWrapper_module_w28__ff80c51e","w-29":"InputWrapper_module_w29__ff80c51e","w-30":"InputWrapper_module_w30__ff80c51e","w-31":"InputWrapper_module_w31__ff80c51e","w-32":"InputWrapper_module_w32__ff80c51e","w-33":"InputWrapper_module_w33__ff80c51e","w-34":"InputWrapper_module_w34__ff80c51e","w-35":"InputWrapper_module_w35__ff80c51e","w-36":"InputWrapper_module_w36__ff80c51e","w-37":"InputWrapper_module_w37__ff80c51e","w-38":"InputWrapper_module_w38__ff80c51e","w-39":"InputWrapper_module_w39__ff80c51e","w-40":"InputWrapper_module_w40__ff80c51e","w-41":"InputWrapper_module_w41__ff80c51e","w-42":"InputWrapper_module_w42__ff80c51e","w-43":"InputWrapper_module_w43__ff80c51e","w-44":"InputWrapper_module_w44__ff80c51e","w-45":"InputWrapper_module_w45__ff80c51e","w-46":"InputWrapper_module_w46__ff80c51e","w-47":"InputWrapper_module_w47__ff80c51e","w-48":"InputWrapper_module_w48__ff80c51e","w-49":"InputWrapper_module_w49__ff80c51e","w-50":"InputWrapper_module_w50__ff80c51e","w-51":"InputWrapper_module_w51__ff80c51e","w-52":"InputWrapper_module_w52__ff80c51e","w-53":"InputWrapper_module_w53__ff80c51e","w-54":"InputWrapper_module_w54__ff80c51e","w-55":"InputWrapper_module_w55__ff80c51e","w-56":"InputWrapper_module_w56__ff80c51e","w-57":"InputWrapper_module_w57__ff80c51e","w-58":"InputWrapper_module_w58__ff80c51e","w-59":"InputWrapper_module_w59__ff80c51e","w-60":"InputWrapper_module_w60__ff80c51e","w-61":"InputWrapper_module_w61__ff80c51e","w-62":"InputWrapper_module_w62__ff80c51e","w-63":"InputWrapper_module_w63__ff80c51e","w-64":"InputWrapper_module_w64__ff80c51e","w-65":"InputWrapper_module_w65__ff80c51e","w-66":"InputWrapper_module_w66__ff80c51e","w-67":"InputWrapper_module_w67__ff80c51e","w-68":"InputWrapper_module_w68__ff80c51e","w-69":"InputWrapper_module_w69__ff80c51e","w-70":"InputWrapper_module_w70__ff80c51e","w-71":"InputWrapper_module_w71__ff80c51e","w-72":"InputWrapper_module_w72__ff80c51e","w-73":"InputWrapper_module_w73__ff80c51e","w-74":"InputWrapper_module_w74__ff80c51e","w-75":"InputWrapper_module_w75__ff80c51e","w-76":"InputWrapper_module_w76__ff80c51e","w-77":"InputWrapper_module_w77__ff80c51e","w-78":"InputWrapper_module_w78__ff80c51e","w-79":"InputWrapper_module_w79__ff80c51e","w-80":"InputWrapper_module_w80__ff80c51e","w-81":"InputWrapper_module_w81__ff80c51e","w-82":"InputWrapper_module_w82__ff80c51e","w-83":"InputWrapper_module_w83__ff80c51e","w-84":"InputWrapper_module_w84__ff80c51e","w-85":"InputWrapper_module_w85__ff80c51e","w-86":"InputWrapper_module_w86__ff80c51e","w-87":"InputWrapper_module_w87__ff80c51e","w-88":"InputWrapper_module_w88__ff80c51e","w-89":"InputWrapper_module_w89__ff80c51e","w-90":"InputWrapper_module_w90__ff80c51e","w-91":"InputWrapper_module_w91__ff80c51e","w-92":"InputWrapper_module_w92__ff80c51e","w-93":"InputWrapper_module_w93__ff80c51e","w-94":"InputWrapper_module_w94__ff80c51e","w-95":"InputWrapper_module_w95__ff80c51e","w-96":"InputWrapper_module_w96__ff80c51e","w-97":"InputWrapper_module_w97__ff80c51e","w-98":"InputWrapper_module_w98__ff80c51e","w-99":"InputWrapper_module_w99__ff80c51e","w-100":"InputWrapper_module_w100__ff80c51e","w-101":"InputWrapper_module_w101__ff80c51e","w-102":"InputWrapper_module_w102__ff80c51e","w-103":"InputWrapper_module_w103__ff80c51e","w-104":"InputWrapper_module_w104__ff80c51e","w-105":"InputWrapper_module_w105__ff80c51e","input-label":"InputWrapper_module_inputLabel__ff80c51e","focus":"InputWrapper_module_focus__ff80c51e","floating-label":"InputWrapper_module_floatingLabel__ff80c51e","input-wrapper-helper":"InputWrapper_module_inputWrapperHelper__ff80c51e","input-wrapper":"InputWrapper_module_inputWrapper__ff80c51e","floating-label-active":"InputWrapper_module_floatingLabelActive__ff80c51e","disabled":"InputWrapper_module_disabled__ff80c51e"};
3567
3628
  n(css$h,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
3568
3629
 
3569
3630
  var css$g = ".FormGroup_module_formGroup__9eafa373{position:relative}.FormGroup_module_error__9eafa373{color:var(--error)}.FormGroup_module_errorMessage__9eafa373{align-items:flex-end;display:flex}.FormGroup_module_errorIcon__9eafa373{font-size:1.25rem;margin-right:.5rem}.FormGroup_module_errorIconBefore__9eafa373{margin-right:.5rem}.FormGroup_module_errorIconAfter__9eafa373{margin-left:.5rem}.FormGroup_module_defaultHelper__9eafa373{font-size:.75rem}";