@onewelcome/react-lib-components 1.4.0 → 1.5.0

package/dist/react-lib-components.cjs.development.js

@@ -61,6 +61,8 @@ var BaseStyling = function BaseStyling(_ref) {
     modalShadowColor: "rgba(0, 0, 0, 0.16)",
     modalBackgroundColor: "#f5f8f8",
     modalHeaderBackgroundColor: "var(--light)",
+    skeletonBackgroundColor: "var(--disabled)",
+    skeletonAnimationColorRgb: "255, 255, 255",
     snackbarTextColor: "var(--light)",
     snackbarInfoBackgroundColor: "#003b5e",
     snackbarSuccessBackgroundColor: "#008a28",
@@ -386,6 +388,37 @@ var BreadcrumbsComponent = function BreadcrumbsComponent(_ref, ref) {
 };
 var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(BreadcrumbsComponent);
 
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+var useDebouncedCallback = function useDebouncedCallback(callback, delay, dependencies) {
+  var timeout = React__default["default"].useRef();
+  var comboDeps = dependencies ? [callback, delay].concat(dependencies) : [callback, delay];
+  return React__default["default"].useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timeout.current != null) {
+      clearTimeout(timeout.current);
+    }
+    timeout.current = setTimeout(function () {
+      callback.apply(void 0, args);
+    }, delay);
+  }, comboDeps);
+};
+
 var defaultConfigObject = {
   relativeElement: undefined,
   elementToBePositioned: undefined,
@@ -402,7 +435,8 @@ var defaultConfigObject = {
     right: 0,
     bottom: 0,
     left: 0
-  }
+  },
+  debounceAmount: 20
 };
 var usePosition = function usePosition(providedConfigObject) {
   if (providedConfigObject === void 0) {
@@ -524,7 +558,7 @@ var usePosition = function usePosition(providedConfigObject) {
       return _extends({}, prevState, (_extends2 = {}, _extends2[direction] = placementValue, _extends2[oppositeDirection] = "initial", _extends2));
     });
   };
-  var calculatePosition = function calculatePosition() {
+  var calculatePosition = useDebouncedCallback(function () {
     var _configObject$relativ;
     if (!((_configObject$relativ = configObject.relativeElement) != null && _configObject$relativ.current)) return;
     var relativeElRect = configObject.relativeElement.current.getBoundingClientRect();
@@ -547,7 +581,7 @@ var usePosition = function usePosition(providedConfigObject) {
     };
     _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "horizontal");
     _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "vertical");
-  };
+  }, configObject.debounceAmount || 20);
   return {
     top: position.top,
     bottom: position.bottom,
@@ -561,26 +595,26 @@ var css$S = ".Popover_module_srOnly__516f452a{clip:rect(0,0,0,0);border:0;height
 var modules_ef8f756f = {"sr-only":"Popover_module_srOnly__516f452a","hidden":"Popover_module_hidden__516f452a","slide-in":"Popover_module_slideIn__516f452a","slide-out":"Popover_module_slideOut__516f452a","popover":"Popover_module_popover__516f452a","show":"Popover_module_show__516f452a"};
 n(css$S,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
-var _excluded$U = ["children", "className", "show", "placement", "offset", "transformOrigin", "anchorEl"];
+var _excluded$U = ["children", "className", "show", "placement", "offset", "debounceAmount", "transformOrigin", "anchorEl", "onAnchorOutOfView"];
 var PopoverComponent = function PopoverComponent(_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     show = _ref.show,
     placement = _ref.placement,
     offset = _ref.offset,
+    debounceAmount = _ref.debounceAmount,
     transformOrigin = _ref.transformOrigin,
     anchorEl = _ref.anchorEl,
+    onAnchorOutOfView = _ref.onAnchorOutOfView,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
   var elToBePositioned = React.useRef(null);
-  if (show === undefined) {
-    throw new Error('Please make sure to define the "show" property on your Popover component');
-  }
   var _usePosition = usePosition({
       elementToBePositioned: elToBePositioned,
       relativeElement: anchorEl,
       offset: offset,
       placement: placement,
-      transformOrigin: transformOrigin
+      transformOrigin: transformOrigin,
+      debounceAmount: debounceAmount || undefined
     }),
     top = _usePosition.top,
     left = _usePosition.left,
@@ -588,14 +622,25 @@ var PopoverComponent = function PopoverComponent(_ref, ref) {
     bottom = _usePosition.bottom,
     calculatePosition = _usePosition.calculatePosition;
   React.useEffect(function () {
+    if (!show) {
+      return;
+    }
     window.addEventListener("resize", calculatePosition);
+    window.addEventListener("scroll", calculatePosition);
     return function () {
-      return window.removeEventListener("resize", calculatePosition);
+      window.removeEventListener("resize", calculatePosition);
+      window.removeEventListener("scroll", calculatePosition);
     };
-  }, []);
+  }, [show]);
   React.useEffect(function () {
     calculatePosition();
   }, [show]);
+  React.useEffect(function () {
+    var isAnchorOffscreen = show && (top === 0 || left === 0 || right === 0 || bottom === 0 || window.innerHeight - elToBePositioned.current.offsetHeight === top);
+    if (isAnchorOffscreen) {
+      onAnchorOutOfView && onAnchorOutOfView();
+    }
+  }, [top, left, right, bottom]);
   return React__default["default"].createElement("div", _extends({
     ref: ref
   }, rest), React__default["default"].createElement("div", {
@@ -629,7 +674,7 @@ var useBodyClick = function useBodyClick(checkFunction, callbackFunction, depend
   }, [dependingStateVariable]);
 };
 
-var _excluded$T = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "domRoot"];
+var _excluded$T = ["trigger", "children", "decorativeElement", "id", "show", "onShow", "onClose", "placement", "offset", "transformOrigin", "debounceAmount", "domRoot", "popoverProps"];
 var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
   var trigger = _ref.trigger,
     children = _ref.children,
@@ -656,8 +701,10 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
       horizontal: "left",
       vertical: "top"
     } : _ref$transformOrigin,
+    debounceAmount = _ref.debounceAmount,
     _ref$domRoot = _ref.domRoot,
     domRoot = _ref$domRoot === void 0 ? document.body : _ref$domRoot,
+    popoverProps = _ref.popoverProps,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$T);
   var anchorEl = React.useRef(null);
   var _useState = React.useState(show),
@@ -771,17 +818,22 @@ var ContextMenuComponent = function ContextMenuComponent(_ref, ref) {
       });
     });
   };
+  var onOutOfViewHandler = React.useCallback(function () {
+    setShowContextMenu(false);
+  }, []);
   return React__default["default"].createElement("div", _extends({}, rest, {
     ref: ref,
     onKeyDown: onArrowNavigation,
     className: modules_846e6042["context-menu"]
-  }), renderTrigger(), reactDom.createPortal(React__default["default"].createElement(Popover, {
+  }), renderTrigger(), reactDom.createPortal(React__default["default"].createElement(Popover, _extends({}, popoverProps, {
     placement: placement,
     transformOrigin: transformOrigin,
     offset: offset,
     anchorEl: anchorEl,
-    show: showContextMenu
-  }, decorativeElement && React__default["default"].createElement("div", {
+    debounceAmount: debounceAmount,
+    show: showContextMenu,
+    onAnchorOutOfView: onOutOfViewHandler
+  }), decorativeElement && React__default["default"].createElement("div", {
     className: modules_846e6042["decorative-element"]
   }, decorativeElement), React__default["default"].createElement("ul", {
     className: modules_846e6042["menu"] + " " + (decorativeElement ? modules_846e6042["no-margin-top"] : ""),
@@ -1153,8 +1205,8 @@ var TextEllipsisComponent = function TextEllipsisComponent(_ref, ref) {
 };
 var TextEllipsis = /*#__PURE__*/React__default["default"].forwardRef(TextEllipsisComponent);
 
-var css$I = ".Tile_module_srOnly__6c17c4c3{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile_module_hidden__6c17c4c3{display:none}.Tile_module_slideIn__6c17c4c3{animation:Tile_module_slideIn__6c17c4c3 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideIn__6c17c4c3{animation-duration:.1ms}}.Tile_module_slideOut__6c17c4c3{animation:Tile_module_slideOut__6c17c4c3 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideOut__6c17c4c3{animation-duration:.1ms}}@keyframes Tile_module_slideIn__6c17c4c3{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_module_slideOut__6c17c4c3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile_module_tile__6c17c4c3{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile_module_tile__6c17c4c3{transition-duration:.1ms}}.Tile_module_tile__6c17c4c3:hover{box-shadow:0 3px 6px rgba(0,0,0,.29)}.Tile_module_tile__6c17c4c3 header{align-items:center;display:flex}.Tile_module_tile__6c17c4c3 header .Tile_module_icon__6c17c4c3{padding:0 1rem}.Tile_module_tile__6c17c4c3 figure{height:3rem;margin:0 0 1rem}.Tile_module_tile__6c17c4c3 figure img{height:3rem;vertical-align:top;width:auto}.Tile_module_tile__6c17c4c3 .Tile_module_placeholder__6c17c4c3{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile_module_tile__6c17c4c3 .Tile_module_content__6c17c4c3{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 header{display:none}.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_image__6c17c4c3{background-color:var(--disabled);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_image__6c17c4c3:after{animation:Tile_module_shimmer__6c17c4c3 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_image__6c17c4c3:after{animation:none}}.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_title__6c17c4c3{background-color:var(--disabled);border-radius:.5rem;color:transparent;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_title__6c17c4c3:after{animation:Tile_module_shimmer__6c17c4c3 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__6c17c4c3.Tile_module_loading__6c17c4c3 .Tile_module_title__6c17c4c3:after{animation:none}}@keyframes Tile_module_shimmer__6c17c4c3{to{transform:translateX(100%)}}";
-var modules_5f01ab30 = {"sr-only":"Tile_module_srOnly__6c17c4c3","hidden":"Tile_module_hidden__6c17c4c3","slide-in":"Tile_module_slideIn__6c17c4c3","slide-out":"Tile_module_slideOut__6c17c4c3","tile":"Tile_module_tile__6c17c4c3","icon":"Tile_module_icon__6c17c4c3","placeholder":"Tile_module_placeholder__6c17c4c3","content":"Tile_module_content__6c17c4c3","loading":"Tile_module_loading__6c17c4c3","image":"Tile_module_image__6c17c4c3","shimmer":"Tile_module_shimmer__6c17c4c3","title":"Tile_module_title__6c17c4c3"};
+var css$I = ".Tile_module_srOnly__c570d3e3{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Tile_module_hidden__c570d3e3{display:none}.Tile_module_slideIn__c570d3e3{animation:Tile_module_slideIn__c570d3e3 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideIn__c570d3e3{animation-duration:.1ms}}.Tile_module_slideOut__c570d3e3{animation:Tile_module_slideOut__c570d3e3 .5s forwards}@media (prefers-reduced-motion:reduce){.Tile_module_slideOut__c570d3e3{animation-duration:.1ms}}@keyframes Tile_module_slideIn__c570d3e3{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tile_module_slideOut__c570d3e3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Tile_module_tile__c570d3e3{background-color:var(--light);border:1px solid var(--light-grey-border);border-radius:8px;box-sizing:border-box;font-family:var(--font-family);padding:0 0 2rem;transition-duration:.2s;transition-property:box-shadow;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Tile_module_tile__c570d3e3{transition-duration:.1ms}}.Tile_module_tile__c570d3e3:hover{box-shadow:0 3px 6px rgba(0,0,0,.29)}.Tile_module_tile__c570d3e3 header{align-items:center;display:flex}.Tile_module_tile__c570d3e3 header .Tile_module_icon__c570d3e3{padding:0 1rem}.Tile_module_tile__c570d3e3 figure{height:3rem;margin:0 0 1rem}.Tile_module_tile__c570d3e3 figure img{height:3rem;vertical-align:top;width:auto}.Tile_module_tile__c570d3e3 .Tile_module_placeholder__c570d3e3{color:var(--greyed-out);font-size:3rem;margin:0 0 1rem}.Tile_module_tile__c570d3e3 .Tile_module_content__c570d3e3{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 header{display:none}.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_image__c570d3e3{background-color:var(--skeleton-background-color);border-radius:.5rem;height:3rem;margin-top:2.5rem;overflow:hidden;position:relative;width:3rem}.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_image__c570d3e3:after{animation:Tile_module_shimmer__c570d3e3 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_image__c570d3e3:after{animation:none}}.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_title__c570d3e3{background-color:var(--skeleton-background-color);border-radius:.5rem;color:transparent;display:inline-block;overflow:hidden;position:relative;width:70%}.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_title__c570d3e3:after{animation:Tile_module_shimmer__c570d3e3 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Tile_module_tile__c570d3e3.Tile_module_loading__c570d3e3 .Tile_module_title__c570d3e3:after{animation:none}}@keyframes Tile_module_shimmer__c570d3e3{to{transform:translateX(100%)}}";
+var modules_5f01ab30 = {"sr-only":"Tile_module_srOnly__c570d3e3","hidden":"Tile_module_hidden__c570d3e3","slide-in":"Tile_module_slideIn__c570d3e3","slide-out":"Tile_module_slideOut__c570d3e3","tile":"Tile_module_tile__c570d3e3","icon":"Tile_module_icon__c570d3e3","placeholder":"Tile_module_placeholder__c570d3e3","content":"Tile_module_content__c570d3e3","loading":"Tile_module_loading__c570d3e3","image":"Tile_module_image__c570d3e3","shimmer":"Tile_module_shimmer__c570d3e3","title":"Tile_module_title__c570d3e3"};
 n(css$I,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
 /*
@@ -1484,8 +1536,8 @@ var ProgressBarComponent = function ProgressBarComponent(_ref, ref) {
 };
 var ProgressBar = /*#__PURE__*/React__default["default"].forwardRef(ProgressBarComponent);
 
-var css$E = ".Skeleton_module_srOnly__d1768d6c{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Skeleton_module_hidden__d1768d6c{display:none}.Skeleton_module_slideIn__d1768d6c{animation:Skeleton_module_slideIn__d1768d6c .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideIn__d1768d6c{animation-duration:.1ms}}.Skeleton_module_slideOut__d1768d6c{animation:Skeleton_module_slideOut__d1768d6c .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideOut__d1768d6c{animation-duration:.1ms}}@keyframes Skeleton_module_slideIn__d1768d6c{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton_module_slideOut__d1768d6c{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Skeleton_module_skeleton__d1768d6c{background-color:var(--disabled);display:block;height:auto;overflow:hidden;position:relative}.Skeleton_module_skeleton__d1768d6c:after{animation:Skeleton_module_shimmer__d1768d6c 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Skeleton_module_skeleton__d1768d6c:after{animation:none}}@keyframes Skeleton_module_shimmer__d1768d6c{to{transform:translateX(100%)}}.Skeleton_module_noHeight__d1768d6c:before{content:\" \";white-space:pre-wrap}.Skeleton_module_text__d1768d6c{border-radius:.5rem}.Skeleton_module_circular__d1768d6c{border-radius:50%}";
-var modules_1fe82d8f = {"sr-only":"Skeleton_module_srOnly__d1768d6c","hidden":"Skeleton_module_hidden__d1768d6c","slide-in":"Skeleton_module_slideIn__d1768d6c","slide-out":"Skeleton_module_slideOut__d1768d6c","skeleton":"Skeleton_module_skeleton__d1768d6c","shimmer":"Skeleton_module_shimmer__d1768d6c","no-height":"Skeleton_module_noHeight__d1768d6c","text":"Skeleton_module_text__d1768d6c","circular":"Skeleton_module_circular__d1768d6c"};
+var css$E = ".Skeleton_module_srOnly__162f2f27{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Skeleton_module_hidden__162f2f27{display:none}.Skeleton_module_slideIn__162f2f27{animation:Skeleton_module_slideIn__162f2f27 .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideIn__162f2f27{animation-duration:.1ms}}.Skeleton_module_slideOut__162f2f27{animation:Skeleton_module_slideOut__162f2f27 .5s forwards}@media (prefers-reduced-motion:reduce){.Skeleton_module_slideOut__162f2f27{animation-duration:.1ms}}@keyframes Skeleton_module_slideIn__162f2f27{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Skeleton_module_slideOut__162f2f27{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Skeleton_module_skeleton__162f2f27{background-color:var(--skeleton-background-color);display:block;height:auto;overflow:hidden;position:relative}.Skeleton_module_skeleton__162f2f27:after{animation:Skeleton_module_shimmer__162f2f27 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.Skeleton_module_skeleton__162f2f27:after{animation:none}}@keyframes Skeleton_module_shimmer__162f2f27{to{transform:translateX(100%)}}.Skeleton_module_noHeight__162f2f27:before{content:\" \";white-space:pre-wrap}.Skeleton_module_text__162f2f27{border-radius:.5rem}.Skeleton_module_circular__162f2f27{border-radius:50%}";
+var modules_1fe82d8f = {"sr-only":"Skeleton_module_srOnly__162f2f27","hidden":"Skeleton_module_hidden__162f2f27","slide-in":"Skeleton_module_slideIn__162f2f27","slide-out":"Skeleton_module_slideOut__162f2f27","skeleton":"Skeleton_module_skeleton__162f2f27","shimmer":"Skeleton_module_shimmer__162f2f27","no-height":"Skeleton_module_noHeight__162f2f27","text":"Skeleton_module_text__162f2f27","circular":"Skeleton_module_circular__162f2f27"};
 n(css$E,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
 var _excluded$H = ["variant", "height", "width", "className", "style"];
@@ -1542,12 +1594,12 @@ var StatusIndicatorComponent = function StatusIndicatorComponent(_ref, ref) {
 };
 var StatusIndicator = /*#__PURE__*/React__default["default"].forwardRef(StatusIndicatorComponent);
 
-var css$C = ".Pagination_module_paginationWrapper__feb96e23{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size)}.Pagination_module_paginationWrapper__feb96e23 label{margin-bottom:0}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_formElement__feb96e23{height:2.5rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_formElement__feb96e23 button{min-height:2.5rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_total__feb96e23{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_total__feb96e23 span>span{font-family:var(--font-family);font-size:var(--font-size);font-weight:700;margin-left:.25rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_next__feb96e23,.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_previous__feb96e23{align-items:center;display:flex}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_next__feb96e23 button,.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_previous__feb96e23 button{margin:.25rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_next__feb96e23 button span:before,.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_previous__feb96e23 button span:before{font-size:.75rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_perPage__feb96e23{align-items:center;display:none}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_page__feb96e23{align-items:center;display:flex;flex-basis:min-content}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pageSizeSelect__feb96e23{border-color:var(--light);margin:0 .25rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pageSizeSelect__feb96e23 button{min-width:3.4375rem;padding:0}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pageSizeSelect__feb96e23 button div[data-display]{left:.5rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pageSizeSelect__feb96e23 button div:not([data-display]){right:.5rem}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_currentValueInput__feb96e23{height:auto;margin:0 .25rem 0 0;padding:0}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_currentValueInput__feb96e23 input{border-radius:var(--input-border-radius);padding:0 1rem;text-align:center;width:auto}@media screen and (min-width:30em){.Pagination_module_paginationWrapper__feb96e23{flex-direction:row}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_total__feb96e23{justify-content:flex-start}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23{justify-content:flex-end;margin-top:0}.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_next__feb96e23 button,.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_pagination__feb96e23 .Pagination_module_previous__feb96e23 button{margin:0 .5rem}}@media screen and (min-width:48em){.Pagination_module_paginationWrapper__feb96e23 .Pagination_module_perPage__feb96e23{display:flex;margin-right:.5rem}}";
-var modules_e3c5bce1 = {"pagination-wrapper":"Pagination_module_paginationWrapper__feb96e23","form-element":"Pagination_module_formElement__feb96e23","total":"Pagination_module_total__feb96e23","pagination":"Pagination_module_pagination__feb96e23","previous":"Pagination_module_previous__feb96e23","next":"Pagination_module_next__feb96e23","per-page":"Pagination_module_perPage__feb96e23","page":"Pagination_module_page__feb96e23","page-size-select":"Pagination_module_pageSizeSelect__feb96e23","current-value-input":"Pagination_module_currentValueInput__feb96e23"};
+var css$C = ".Pagination_module_paginationWrapper__33412d71{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size)}.Pagination_module_paginationWrapper__33412d71 label{margin-bottom:0}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_formElement__33412d71{height:2.5rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_formElement__33412d71 button{min-height:2.5rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_total__33412d71{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_total__33412d71 span>span{font-family:var(--font-family);font-size:var(--font-size);font-weight:700;margin-left:.25rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_next__33412d71,.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_previous__33412d71{align-items:center;display:flex}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_next__33412d71 button,.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_previous__33412d71 button{margin:.25rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_next__33412d71 button span:before,.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_previous__33412d71 button span:before{font-size:.75rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_perPage__33412d71{align-items:center;display:none}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_page__33412d71{align-items:center;display:flex;flex-basis:min-content}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pageSizeSelect__33412d71{border-color:var(--light);margin:0 .25rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pageSizeSelect__33412d71 button{min-width:3.4375rem;padding:0}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pageSizeSelect__33412d71 button div[data-display]{left:.5rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pageSizeSelect__33412d71 button div:not([data-display]){right:.5rem}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_currentValueInput__33412d71{height:auto;margin:0 .25rem 0 0;padding:0}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_currentValueInput__33412d71 input{border-radius:var(--input-border-radius);padding:0 1rem;text-align:center;width:auto}@media screen and (min-width:30em){.Pagination_module_paginationWrapper__33412d71{flex-direction:row}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_total__33412d71{justify-content:flex-start}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71{justify-content:flex-end;margin-top:0}.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_next__33412d71 button,.Pagination_module_paginationWrapper__33412d71 .Pagination_module_pagination__33412d71 .Pagination_module_previous__33412d71 button{margin:0 .5rem}}@media screen and (min-width:48em){.Pagination_module_paginationWrapper__33412d71 .Pagination_module_perPage__33412d71{display:flex;margin-right:.5rem}}";
+var modules_e3c5bce1 = {"pagination-wrapper":"Pagination_module_paginationWrapper__33412d71","form-element":"Pagination_module_formElement__33412d71","total":"Pagination_module_total__33412d71","pagination":"Pagination_module_pagination__33412d71","previous":"Pagination_module_previous__33412d71","next":"Pagination_module_next__33412d71","per-page":"Pagination_module_perPage__33412d71","page":"Pagination_module_page__33412d71","page-size-select":"Pagination_module_pageSizeSelect__33412d71","current-value-input":"Pagination_module_currentValueInput__33412d71"};
 n(css$C,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
-var css$B = ".Input_module_srOnly__f1c1fe4e{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input_module_hidden__f1c1fe4e{display:none}.Input_module_slideIn__f1c1fe4e{animation:Input_module_slideIn__f1c1fe4e .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideIn__f1c1fe4e{animation-duration:.1ms}}.Input_module_slideOut__f1c1fe4e{animation:Input_module_slideOut__f1c1fe4e .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideOut__f1c1fe4e{animation-duration:.1ms}}@keyframes Input_module_slideIn__f1c1fe4e{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_module_slideOut__f1c1fe4e{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Input_module_inputWrapper__f1c1fe4e{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;height:4rem;padding:0 1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__f1c1fe4e{transition-duration:.1ms}}.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:active,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:focus,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:active~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:focus~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:hover~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill~.Input_module_outline__f1c1fe4e:after{border-radius:var(--input-border-radius);content:\"\";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:active~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:focus~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:hover~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill~.Input_module_outline__f1c1fe4e:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:active~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:focus~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill:hover~.Input_module_outline__f1c1fe4e:after,.Input_module_inputWrapper__f1c1fe4e input:-webkit-autofill~.Input_module_outline__f1c1fe4e:after{background-color:#faffbd}}.Input_module_inputWrapper__f1c1fe4e:hover .Input_module_outline__f1c1fe4e{border-color:var(--default)}.Input_module_inputWrapper__f1c1fe4e .Input_module_outline__f1c1fe4e.Input_module_disabled__f1c1fe4e{border-color:var(--light)}.Input_module_inputWrapper__f1c1fe4e .Input_module_outline__f1c1fe4e.Input_module_error__f1c1fe4e{border-color:var(--error)}.Input_module_inputWrapper__f1c1fe4e .Input_module_outline__f1c1fe4e.Input_module_focus__f1c1fe4e{border-width:var(--input-border-width-focus)}.Input_module_inputWrapper__f1c1fe4e .Input_module_outline__f1c1fe4e.Input_module_focus__f1c1fe4e:not(.Input_module_error__f1c1fe4e){border-color:var(--color-focus)}.Input_module_input__f1c1fe4e{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--greyed-out);font-family:var(--font-family);font-size:var(--font-size);height:4rem;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_input__f1c1fe4e{transition-duration:.1ms}}.Input_module_input__f1c1fe4e:not(.Input_module_shrinkWidthForDateIcon__f1c1fe4e){width:100%}.Input_module_input__f1c1fe4e:disabled{background-color:var(--disabled);cursor:not-allowed}.Input_module_input__f1c1fe4e.Input_module_shrinkWidthForDateIcon__f1c1fe4e{width:auto}.Input_module_input__f1c1fe4e:focus:not(:disabled){outline:none}.Input_module_outline__f1c1fe4e{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_outline__f1c1fe4e{transition-duration:.1ms}}.Input_module_error__f1c1fe4e input{color:var(--error);padding-right:3.5rem}.Input_module_error__f1c1fe4e input.Input_module_removeExtraIndent__f1c1fe4e{padding-right:0}.Input_module_warning__f1c1fe4e{align-items:center;color:var(--error);display:flex;font-size:1.125rem;height:100%;justify-content:center;position:absolute;right:1.25rem;top:0;width:1.25rem;z-index:2}.Input_module_warning__f1c1fe4e:before{height:1.3125rem}.Input_module_inputWrapper__f1c1fe4e [data-prefix],.Input_module_inputWrapper__f1c1fe4e [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__f1c1fe4e [data-prefix],.Input_module_inputWrapper__f1c1fe4e [data-suffix]{transition-duration:.1ms}}";
-var modules_23691de0 = {"sr-only":"Input_module_srOnly__f1c1fe4e","hidden":"Input_module_hidden__f1c1fe4e","slide-in":"Input_module_slideIn__f1c1fe4e","slide-out":"Input_module_slideOut__f1c1fe4e","input-wrapper":"Input_module_inputWrapper__f1c1fe4e","outline":"Input_module_outline__f1c1fe4e","disabled":"Input_module_disabled__f1c1fe4e","error":"Input_module_error__f1c1fe4e","focus":"Input_module_focus__f1c1fe4e","input":"Input_module_input__f1c1fe4e","shrink-width-for-date-icon":"Input_module_shrinkWidthForDateIcon__f1c1fe4e","remove-extra-indent":"Input_module_removeExtraIndent__f1c1fe4e","warning":"Input_module_warning__f1c1fe4e"};
+var css$B = ".Input_module_srOnly__7be90f8b{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input_module_hidden__7be90f8b{display:none}.Input_module_slideIn__7be90f8b{animation:Input_module_slideIn__7be90f8b .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideIn__7be90f8b{animation-duration:.1ms}}.Input_module_slideOut__7be90f8b{animation:Input_module_slideOut__7be90f8b .5s forwards}@media (prefers-reduced-motion:reduce){.Input_module_slideOut__7be90f8b{animation-duration:.1ms}}@keyframes Input_module_slideIn__7be90f8b{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input_module_slideOut__7be90f8b{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Input_module_inputWrapper__7be90f8b{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;height:4rem;padding:0 1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__7be90f8b{transition-duration:.1ms}}.Input_module_inputWrapper__7be90f8b input:-webkit-autofill,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:active,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:focus,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:active~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:focus~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:hover~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill~.Input_module_outline__7be90f8b:after{border-radius:var(--input-border-radius);content:\"\";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:active~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:focus~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:hover~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill~.Input_module_outline__7be90f8b:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:active~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:focus~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill:hover~.Input_module_outline__7be90f8b:after,.Input_module_inputWrapper__7be90f8b input:-webkit-autofill~.Input_module_outline__7be90f8b:after{background-color:#faffbd}}.Input_module_inputWrapper__7be90f8b:hover .Input_module_outline__7be90f8b{border-color:var(--default)}.Input_module_inputWrapper__7be90f8b .Input_module_outline__7be90f8b.Input_module_disabled__7be90f8b{border-color:var(--light)}.Input_module_inputWrapper__7be90f8b .Input_module_outline__7be90f8b.Input_module_error__7be90f8b{border-color:var(--error)}.Input_module_inputWrapper__7be90f8b .Input_module_outline__7be90f8b.Input_module_focus__7be90f8b{border-width:var(--input-border-width-focus)}.Input_module_inputWrapper__7be90f8b .Input_module_outline__7be90f8b.Input_module_focus__7be90f8b:not(.Input_module_error__7be90f8b){border-color:var(--color-focus)}.Input_module_input__7be90f8b{background-color:transparent;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--greyed-out);font-family:var(--font-family);font-size:var(--font-size);height:4rem;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_input__7be90f8b{transition-duration:.1ms}}.Input_module_input__7be90f8b:not(.Input_module_shrinkWidthForDateIcon__7be90f8b){width:100%}.Input_module_input__7be90f8b:disabled{background-color:var(--disabled);cursor:not-allowed}.Input_module_input__7be90f8b.Input_module_shrinkWidthForDateIcon__7be90f8b{width:auto}.Input_module_input__7be90f8b:focus:not(:disabled){outline:none}.Input_module_outline__7be90f8b{border-color:var(--light-grey-border);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input_module_outline__7be90f8b{transition-duration:.1ms}}.Input_module_error__7be90f8b input{color:var(--error);padding-right:3.5rem}.Input_module_error__7be90f8b input.Input_module_removeExtraIndent__7be90f8b{padding-right:0}.Input_module_warning__7be90f8b{align-items:center;color:var(--error);display:flex;font-size:1.125rem;height:100%;justify-content:center;position:absolute;right:1.25rem;top:0;width:1.25rem;z-index:2}.Input_module_warning__7be90f8b:before{height:1.3125rem}.Input_module_inputWrapper__7be90f8b [data-prefix],.Input_module_inputWrapper__7be90f8b [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input_module_inputWrapper__7be90f8b [data-prefix],.Input_module_inputWrapper__7be90f8b [data-suffix]{transition-duration:.1ms}}";
+var modules_23691de0 = {"sr-only":"Input_module_srOnly__7be90f8b","hidden":"Input_module_hidden__7be90f8b","slide-in":"Input_module_slideIn__7be90f8b","slide-out":"Input_module_slideOut__7be90f8b","input-wrapper":"Input_module_inputWrapper__7be90f8b","outline":"Input_module_outline__7be90f8b","disabled":"Input_module_disabled__7be90f8b","error":"Input_module_error__7be90f8b","focus":"Input_module_focus__7be90f8b","input":"Input_module_input__7be90f8b","shrink-width-for-date-icon":"Input_module_shrinkWidthForDateIcon__7be90f8b","remove-extra-indent":"Input_module_removeExtraIndent__7be90f8b","warning":"Input_module_warning__7be90f8b"};
 n(css$B,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
 var _excluded$F = ["error", "className", "name", "style", "wrapperProps", "type", "labeledBy", "prefix", "suffix", "disabled", "onFocus", "onBlur"];
@@ -1613,7 +1665,8 @@ var InputComponent = function InputComponent(_ref, ref) {
     type: type,
     name: name,
     disabled: disabled,
-    className: inputClassNames.join(" ")
+    className: inputClassNames.join(" "),
+    spellCheck: rest.spellCheck || false
   })), suffix && React__default["default"].createElement("div", {
     ref: suffixRef,
     "data-suffix": true,
@@ -2264,37 +2317,6 @@ var useRepeater = function useRepeater(_ref) {
   };
 };
 
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-var useDebouncedCallback = function useDebouncedCallback(callback, delay, dependencies) {
-  var timeout = React__default["default"].useRef();
-  var comboDeps = dependencies ? [callback, delay].concat(dependencies) : [callback, delay];
-  return React__default["default"].useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (timeout.current != null) {
-      clearTimeout(timeout.current);
-    }
-    timeout.current = setTimeout(function () {
-      callback.apply(void 0, args);
-    }, delay);
-  }, comboDeps);
-};
-
 var css$y = ".BaseModal_module_srOnly__6d413cba{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__6d413cba{display:none}.BaseModal_module_slideIn__6d413cba{animation:BaseModal_module_slideIn__6d413cba .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__6d413cba{animation-duration:.1ms}}.BaseModal_module_slideOut__6d413cba{animation:BaseModal_module_slideOut__6d413cba .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__6d413cba{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__6d413cba{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__6d413cba{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__6d413cba{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__6d413cba .BaseModal_module_backdrop__6d413cba{background-color:transparent;content:\"\";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__6d413cba .BaseModal_module_backdrop__6d413cba{transition-duration:.1ms}}.BaseModal_module_modal__6d413cba.BaseModal_module_visible__6d413cba{visibility:visible}.BaseModal_module_modal__6d413cba.BaseModal_module_visible__6d413cba .BaseModal_module_backdrop__6d413cba{background-color:var(--default);opacity:.75}.BaseModal_module_container__6d413cba{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:100%;width:100%;z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__6d413cba{border-radius:8px;box-shadow:0 30px 50px var(--modal-shadow-color);height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:50rem}}";
 var modules_cf1b230e = {"sr-only":"BaseModal_module_srOnly__6d413cba","hidden":"BaseModal_module_hidden__6d413cba","slide-in":"BaseModal_module_slideIn__6d413cba","slide-out":"BaseModal_module_slideOut__6d413cba","modal":"BaseModal_module_modal__6d413cba","backdrop":"BaseModal_module_backdrop__6d413cba","visible":"BaseModal_module_visible__6d413cba","container":"BaseModal_module_container__6d413cba"};
 n(css$y,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
@@ -4632,8 +4654,8 @@ var DataGridActionsComponent = function DataGridActionsComponent(_ref, ref) {
 };
 var DataGridActions = /*#__PURE__*/React__default["default"].forwardRef(DataGridActionsComponent);
 
-var css$2 = ".DataGridCell_module_srOnly__ef8303db{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_module_hidden__ef8303db{display:none}.DataGridCell_module_slideIn__ef8303db{animation:DataGridCell_module_slideIn__ef8303db .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideIn__ef8303db{animation-duration:.1ms}}.DataGridCell_module_slideOut__ef8303db{animation:DataGridCell_module_slideOut__ef8303db .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideOut__ef8303db{animation-duration:.1ms}}@keyframes DataGridCell_module_slideIn__ef8303db{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_module_slideOut__ef8303db{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell_module_cell__ef8303db{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell_module_cell__ef8303db:first-child{padding-left:1rem}.DataGridCell_module_cell__ef8303db:last-child{padding-right:1rem}.DataGridCell_module_cell__ef8303db .DataGridCell_module_loading__ef8303db{background-color:var(--disabled);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_module_cell__ef8303db .DataGridCell_module_loading__ef8303db:after{animation:DataGridCell_module_shimmer__ef8303db 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell_module_cell__ef8303db .DataGridCell_module_loading__ef8303db:after{animation:none}}@keyframes DataGridCell_module_shimmer__ef8303db{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_module_cell__ef8303db:first-child{padding-left:1.25rem}.DataGridCell_module_cell__ef8303db:last-child{padding-right:1.25rem}}";
-var modules_e636700c = {"sr-only":"DataGridCell_module_srOnly__ef8303db","hidden":"DataGridCell_module_hidden__ef8303db","slide-in":"DataGridCell_module_slideIn__ef8303db","slide-out":"DataGridCell_module_slideOut__ef8303db","cell":"DataGridCell_module_cell__ef8303db","loading":"DataGridCell_module_loading__ef8303db","shimmer":"DataGridCell_module_shimmer__ef8303db"};
+var css$2 = ".DataGridCell_module_srOnly__6229566a{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell_module_hidden__6229566a{display:none}.DataGridCell_module_slideIn__6229566a{animation:DataGridCell_module_slideIn__6229566a .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideIn__6229566a{animation-duration:.1ms}}.DataGridCell_module_slideOut__6229566a{animation:DataGridCell_module_slideOut__6229566a .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell_module_slideOut__6229566a{animation-duration:.1ms}}@keyframes DataGridCell_module_slideIn__6229566a{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell_module_slideOut__6229566a{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell_module_cell__6229566a{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell_module_cell__6229566a:first-child{padding-left:1rem}.DataGridCell_module_cell__6229566a:last-child{padding-right:1rem}.DataGridCell_module_cell__6229566a .DataGridCell_module_loading__6229566a{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell_module_cell__6229566a .DataGridCell_module_loading__6229566a:after{animation:DataGridCell_module_shimmer__6229566a 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell_module_cell__6229566a .DataGridCell_module_loading__6229566a:after{animation:none}}@keyframes DataGridCell_module_shimmer__6229566a{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell_module_cell__6229566a:first-child{padding-left:1.25rem}.DataGridCell_module_cell__6229566a:last-child{padding-right:1.25rem}}";
+var modules_e636700c = {"sr-only":"DataGridCell_module_srOnly__6229566a","hidden":"DataGridCell_module_hidden__6229566a","slide-in":"DataGridCell_module_slideIn__6229566a","slide-out":"DataGridCell_module_slideOut__6229566a","cell":"DataGridCell_module_cell__6229566a","loading":"DataGridCell_module_loading__6229566a","shimmer":"DataGridCell_module_shimmer__6229566a"};
 n(css$2,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
 
 var _excluded$3 = ["children", "className", "isLoading", "spacing", "cellIndex", "columnLength", "disableContextMenuColumn"];