@onewelcome/react-lib-components 1.8.3 → 1.9.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.
- package/dist/Button/BaseButton.d.ts +2 -1
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/IconButton.d.ts +1 -1
- package/dist/Button/Spinner.d.ts +2 -0
- package/dist/_BaseStyling_/BaseStyling.d.ts +1 -1
- package/dist/react-lib-components.cjs.development.js +39 -14
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +40 -15
- package/dist/react-lib-components.esm.js.map +1 -1
- package/dist/util/helper.d.ts +1 -0
- package/package.json +14 -14
- package/src/Button/BaseButton.module.scss +24 -0
- package/src/Button/BaseButton.test.tsx +12 -0
- package/src/Button/BaseButton.tsx +17 -5
- package/src/Button/Spinner.tsx +33 -0
- package/src/DataGrid/DataGridBody/__snapshots__/DataGridBody.test.tsx.snap +4 -4
- package/src/Form/FileUpload/FileUpload.module.scss +9 -2
- package/src/Form/FileUpload/FileUpload.tsx +35 -33
- package/src/Form/Wrapper/InputWrapper/InputWrapper.module.scss +1 -0
- package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss +1 -1
- package/src/_BaseStyling_/BaseStyling.tsx +14 -6
- package/src/hooks/useUploadFile.test.ts +2 -2
- package/src/hooks/useUploadFile.tsx +8 -5
- package/src/util/helper.test.tsx +16 -1
- package/src/util/helper.tsx +9 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState, useEffect, Fragment,
|
|
1
|
+
import React, { useState, useRef, useEffect, Fragment, useCallback, createRef, 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
|
-
|
|
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
|
|
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 = ".
|
|
146
|
-
var modules_3484519b = {"sr-only":"
|
|
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
|
|
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
|
-
}),
|
|
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
|
|
|
@@ -2556,8 +2581,8 @@ var BaseModalContentComponent = function BaseModalContentComponent(_ref, ref) {
|
|
|
2556
2581
|
};
|
|
2557
2582
|
var BaseModalContent = /*#__PURE__*/React.forwardRef(BaseModalContentComponent);
|
|
2558
2583
|
|
|
2559
|
-
var css$x = ".
|
|
2560
|
-
var modules_6b4a9db0 = {"actions":"
|
|
2584
|
+
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}";
|
|
2585
|
+
var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__b0981b5d"};
|
|
2561
2586
|
n(css$x,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2562
2587
|
|
|
2563
2588
|
var _excluded$z = ["children", "className"];
|
|
@@ -3562,8 +3587,8 @@ var FormControlComponent = function FormControlComponent(_ref, ref) {
|
|
|
3562
3587
|
};
|
|
3563
3588
|
var FormControl = /*#__PURE__*/React.forwardRef(FormControlComponent);
|
|
3564
3589
|
|
|
3565
|
-
var css$h = ".
|
|
3566
|
-
var modules_bc06a1ad = {"sr-only":"
|
|
3590
|
+
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)}";
|
|
3591
|
+
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
3592
|
n(css$h,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3568
3593
|
|
|
3569
3594
|
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}";
|