@onewelcome/react-lib-components 8.10.0 → 8.11.1

package/dist/esm/Notifications/SideSheet/SideSheet.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.esm.js","sources":["../../../../../../src/components/Notifications/SideSheet/SideSheet.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SideSheet.module.scss\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends Omit<ModalProps, \"hideBackdrop\" | \"disableBackdrop\"> {\n  handleButtonProps?: {\n    onOpen: () => void;\n    onClose: () => void;\n    title?: string;\n  };\n}\n\nconst SideSheetComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, id, open, handleButtonProps, ...rest }: Props,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n  const handleTitle = handleButtonProps?.title ?? \"Side sheet handle\";\n  const handleButtonStyle = {\n    width: \"1.5rem\",\n    height: \"3.5rem\",\n    borderTopLeftRadius: \"4px\",\n    borderBottomLeftRadius: \"4px\"\n  };\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <>\n      {handleButtonProps && !open && (\n        <div className={classes[\"collapsed-sheet\"]}>\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              className={classes[\"handle-button\"]}\n              onClick={handleButtonProps.onOpen}\n              title={handleTitle}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        </div>\n      )}\n      <Modal\n        {...rest}\n        id={id}\n        open={controlledOpen}\n        className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n          !open ? classes[classHideOnTransition] : \"\"\n        }`}\n        containerProps={{ className: classes[\"container\"] }}\n        hideBackdrop={true}\n        onTransitionEnd={onTransitionEnd}\n        ref={ref ?? containerRef}\n      >\n        {handleButtonProps && (\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              title={handleTitle}\n              onClick={handleButtonProps.onClose}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </Modal>\n    </>\n  );\n};\n\nexport const SideSheet = React.forwardRef(SideSheetComponent);\n"],"names":["Modal"],"mappings":"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"}
+{"version":3,"file":"SideSheet.esm.js","sources":["../../../../../../src/components/Notifications/SideSheet/SideSheet.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SideSheet.module.scss\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends Omit<ModalProps, \"hideBackdrop\" | \"disableBackdrop\"> {\n  handleButtonProps?: {\n    onOpen: () => void;\n    onClose: () => void;\n    title?: string;\n  };\n}\n\nconst SideSheetComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, id, open, handleButtonProps, ...rest }: Props,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n  const handleTitle = handleButtonProps?.title ?? \"Side sheet handle\";\n  const handleButtonStyle = {\n    width: \"1.5rem\",\n    height: \"3.5rem\",\n    borderTopLeftRadius: \"4px\",\n    borderBottomLeftRadius: \"4px\"\n  };\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <>\n      {handleButtonProps && !open && (\n        <div className={classes[\"collapsed-sheet\"]}>\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              className={classes[\"handle-button\"]}\n              onClick={handleButtonProps.onOpen}\n              title={handleTitle}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        </div>\n      )}\n      <Modal\n        {...rest}\n        id={id}\n        open={controlledOpen}\n        className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n          !open ? classes[classHideOnTransition] : \"\"\n        }`}\n        containerProps={{ className: classes[\"container\"] }}\n        hideBackdrop={true}\n        onTransitionEnd={onTransitionEnd}\n        ref={ref ?? containerRef}\n      >\n        {handleButtonProps && (\n          <div className={classes[\"handle\"]}>\n            <IconButton\n              style={handleButtonStyle}\n              title={handleTitle}\n              onClick={handleButtonProps.onClose}\n            >\n              <Icon size=\"0.9rem\" icon={Icons.SideSheetHandle} />\n            </IconButton>\n          </div>\n        )}\n        {children}\n      </Modal>\n    </>\n  );\n};\n\nexport const SideSheet = React.forwardRef(SideSheetComponent);\n"],"names":["React","Modal"],"mappings":"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"}

package/dist/esm/Notifications/SideSheet/SideSheet.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_sr-only_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SideSheet_hidden_jzOEv{display:none}.SideSheet_slide-in_jzOEv{animation:SideSheet_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.SideSheet_slide-in_jzOEv{animation-duration:.1ms}}.SideSheet_slide-out_jzOEv{animation:SideSheet_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.SideSheet_slide-out_jzOEv{animation-duration:.1ms}}@keyframes SideSheet_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SideSheet_slide-out_jzOEv{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_slide-in-modal_jzOEv{justify-content:flex-end;left:auto;max-width:40rem;min-width:25rem;right:0;transform:translate(calc(100% - .5rem));transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible;width:33vw}@media (prefers-reduced-motion:reduce){.SideSheet_slide-in-modal_jzOEv{transition-duration:.1ms}}.SideSheet_slide-in-modal_jzOEv.SideSheet_hide_jzOEv{visibility:hidden}.SideSheet_slide-in-modal_jzOEv.SideSheet_visible_jzOEv{transform:translate(0);visibility:visible}.SideSheet_slide-in-modal_jzOEv.SideSheet_visible_jzOEv #SideSheet_backdrop-slide_jzOEv{background-color:initial}.SideSheet_handle_jzOEv{align-items:center;background-color:var(--modal-background-color);border-bottom-left-radius:4px;border-top-left-radius:4px;box-shadow:-4px 4px 5px 0 var(--side-sheet-shadow-color-one),-4px 3px 14px 0 var(--side-sheet-shadow-color-two),-4px 8px 10px 0 var(--side-sheet-shadow-color-two);display:flex;height:2.5rem;justify-content:center;left:calc(var(--font-size)*-1.5);padding:.5rem 0;position:absolute;top:13.25rem;width:1.5rem}.SideSheet_handle-button_jzOEv{transform:rotateY(180deg)}.SideSheet_collapsed-sheet_jzOEv{background-color:var(--modal-background-color);height:100vh;position:absolute;right:0;top:0;width:.5rem}.SideSheet_collapsed-sheet_jzOEv,.SideSheet_container_jzOEv{box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_container_jzOEv{border-radius:0;height:100%;margin-top:0;max-height:unset;width:50rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsd0JBQ0UsWUFDRixDQUVBLDBCQUNFLCtDQUNGLENBQ0EsdUNBQ0UsMEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDJCQUNFLGdEQUNGLENBQ0EsdUNBQ0UsMkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLG9DQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxxQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixnQ0FHRSx3QkFBeUIsQ0FEekIsU0FBVSxDQUlWLGVBQWdCLENBRmhCLGVBQWdCLENBSGhCLE9BQVEsQ0FPUix1Q0FBeUMsQ0FFekMsdUJBQXlCLENBRHpCLDZCQUE4QixDQUU5QixzQ0FBdUMsQ0FKdkMsa0JBQW1CLENBRm5CLFVBT0YsQ0FDQSx1Q0FDRSxnQ0FDRSx3QkFDRixDQUNGLENBQ0EscURBQ0UsaUJBQ0YsQ0FDQSx3REFFRSxzQkFBd0IsQ0FEeEIsa0JBRUYsQ0FDQSx3RkFDRSx3QkFDRixDQUVBLHdCQUtFLGtCQUFtQixDQU9uQiw4Q0FBK0MsQ0FEL0MsNkJBQThCLENBRDlCLDBCQUEyQixDQUczQixrS0FBMkssQ0FUM0ssWUFBYSxDQUliLGFBQWMsQ0FGZCxzQkFBdUIsQ0FIdkIsZ0NBQW1DLENBTW5DLGVBQWlCLENBUmpCLGlCQUFrQixDQUNsQixZQUFhLENBS2IsWUFPRixDQUVBLCtCQUNFLHlCQUNGLENBRUEsaUNBTUUsOENBQStDLENBRC9DLFlBQWEsQ0FKYixpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FFTixXQUlGLENBRUEsNERBSEUseUpBVUYsQ0FQQSwyQkFLRSxlQUFnQixDQUZoQixXQUFZLENBRlosWUFBYSxDQUdiLGdCQUFpQixDQUZqQixXQUtGIiwiZmlsZSI6IlNpZGVTaGVldC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2xpZGUtaW4tbW9kYWwge1xuICByaWdodDogMDtcbiAgbGVmdDogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgbWluLXdpZHRoOiAyNXJlbTtcbiAgd2lkdGg6IDMzdnc7XG4gIG1heC13aWR0aDogNDByZW07XG4gIHZpc2liaWxpdHk6IHZpc2libGU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMTAwJSAtIDAuNXJlbSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbi1tb2RhbCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1pbi1tb2RhbC5oaWRlIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwJSk7XG59XG4uc2xpZGUtaW4tbW9kYWwudmlzaWJsZSAjYmFja2Ryb3Atc2xpZGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLmhhbmRsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMy4yNXJlbTtcbiAgbGVmdDogY2FsYygtMS41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDIuNXJlbTtcbiAgcGFkZGluZzogMC41cmVtIDA7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogLTRweCA0cHggNXB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci1vbmUpLCAtNHB4IDNweCAxNHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pLCAtNHB4IDhweCAxMHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pO1xufVxuXG4uaGFuZGxlLWJ1dHRvbiB7XG4gIHRyYW5zZm9ybTogcm90YXRlWSgxODBkZWcpO1xufVxuXG4uY29sbGFwc2VkLXNoZWV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMC41cmVtO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHZhcigtLXNpZGUtc2hlZXQtc2hhZG93LWNvbG9yLW9uZSksIDBweCAzcHggMTRweCAwcHggdmFyKC0tc2lkZS1zaGVldC1zaGFkb3ctY29sb3ItdHdvKSwgMHB4IDhweCAxMHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pO1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luLXRvcDogMDtcbiAgd2lkdGg6IDUwcmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IHVuc2V0O1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDVweCAwcHggdmFyKC0tc2lkZS1zaGVldC1zaGFkb3ctY29sb3Itb25lKSwgMHB4IDNweCAxNHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pLCAwcHggOHB4IDEwcHggMHB4IHZhcigtLXNpZGUtc2hlZXQtc2hhZG93LWNvbG9yLXR3byk7XG59Il19 */";
-var classes = {"sr-only":"SideSheet_sr-only_jzOEv","hidden":"SideSheet_hidden_jzOEv","slide-in":"SideSheet_slide-in_jzOEv","slide-out":"SideSheet_slide-out_jzOEv","slide-in-modal":"SideSheet_slide-in-modal_jzOEv","hide":"SideSheet_hide_jzOEv","visible":"SideSheet_visible_jzOEv","backdrop-slide":"SideSheet_backdrop-slide_jzOEv","handle":"SideSheet_handle_jzOEv","handle-button":"SideSheet_handle-button_jzOEv","collapsed-sheet":"SideSheet_collapsed-sheet_jzOEv","container":"SideSheet_container_jzOEv"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_sr-only_P9Ljx{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SideSheet_hidden_P9Ljx{display:none}.SideSheet_slide-in_P9Ljx{animation:SideSheet_slide-in_P9Ljx .5s forwards}@media (prefers-reduced-motion:reduce){.SideSheet_slide-in_P9Ljx{animation-duration:.1ms}}.SideSheet_slide-out_P9Ljx{animation:SideSheet_slide-out_P9Ljx .5s forwards}@media (prefers-reduced-motion:reduce){.SideSheet_slide-out_P9Ljx{animation-duration:.1ms}}@keyframes SideSheet_slide-in_P9Ljx{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SideSheet_slide-out_P9Ljx{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_slide-in-modal_P9Ljx{justify-content:flex-end;left:auto;max-width:40rem;min-width:25rem;right:0;transform:translate(calc(100% - .5rem));transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible;width:33vw}@media (prefers-reduced-motion:reduce){.SideSheet_slide-in-modal_P9Ljx{transition-duration:.1ms}}.SideSheet_slide-in-modal_P9Ljx.SideSheet_hide_P9Ljx{visibility:hidden}.SideSheet_slide-in-modal_P9Ljx.SideSheet_visible_P9Ljx{transform:translate(0);visibility:visible}.SideSheet_slide-in-modal_P9Ljx.SideSheet_visible_P9Ljx #SideSheet_backdrop-slide_P9Ljx{background-color:initial}.SideSheet_handle_P9Ljx{align-items:center;background-color:var(--modal-background-color);border-bottom-left-radius:4px;border-top-left-radius:4px;box-shadow:-4px 4px 5px 0 var(--side-sheet-shadow-color-one),-4px 3px 14px 0 var(--side-sheet-shadow-color-two),-4px 8px 10px 0 var(--side-sheet-shadow-color-two);display:flex;height:2.5rem;justify-content:center;left:calc(var(--font-size)*-1.5);padding:.5rem 0;position:absolute;top:13.25rem;width:1.5rem}.SideSheet_handle-button_P9Ljx{transform:rotateY(180deg)}.SideSheet_collapsed-sheet_P9Ljx{background-color:var(--modal-background-color);height:100vh;position:absolute;right:0;top:0;width:.5rem}.SideSheet_collapsed-sheet_P9Ljx,.SideSheet_container_P9Ljx{box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_container_P9Ljx{border-radius:0;height:100%;margin-top:0;max-height:unset;width:50rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix5QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsd0JBQ0UsWUFDRixDQUVBLDBCQUNFLCtDQUNGLENBQ0EsdUNBQ0UsMEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDJCQUNFLGdEQUNGLENBQ0EsdUNBQ0UsMkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLG9DQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxxQ0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQUdFLHdCQUF5QixDQUR6QixTQUFVLENBSVYsZUFBZ0IsQ0FGaEIsZUFBZ0IsQ0FIaEIsT0FBUSxDQU9SLHVDQUF5QyxDQUV6Qyx1QkFBeUIsQ0FEekIsNkJBQThCLENBRTlCLHNDQUF1QyxDQUp2QyxrQkFBbUIsQ0FGbkIsVUFPRixDQUNBLHVDQUNFLGdDQUNFLHdCQUNGLENBQ0YsQ0FDQSxxREFDRSxpQkFDRixDQUNBLHdEQUVFLHNCQUF3QixDQUR4QixrQkFFRixDQUNBLHdGQUNFLHdCQUNGLENBRUEsd0JBS0Usa0JBQW1CLENBT25CLDhDQUErQyxDQUQvQyw2QkFBOEIsQ0FEOUIsMEJBQTJCLENBRzNCLGtLQUEySyxDQVQzSyxZQUFhLENBSWIsYUFBYyxDQUZkLHNCQUF1QixDQUh2QixnQ0FBbUMsQ0FNbkMsZUFBaUIsQ0FSakIsaUJBQWtCLENBQ2xCLFlBQWEsQ0FLYixZQU9GLENBRUEsK0JBQ0UseUJBQ0YsQ0FFQSxpQ0FNRSw4Q0FBK0MsQ0FEL0MsWUFBYSxDQUpiLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0FBTSxDQUVOLFdBSUYsQ0FFQSw0REFIRSx5SkFVRixDQVBBLDJCQUtFLGVBQWdCLENBRmhCLFdBQVksQ0FGWixZQUFhLENBR2IsZ0JBQWlCLENBRmpCLFdBS0YiLCJmaWxlIjoiU2lkZVNoZWV0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2xpZGUtaW4tbW9kYWwge1xuICByaWdodDogMDtcbiAgbGVmdDogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgbWluLXdpZHRoOiAyNXJlbTtcbiAgd2lkdGg6IDMzdnc7XG4gIG1heC13aWR0aDogNDByZW07XG4gIHZpc2liaWxpdHk6IHZpc2libGU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKGNhbGMoMTAwJSAtIDAuNXJlbSkpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbi1tb2RhbCB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1pbi1tb2RhbC5oaWRlIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUge1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwJSk7XG59XG4uc2xpZGUtaW4tbW9kYWwudmlzaWJsZSAjYmFja2Ryb3Atc2xpZGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLmhhbmRsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMy4yNXJlbTtcbiAgbGVmdDogY2FsYygtMS41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDIuNXJlbTtcbiAgcGFkZGluZzogMC41cmVtIDA7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweDtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogLTRweCA0cHggNXB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci1vbmUpLCAtNHB4IDNweCAxNHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pLCAtNHB4IDhweCAxMHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pO1xufVxuXG4uaGFuZGxlLWJ1dHRvbiB7XG4gIHRyYW5zZm9ybTogcm90YXRlWSgxODBkZWcpO1xufVxuXG4uY29sbGFwc2VkLXNoZWV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMC41cmVtO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA1cHggMHB4IHZhcigtLXNpZGUtc2hlZXQtc2hhZG93LWNvbG9yLW9uZSksIDBweCAzcHggMTRweCAwcHggdmFyKC0tc2lkZS1zaGVldC1zaGFkb3ctY29sb3ItdHdvKSwgMHB4IDhweCAxMHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pO1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luLXRvcDogMDtcbiAgd2lkdGg6IDUwcmVtO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IHVuc2V0O1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDVweCAwcHggdmFyKC0tc2lkZS1zaGVldC1zaGFkb3ctY29sb3Itb25lKSwgMHB4IDNweCAxNHB4IDBweCB2YXIoLS1zaWRlLXNoZWV0LXNoYWRvdy1jb2xvci10d28pLCAwcHggOHB4IDEwcHggMHB4IHZhcigtLXNpZGUtc2hlZXQtc2hhZG93LWNvbG9yLXR3byk7XG59Il19 */";
+var classes = {"sr-only":"SideSheet_sr-only_P9Ljx","hidden":"SideSheet_hidden_P9Ljx","slide-in":"SideSheet_slide-in_P9Ljx","slide-out":"SideSheet_slide-out_P9Ljx","slide-in-modal":"SideSheet_slide-in-modal_P9Ljx","hide":"SideSheet_hide_P9Ljx","visible":"SideSheet_visible_P9Ljx","backdrop-slide":"SideSheet_backdrop-slide_P9Ljx","handle":"SideSheet_handle_P9Ljx","handle-button":"SideSheet_handle-button_P9Ljx","collapsed-sheet":"SideSheet_collapsed-sheet_P9Ljx","container":"SideSheet_container_P9Ljx"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { BaseModalContent } from '../../BaseModal/BaseModalContent/BaseModalContent.esm.js';
 import classes from './SideSheetContent.module.scss.esm.js';
 
@@ -17,7 +17,7 @@ import classes from './SideSheetContent.module.scss.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const SideSheetContent = ({ className, ...rest }) => (React.createElement(BaseModalContent, { ...rest, className: `${classes["side-sheet-content"]} ${className}` }));
+const SideSheetContent = ({ className, ...rest }) => (React__default.createElement(BaseModalContent, { ...rest, className: `${classes["side-sheet-content"]} ${className}` }));
 
 export { SideSheetContent };
 //# sourceMappingURL=SideSheetContent.esm.js.map

package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetContent.esm.js","sources":["../../../../../../../src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalContent, Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\nimport classes from \"./SideSheetContent.module.scss\";\n\nexport const SideSheetContent: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalContent {...rest} className={`${classes[\"side-sheet-content\"]} ${className}`} />\n);\n\nexport { Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMI,MAAM,gBAAgB,GAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,MACtE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,CAAI;;;;"}
+{"version":3,"file":"SideSheetContent.esm.js","sources":["../../../../../../../src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalContent, Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\nimport classes from \"./SideSheetContent.module.scss\";\n\nexport const SideSheetContent: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalContent {...rest} className={`${classes[\"side-sheet-content\"]} ${className}`} />\n);\n\nexport { Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMI,MAAM,gBAAgB,GAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,MACtEA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,CAAI;;;;"}

package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".SideSheetContent_side-sheet-content_jzOEv{padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldENvbnRlbnQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUEsMkNBQ0UsY0FDRiIsImZpbGUiOiJTaWRlU2hlZXRDb250ZW50Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNpZGUtc2hlZXQtY29udGVudCB7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn0iXX0= */";
-var classes = {"side-sheet-content":"SideSheetContent_side-sheet-content_jzOEv"};
+var css_248z = ".SideSheetContent_side-sheet-content_P9Ljx{padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldENvbnRlbnQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUEsMkNBQ0UsY0FDRiIsImZpbGUiOiJTaWRlU2hlZXRDb250ZW50Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNpZGUtc2hlZXQtY29udGVudCB7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn0iXX0= */";
+var classes = {"side-sheet-content":"SideSheetContent_side-sheet-content_P9Ljx"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { BaseModalHeader } from '../../BaseModal/BaseModalHeader/BaseModalHeader.esm.js';
 import classes from './SideSheetHeader.module.scss.esm.js';
 
@@ -17,7 +17,7 @@ import classes from './SideSheetHeader.module.scss.esm.js';
  *    See the License for the specific language governing permissions and
  *    limitations under the License.
  */
-const SideSheetHeader = ({ className, ...rest }) => (React.createElement(BaseModalHeader, { ...rest, className: `${classes["side-sheet-header"]} ${className}` }));
+const SideSheetHeader = ({ className, ...rest }) => (React__default.createElement(BaseModalHeader, { ...rest, className: `${classes["side-sheet-header"]} ${className}` }));
 
 export { SideSheetHeader };
 //# sourceMappingURL=SideSheetHeader.esm.js.map

package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheetHeader.esm.js","sources":["../../../../../../../src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalHeader, Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\nimport classes from \"./SideSheetHeader.module.scss\";\n\nexport const SideSheetHeader: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalHeader {...rest} className={`${classes[\"side-sheet-header\"]} ${className}`} />\n);\n\nexport { Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMI,MAAM,eAAe,GAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,MACrE,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,CAAI;;;;"}
+{"version":3,"file":"SideSheetHeader.esm.js","sources":["../../../../../../../src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalHeader, Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\nimport classes from \"./SideSheetHeader.module.scss\";\n\nexport const SideSheetHeader: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalHeader {...rest} className={`${classes[\"side-sheet-header\"]} ${className}`} />\n);\n\nexport { Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAMI,MAAM,eAAe,GAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,MACrEA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,CAAI;;;;"}

package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".SideSheetHeader_side-sheet-header_jzOEv{padding:1rem 1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldEhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSx5Q0FDRSxtQkFDRiIsImZpbGUiOiJTaWRlU2hlZXRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2lkZS1zaGVldC1oZWFkZXIge1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn0iXX0= */";
-var classes = {"side-sheet-header":"SideSheetHeader_side-sheet-header_jzOEv"};
+var css_248z = ".SideSheetHeader_side-sheet-header_P9Ljx{padding:1rem 1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGVTaGVldEhlYWRlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQSx5Q0FDRSxtQkFDRiIsImZpbGUiOiJTaWRlU2hlZXRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc2lkZS1zaGVldC1oZWFkZXIge1xuICBwYWRkaW5nOiAxcmVtIDEuNXJlbTtcbn0iXX0= */";
+var classes = {"side-sheet-header":"SideSheetHeader_side-sheet-header_P9Ljx"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+import React__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { BaseModal } from '../BaseModal/BaseModal.esm.js';
 import classes from './SlideInModal.module.scss.esm.js';
 
@@ -35,9 +35,9 @@ const SlideInModalComponent = ({ children, id, open, ...rest }, ref) => {
     useEffect(() => {
         open && setControlledOpen(open);
     }, [open]);
-    return (React.createElement(BaseModal, { ...rest, id: id, open: controlledOpen, className: `${classes["slide-in-modal"]} ${open ? classes["visible"] : ""} ${!open ? classes[classHideOnTransition] : ""}`, containerProps: { className: classes["container"] }, backdropProps: { id: classes["backdrop-slide"] }, onTransitionEnd: onTransitionEnd, ref: ref !== null && ref !== void 0 ? ref : containerRef }, children));
+    return (React__default.createElement(BaseModal, { ...rest, id: id, open: controlledOpen, className: `${classes["slide-in-modal"]} ${open ? classes["visible"] : ""} ${!open ? classes[classHideOnTransition] : ""}`, containerProps: { className: classes["container"] }, backdropProps: { id: classes["backdrop-slide"] }, onTransitionEnd: onTransitionEnd, ref: ref !== null && ref !== void 0 ? ref : containerRef }, children));
 };
-const SlideInModal = React.forwardRef(SlideInModalComponent);
+const SlideInModal = React__default.forwardRef(SlideInModalComponent);
 
 export { SlideInModal };
 //# sourceMappingURL=SlideInModal.esm.js.map

package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInModal.esm.js","sources":["../../../../../../src/components/Notifications/SlideInModal/SlideInModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SlideInModal.module.scss\";\n\n/**\n * @deprecated use the new `SideSheet` component\n */\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <Modal\n      {...rest}\n      id={id}\n      open={controlledOpen}\n      className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n        !open ? classes[classHideOnTransition] : \"\"\n      }`}\n      containerProps={{ className: classes[\"container\"] }}\n      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["Modal"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH;;AAEG;AACH,MAAM,qBAAqB,GAAyD,CAClF,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAc,EAC3C,GAAG,KACD;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAElC,IAAA,MAAM,eAAe,GAA2C,WAAW,CACzE,CAAC,IAAG;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,EAAE;AACrC,YAAA,wBAAwB,CAAC,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;AACvD,YAAA,IAAI,CAAC,IAAI,IAAI,cAAc,EAAE;gBAC3B,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF;AACH,KAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAClC,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,SAAK,OACA,IAAI,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CAAI,CAAA,EAAA,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAA,CAAA,EACvE,CAAC,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,EAC3C,CAAA,CAAE,EACF,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,EACnD,aAAa,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAChD,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,aAAH,GAAG,KAAA,KAAA,CAAA,GAAH,GAAG,GAAI,YAAY,IAEvB,QAAQ,CACH,EACR;AACJ,CAAC,CAAC;AAIW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"SlideInModal.esm.js","sources":["../../../../../../src/components/Notifications/SlideInModal/SlideInModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SlideInModal.module.scss\";\n\n/**\n * @deprecated use the new `SideSheet` component\n */\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <Modal\n      {...rest}\n      id={id}\n      open={controlledOpen}\n      className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n        !open ? classes[classHideOnTransition] : \"\"\n      }`}\n      containerProps={{ className: classes[\"container\"] }}\n      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["React","Modal"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH;;AAEG;AACH,MAAM,qBAAqB,GAAyD,CAClF,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAc,EAC3C,GAAG,KACD;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAElC,IAAA,MAAM,eAAe,GAA2C,WAAW,CACzE,CAAC,IAAG;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,EAAE;AACrC,YAAA,wBAAwB,CAAC,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;AACvD,YAAA,IAAI,CAAC,IAAI,IAAI,cAAc,EAAE;gBAC3B,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF;AACH,KAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAClC,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,SAAK,OACA,IAAI,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CAAI,CAAA,EAAA,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAA,CAAA,EACvE,CAAC,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,EAC3C,CAAA,CAAE,EACF,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,EACnD,aAAa,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAChD,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,aAAH,GAAG,KAAA,KAAA,CAAA,GAAH,GAAG,GAAI,YAAY,IAEvB,QAAQ,CACH,EACR;AACJ,CAAC,CAAC;AAIW,MAAA,YAAY,GAAGD,cAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}

package/dist/esm/Notifications/SlideInModal/SlideInModal.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal_sr-only_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal_hidden_jzOEv{display:none}.SlideInModal_slide-in_jzOEv{animation:SlideInModal_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-in_jzOEv{animation-duration:.1ms}}.SlideInModal_slide-out_jzOEv{animation:SlideInModal_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-out_jzOEv{animation-duration:.1ms}}@keyframes SlideInModal_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_slide-out_jzOEv{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SlideInModal_slide-in-modal_jzOEv{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-in-modal_jzOEv{transition-duration:.1ms}}.SlideInModal_slide-in-modal_jzOEv.SlideInModal_hide_jzOEv{visibility:hidden}.SlideInModal_slide-in-modal_jzOEv.SlideInModal_visible_jzOEv{transform:translate(0);visibility:visible}#SlideInModal_backdrop-slide_jzOEv,.SlideInModal_slide-in-modal_jzOEv.SlideInModal_visible_jzOEv #SlideInModal_backdrop-slide_jzOEv{background-color:initial}@media only screen and (min-width:50rem){.SlideInModal_container_jzOEv{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsbUNBQ0Usd0JBQXlCLENBRXpCLHlCQUEwQixDQUUxQix1QkFBeUIsQ0FEekIsNkJBQThCLENBRTlCLHNDQUF1QyxDQUp2QyxrQkFLRixDQUNBLHVDQUNFLG1DQUNFLHdCQUNGLENBQ0YsQ0FDQSwyREFDRSxpQkFDRixDQUNBLDhEQUVFLHNCQUF3QixDQUR4QixrQkFFRixDQUtBLG9JQUNFLHdCQUNGLENBRUEseUNBQ0UsOEJBS0UsZUFBZ0IsQ0FDaEIsd0RBQXlELENBSHpELFdBQVksQ0FGWixZQUFhLENBR2IsZ0JBQWlCLENBRmpCLFdBS0YsQ0FDRiIsImZpbGUiOiJTbGlkZUluTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxMjAlKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4tbW9kYWwge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwuaGlkZSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zbGlkZS1pbi1tb2RhbC52aXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCUpO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUgI2JhY2tkcm9wLXNsaWRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbiNiYWNrZHJvcC1zbGlkZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwcmVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGJveC1zaGFkb3c6IDAgMS44NzVyZW0gMy4xMjVyZW0gdmFyKC0tbW9kYWwtc2hhZG93LWNvbG9yKTtcbiAgfVxufSJdfQ== */";
-var classes = {"sr-only":"SlideInModal_sr-only_jzOEv","hidden":"SlideInModal_hidden_jzOEv","slide-in":"SlideInModal_slide-in_jzOEv","slide-out":"SlideInModal_slide-out_jzOEv","slide-in-modal":"SlideInModal_slide-in-modal_jzOEv","hide":"SlideInModal_hide_jzOEv","visible":"SlideInModal_visible_jzOEv","backdrop-slide":"SlideInModal_backdrop-slide_jzOEv","container":"SlideInModal_container_jzOEv"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal_sr-only_P9Ljx{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal_hidden_P9Ljx{display:none}.SlideInModal_slide-in_P9Ljx{animation:SlideInModal_slide-in_P9Ljx .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-in_P9Ljx{animation-duration:.1ms}}.SlideInModal_slide-out_P9Ljx{animation:SlideInModal_slide-out_P9Ljx .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-out_P9Ljx{animation-duration:.1ms}}@keyframes SlideInModal_slide-in_P9Ljx{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_slide-out_P9Ljx{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal_slide-in-modal_P9Ljx{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal_slide-in-modal_P9Ljx{transition-duration:.1ms}}.SlideInModal_slide-in-modal_P9Ljx.SlideInModal_hide_P9Ljx{visibility:hidden}.SlideInModal_slide-in-modal_P9Ljx.SlideInModal_visible_P9Ljx{transform:translate(0);visibility:visible}#SlideInModal_backdrop-slide_P9Ljx,.SlideInModal_slide-in-modal_P9Ljx.SlideInModal_visible_P9Ljx #SlideInModal_backdrop-slide_P9Ljx{background-color:initial}@media only screen and (min-width:50rem){.SlideInModal_container_P9Ljx{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw0QkFPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsMkJBQ0UsWUFDRixDQUVBLDZCQUNFLGtEQUNGLENBQ0EsdUNBQ0UsNkJBQ0UsdUJBQ0YsQ0FDRixDQUVBLDhCQUNFLG1EQUNGLENBQ0EsdUNBQ0UsOEJBQ0UsdUJBQ0YsQ0FDRixDQUVBLHVDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSx3Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FFRixtQ0FDRSx3QkFBeUIsQ0FFekIseUJBQTBCLENBRTFCLHVCQUF5QixDQUR6Qiw2QkFBOEIsQ0FFOUIsc0NBQXVDLENBSnZDLGtCQUtGLENBQ0EsdUNBQ0UsbUNBQ0Usd0JBQ0YsQ0FDRixDQUNBLDJEQUNFLGlCQUNGLENBQ0EsOERBRUUsc0JBQXdCLENBRHhCLGtCQUVGLENBS0Esb0lBQ0Usd0JBQ0YsQ0FFQSx5Q0FDRSw4QkFLRSxlQUFnQixDQUNoQix3REFBeUQsQ0FIekQsV0FBWSxDQUZaLFlBQWEsQ0FHYixnQkFBaUIsQ0FGakIsV0FLRixDQUNGIiwiZmlsZSI6IlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4uc2xpZGUtaW4tbW9kYWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxMjAlKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4tbW9kYWwge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwuaGlkZSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zbGlkZS1pbi1tb2RhbC52aXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCUpO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUgI2JhY2tkcm9wLXNsaWRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbiNiYWNrZHJvcC1zbGlkZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwcmVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGJveC1zaGFkb3c6IDAgMS44NzVyZW0gMy4xMjVyZW0gdmFyKC0tbW9kYWwtc2hhZG93LWNvbG9yKTtcbiAgfVxufSJdfQ== */";
+var classes = {"sr-only":"SlideInModal_sr-only_P9Ljx","hidden":"SlideInModal_hidden_P9Ljx","slide-in":"SlideInModal_slide-in_P9Ljx","slide-out":"SlideInModal_slide-out_P9Ljx","slide-in-modal":"SlideInModal_slide-in-modal_P9Ljx","hide":"SlideInModal_hide_P9Ljx","visible":"SlideInModal_visible_P9Ljx","backdrop-slide":"SlideInModal_backdrop-slide_P9Ljx","container":"SlideInModal_container_P9Ljx"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Pagination/Pagination.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, Fragment } from 'react';
+import React__default, { useState, useEffect, Fragment } from 'react';
 import classes from './Pagination.module.scss.esm.js';
 import readyclasses from '../src/readyclasses.module.scss.esm.js';
 import { IconButton } from '../Button/IconButton.esm.js';
@@ -53,44 +53,44 @@ const PaginationComponent = ({ totalElements, pageSize = 10, translate = Default
     useEffect(() => {
         resetPageNoSelect && setResetPageNoSelect(false);
     }, [resetPageNoSelect]);
-    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["pagination-wrapper"]} ${className !== null && className !== void 0 ? className : ""}` },
-        React.createElement("div", { className: classes["left"] },
-            pageSize && (React.createElement("div", { className: classes["per-page"] },
-                React.createElement(Label, { id: "page-size-select-label", htmlFor: "page-size-select", className: classes["label"] }, translate.itemsPerPage),
-                React.createElement(Select, { name: "page-size-select", id: "page-size-select", labeledBy: "page-size-select-label", className: `${classes["form-element"]} ${classes["page-size-select"]}`, value: pageSize.toString(), onChange: onPageSizeChangeHandler },
-                    React.createElement(Option, { value: "10" }, "10"),
-                    React.createElement(Option, { value: "25" }, "25"),
-                    React.createElement(Option, { value: "50" }, "50")))),
-            totalElements && (React.createElement("div", { className: classes["total"] },
-                React.createElement("span", { tabIndex: 0 },
+    return (React__default.createElement("div", { ...rest, ref: ref, className: `${classes["pagination-wrapper"]} ${className !== null && className !== void 0 ? className : ""}` },
+        React__default.createElement("div", { className: classes["left"] },
+            pageSize && (React__default.createElement("div", { className: classes["per-page"] },
+                React__default.createElement(Label, { id: "page-size-select-label", htmlFor: "page-size-select", className: classes["label"] }, translate.itemsPerPage),
+                React__default.createElement(Select, { name: "page-size-select", id: "page-size-select", labeledBy: "page-size-select-label", className: `${classes["form-element"]} ${classes["page-size-select"]}`, value: pageSize.toString(), onChange: onPageSizeChangeHandler },
+                    React__default.createElement(Option, { value: "10" }, "10"),
+                    React__default.createElement(Option, { value: "25" }, "25"),
+                    React__default.createElement(Option, { value: "50" }, "50")))),
+            totalElements && (React__default.createElement("div", { className: classes["total"] },
+                React__default.createElement("span", { tabIndex: 0 },
                     totalElements,
                     "\u00A0",
                     translate.totalItems)))),
-        React.createElement("div", { className: classes["pagination"] },
-            React.createElement(Fragment, null,
-                totalElements && !!pagesAmount && (React.createElement("div", { className: classes["page"] },
-                    React.createElement(Label, { id: "current-value-input-label", htmlFor: "current-value-input", className: `${readyclasses["sr-only"]} ${classes["current-value-select-label"]}` }, translate.currentPageLabel),
-                    React.createElement(Select, { labeledBy: "current-value-input-label", key: "input", id: "current-value-input", size: currentPage.toString().length, onChange: (e) => onPageChangeHandler(Number(e.target.value)), name: "current-value-input", value: currentPage.toString(), className: `${classes["form-element"]} ${classes["current-page-select"]}`, search: {
+        React__default.createElement("div", { className: classes["pagination"] },
+            React__default.createElement(Fragment, null,
+                totalElements && !!pagesAmount && (React__default.createElement("div", { className: classes["page"] },
+                    React__default.createElement(Label, { id: "current-value-input-label", htmlFor: "current-value-input", className: `${readyclasses["sr-only"]} ${classes["current-value-select-label"]}` }, translate.currentPageLabel),
+                    React__default.createElement(Select, { labeledBy: "current-value-input-label", key: "input", id: "current-value-input", size: currentPage.toString().length, onChange: (e) => onPageChangeHandler(Number(e.target.value)), name: "current-value-input", value: currentPage.toString(), className: `${classes["form-element"]} ${classes["current-page-select"]}`, search: {
                             enabled: true,
                             searchInputProps: {
                                 wrapperProps: { className: classes["search-input-wrapper"] },
                                 reset: resetPageNoSelect ? resetPageNoSelect : undefined,
                                 autoComplete: "off"
                             }
-                        } }, Array.from(Array(pagesAmount).keys()).map(page => (React.createElement(Option, { key: page, value: (page + 1).toString() }, (page + 1).toString())))),
-                    React.createElement("span", { className: classes["page-total"] }, translate.currentPage.replace("%1", Math.ceil(totalElements / pageSize).toString())))),
-                !!currentPage && (React.createElement("div", { className: classes["previous"] },
-                    React.createElement(IconButton, { disabled: currentPage <= 1, title: "first", onClick: () => onPageChangeHandler(1), "data-paginate": "first" },
-                        React.createElement(Icon, { icon: Icons.NavigationFirst })),
-                    React.createElement(IconButton, { disabled: currentPage <= 1, title: "previous", onClick: () => onPageChangeHandler(currentPage - 1), "data-paginate": "previous" },
-                        React.createElement(Icon, { icon: Icons.ChevronLeft })))),
-                React.createElement("div", { className: classes["next"] },
-                    (currentPage !== undefined || false) && (React.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "next", onClick: () => onPageChangeHandler(currentPage + 1), "data-paginate": "next" },
-                        React.createElement(Icon, { icon: Icons.ChevronRight }))),
-                    !!(currentPage && totalElements) && (React.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "last", onClick: () => onPageChangeHandler(Math.ceil(totalElements / pageSize)), "data-paginate": "last" },
-                        React.createElement(Icon, { icon: Icons.NavigationLast }))))))));
+                        } }, Array.from(Array(pagesAmount).keys()).map(page => (React__default.createElement(Option, { key: page, value: (page + 1).toString() }, (page + 1).toString())))),
+                    React__default.createElement("span", { className: classes["page-total"] }, translate.currentPage.replace("%1", Math.ceil(totalElements / pageSize).toString())))),
+                !!currentPage && (React__default.createElement("div", { className: classes["previous"] },
+                    React__default.createElement(IconButton, { disabled: currentPage <= 1, title: "first", onClick: () => onPageChangeHandler(1), "data-paginate": "first" },
+                        React__default.createElement(Icon, { icon: Icons.NavigationFirst })),
+                    React__default.createElement(IconButton, { disabled: currentPage <= 1, title: "previous", onClick: () => onPageChangeHandler(currentPage - 1), "data-paginate": "previous" },
+                        React__default.createElement(Icon, { icon: Icons.ChevronLeft })))),
+                React__default.createElement("div", { className: classes["next"] },
+                    (currentPage !== undefined || false) && (React__default.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "next", onClick: () => onPageChangeHandler(currentPage + 1), "data-paginate": "next" },
+                        React__default.createElement(Icon, { icon: Icons.ChevronRight }))),
+                    !!(currentPage && totalElements) && (React__default.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "last", onClick: () => onPageChangeHandler(Math.ceil(totalElements / pageSize)), "data-paginate": "last" },
+                        React__default.createElement(Icon, { icon: Icons.NavigationLast }))))))));
 };
-const Pagination = React.forwardRef(PaginationComponent);
+const Pagination = React__default.forwardRef(PaginationComponent);
 
 export { Pagination };
 //# sourceMappingURL=Pagination.esm.js.map

package/dist/esm/Pagination/Pagination.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.esm.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) {\n      return 1;\n    }\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label\n              id=\"page-size-select-label\"\n              htmlFor=\"page-size-select\"\n              className={classes[\"label\"]}\n            >\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              name=\"page-size-select\"\n              id=\"page-size-select\"\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                search={{\n                  enabled: true,\n                  searchInputProps: {\n                    wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                    reset: resetPageNoSelect ? resetPageNoSelect : undefined,\n                    autoComplete: \"off\"\n                  }\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {(currentPage !== undefined || false) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AA2BH,IAAK,mBAMJ,CAAA;AAND,CAAA,UAAK,mBAAmB,EAAA;AACtB,IAAA,mBAAA,CAAA,YAAA,CAAA,GAAA,gBAA6B,CAAA;AAC7B,IAAA,mBAAA,CAAA,cAAA,CAAA,GAAA,gBAA+B,CAAA;AAC/B,IAAA,mBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,mBAAA,CAAA,mBAAA,CAAA,GAAA,iDAAqE,CAAA;AACrE,IAAA,mBAAA,CAAA,kBAAA,CAAA,GAAA,iCAAoD,CAAA;AACtD,CAAC,EANI,mBAAmB,KAAnB,mBAAmB,GAMvB,EAAA,CAAA,CAAA,CAAA;AAaD,MAAM,mBAAmB,GAAoD,CAC3E,EACE,aAAa,EACb,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,mBAAmB,EAC/B,WAAW,EACX,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,sBAAsB,GAAG,MAAK;QAClC,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,OAAO,CAAC,CAAC;SACV;QAED,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3C,YAAA,OAAO,CAAC,CAAC;SACV;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC;AAC7C,KAAC,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;IAC7C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAElE,IAAA,MAAM,uBAAuB,GAAG,CAAC,KAA2C,KAAI;QAC9E,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAa,CAAC;QAC9D,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,gBAAgB,CAAC,cAAc,CAAC,CAAC;AACnC,KAAC,CAAC;AAEF,IAAA,MAAM,mBAAmB,GAAG,CAAC,UAAkB,KAAI;QACjD,YAAY,CAAC,UAAU,CAAC,CAAC;AAC3B,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,iBAAiB,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;AACnD,KAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,QACE,gCAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;AACvF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAA;YAC5B,QAAQ,KACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAAA;gBACjC,KAAC,CAAA,aAAA,CAAA,KAAK,IACJ,EAAE,EAAC,wBAAwB,EAC3B,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,IAE1B,SAAS,CAAC,YAAY,CACjB;AACR,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,wBAAwB,EAClC,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,cAAc,CAAC,CAAI,CAAA,EAAA,OAAO,CAAC,kBAAkB,CAAC,CAAE,CAAA,EACtE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAC1B,QAAQ,EAAE,uBAAuB,EAAA;AAEjC,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAY,EAAA,IAAA,CAAA;AAC9B,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAY,EAAA,IAAA,CAAA;oBAC9B,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,KAAK,EAAC,IAAI,EAAY,EAAA,IAAA,CAAA,CACvB,CACL,CACP;YACA,aAAa,KACZ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAA;gBAC9B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,CAAC,EAAA;oBACd,aAAa;;AAAQ,oBAAA,SAAS,CAAC,UAAU,CACrC,CACH,CACP,CACG;AACN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAA;AACnC,YAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA;AACN,gBAAA,aAAa,IAAI,CAAC,CAAC,WAAW,KAC7B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAA;oBAC7B,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,EAAE,EAAC,2BAA2B,EAC9B,OAAO,EAAC,qBAAqB,EAC7B,SAAS,EAAE,CAAA,EAAG,YAAY,CAAC,SAAS,CAAC,CAAI,CAAA,EAAA,OAAO,CAAC,4BAA4B,CAAC,CAAA,CAAE,EAE/E,EAAA,SAAS,CAAC,gBAAgB,CACrB;AACR,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAC,OAAO,EACX,EAAE,EAAC,qBAAqB,EACxB,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EACnC,QAAQ,EAAE,CAAC,CAAuC,KAChD,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAE7C,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAC7B,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,cAAc,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,qBAAqB,CAAC,CAAE,CAAA,EACzE,MAAM,EAAE;AACN,4BAAA,OAAO,EAAE,IAAI;AACb,4BAAA,gBAAgB,EAAE;gCAChB,YAAY,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,sBAAsB,CAAC,EAAE;gCAC5D,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,SAAS;AACxD,gCAAA,YAAY,EAAE,KAAK;AACpB,6BAAA;yBACF,EAEA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,KAC7C,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,IAC5C,CAAC,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CACf,CACV,CAAC,CACK;AACT,oBAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EACnC,EAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAC5B,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAC/C,CACI,CACH,CACP;gBACA,CAAC,CAAC,WAAW,KACZ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,UAAU,CAAC,EAAA;oBAE/B,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,QAAQ,EAAE,WAAW,IAAI,CAAC,EAC1B,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,EAAA,eAAA,EACvB,OAAO,EAAA;wBAErB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,eAAe,GAAI,CAC1B;oBAGb,KAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,QAAQ,EAAE,WAAW,IAAI,CAAC,EAC1B,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,MAAM,mBAAmB,CAAC,WAAW,GAAG,CAAC,CAAC,EAAA,eAAA,EACrC,UAAU,EAAA;wBAExB,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,WAAW,EAAA,CAAI,CACtB,CAEX,CACP;AACD,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAA;AAC5B,oBAAA,CAAC,WAAW,KAAK,SAAS,IAAI,KAAK,MAClC,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,QAAQ,EAAE,WAAW,IAAI,WAAW,EACpC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,MAAM,mBAAmB,CAAC,WAAW,GAAG,CAAC,CAAC,mBACrC,MAAM,EAAA;wBAEpB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAI,CAAA,CACvB,CACd;AACA,oBAAA,CAAC,EAAE,WAAW,IAAI,aAAa,CAAC,KAC/B,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,QAAQ,EAAE,WAAW,IAAI,WAAW,EACpC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,MAAM,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,mBACzD,MAAM,EAAA;AAEpB,wBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,cAAc,EAAI,CAAA,CACzB,CACd,CACG,CACG,CACP,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"Pagination.esm.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) {\n      return 1;\n    }\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label\n              id=\"page-size-select-label\"\n              htmlFor=\"page-size-select\"\n              className={classes[\"label\"]}\n            >\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              name=\"page-size-select\"\n              id=\"page-size-select\"\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                search={{\n                  enabled: true,\n                  searchInputProps: {\n                    wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                    reset: resetPageNoSelect ? resetPageNoSelect : undefined,\n                    autoComplete: \"off\"\n                  }\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {(currentPage !== undefined || false) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["React"],"mappings":"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"}

package/dist/esm/Pagination/Pagination.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Pagination_pagination-wrapper_jzOEv{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-data-grid);justify-content:space-between;line-height:var(--data-grid-line-height)}.Pagination_pagination-wrapper_jzOEv .Pagination_left_jzOEv{display:flex}.Pagination_pagination-wrapper_jzOEv .Pagination_form-element_jzOEv{height:calc(var(--font-size)*2.5)}.Pagination_pagination-wrapper_jzOEv .Pagination_form-element_jzOEv .Pagination_search-input-wrapper_jzOEv{width:2.75rem}.Pagination_pagination-wrapper_jzOEv .Pagination_form-element_jzOEv button{min-height:calc(var(--font-size)*2.5)}.Pagination_pagination-wrapper_jzOEv .Pagination_total_jzOEv{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination_pagination-wrapper_jzOEv .Pagination_total_jzOEv span{color:var(--color-blue-grey500)}.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv .Pagination_next_jzOEv,.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv .Pagination_previous_jzOEv{align-items:center;display:flex}.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv .Pagination_next_jzOEv button span:before,.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv .Pagination_previous_jzOEv button span:before{font-size:var(--font-size-sub)}.Pagination_pagination-wrapper_jzOEv .Pagination_per-page_jzOEv{align-items:center;display:none}.Pagination_pagination-wrapper_jzOEv .Pagination_per-page_jzOEv label{color:var(--color-blue-grey900);font-size:var(--font-size-data-grid);font-weight:500;line-height:var(--data-grid-line-height)}.Pagination_pagination-wrapper_jzOEv .Pagination_per-page_jzOEv+.Pagination_total_jzOEv{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_pagination-wrapper_jzOEv .Pagination_page_jzOEv{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination_pagination-wrapper_jzOEv .Pagination_page-total_jzOEv{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination_pagination-wrapper_jzOEv .Pagination_page_jzOEv+.Pagination_previous_jzOEv{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_pagination-wrapper_jzOEv .Pagination_page-size-select_jzOEv{margin:0 .25rem}.Pagination_pagination-wrapper_jzOEv .Pagination_page-size-select_jzOEv button{min-width:calc(var(--font-size)*3.75);padding:0}.Pagination_pagination-wrapper_jzOEv .Pagination_page-size-select_jzOEv button div[data-display]{left:.5rem}.Pagination_pagination-wrapper_jzOEv .Pagination_page-size-select_jzOEv button div:not([data-display]){right:.5rem}.Pagination_current-page-select_jzOEv button{min-width:calc(var(--font-size)*3.75);padding:0}.Pagination_current-page-select_jzOEv button div[data-display]{left:.5rem}.Pagination_current-page-select_jzOEv button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination_pagination-wrapper_jzOEv{flex-direction:row}.Pagination_pagination-wrapper_jzOEv .Pagination_total_jzOEv{justify-content:flex-start}.Pagination_pagination-wrapper_jzOEv .Pagination_pagination_jzOEv{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination_pagination-wrapper_jzOEv .Pagination_per-page_jzOEv{display:flex;margin-right:1rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUlFLHVCQUF3QixDQUN4QixZQUFhLENBQ2IscUJBQXNCLENBTHRCLDhCQUErQixDQUMvQixvQ0FBcUMsQ0FLckMsNkJBQThCLENBSjlCLHdDQUtGLENBQ0EsNERBQ0UsWUFDRixDQUNBLG9FQUNFLGlDQUNGLENBQ0EsMkdBQ0UsYUFDRixDQUNBLDJFQUNFLHFDQUNGLENBQ0EsNkRBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixhQUFjLENBR2Qsc0JBQ0YsQ0FDQSxrRUFDRSwrQkFDRixDQUNBLGtFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUF1QixDQUN2QixlQUNGLENBQ0Esc0xBR0Usa0JBQW1CLENBRG5CLFlBRUYsQ0FDQSw0TkFFRSw4QkFDRixDQUNBLGdFQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0Esc0VBSUUsK0JBQWdDLENBSGhDLG9DQUFxQyxDQUVyQyxlQUFnQixDQURoQix3Q0FHRixDQUNBLHdGQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLDREQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0Esa0VBS0UsK0JBQWdDLENBSmhDLG9CQUFxQixDQUdyQixlQUFnQixDQUZoQixpQkFBbUIsQ0FDbkIsa0JBR0YsQ0FDQSx1RkFFRSwrQ0FBZ0QsQ0FEaEQscUJBRUYsQ0FDQSx3RUFDRSxlQUNGLENBQ0EsK0VBQ0UscUNBQXdDLENBQ3hDLFNBQ0YsQ0FDQSxpR0FDRSxVQUNGLENBQ0EsdUdBQ0UsV0FDRixDQUVBLDZDQUNFLHFDQUF3QyxDQUN4QyxTQUNGLENBQ0EsK0RBQ0UsVUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FFQSxtQ0FDRSxxQ0FDRSxrQkFDRixDQUNBLDZEQUNFLDBCQUNGLENBQ0Esa0VBRUUsd0JBQXlCLENBRHpCLFlBRUYsQ0FDRixDQUNBLG1DQUNFLGdFQUNFLFlBQWEsQ0FDYixpQkFDRixDQUNGIiwiZmlsZSI6IlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5wYWdpbmF0aW9uLXdyYXBwZXIge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5sZWZ0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCB7XG4gIGhlaWdodDogY2FsYygyLjUgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCAuc2VhcmNoLWlucHV0LXdyYXBwZXIge1xuICB3aWR0aDogMi43NXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCBidXR0b24ge1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwge1xuICBmbGV4OiAxIDAgYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC50b3RhbCBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAucHJldmlvdXMsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzIGJ1dHRvbiBzcGFuOmJlZm9yZSxcbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLm5leHQgYnV0dG9uIHNwYW46YmVmb3JlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtc3ViKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIGxhYmVsIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2UgKyAudG90YWwge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtYmFzaXM6IG1pbi1jb250ZW50O1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS10b3RhbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlICsgLnByZXZpb3VzIHtcbiAgcGFkZGluZy1sZWZ0OiAwLjkzNzVyZW07XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3Qge1xuICBtYXJnaW46IDAgMC4yNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiBjYWxjKDMuNzUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgcGFkZGluZzogMDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24gZGl2Om5vdChbZGF0YS1kaXNwbGF5XSkge1xuICByaWdodDogMC41cmVtO1xufVxuXG4uY3VycmVudC1wYWdlLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IGNhbGMoMy43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */";
-var classes = {"pagination-wrapper":"Pagination_pagination-wrapper_jzOEv","left":"Pagination_left_jzOEv","form-element":"Pagination_form-element_jzOEv","search-input-wrapper":"Pagination_search-input-wrapper_jzOEv","total":"Pagination_total_jzOEv","pagination":"Pagination_pagination_jzOEv","previous":"Pagination_previous_jzOEv","next":"Pagination_next_jzOEv","per-page":"Pagination_per-page_jzOEv","page":"Pagination_page_jzOEv","page-total":"Pagination_page-total_jzOEv","page-size-select":"Pagination_page-size-select_jzOEv","current-page-select":"Pagination_current-page-select_jzOEv"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Pagination_pagination-wrapper_P9Ljx{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-data-grid);justify-content:space-between;line-height:var(--data-grid-line-height)}.Pagination_pagination-wrapper_P9Ljx .Pagination_left_P9Ljx{display:flex}.Pagination_pagination-wrapper_P9Ljx .Pagination_form-element_P9Ljx{height:calc(var(--font-size)*2.5)}.Pagination_pagination-wrapper_P9Ljx .Pagination_form-element_P9Ljx .Pagination_search-input-wrapper_P9Ljx{width:2.75rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_form-element_P9Ljx button{min-height:calc(var(--font-size)*2.5)}.Pagination_pagination-wrapper_P9Ljx .Pagination_total_P9Ljx{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination_pagination-wrapper_P9Ljx .Pagination_total_P9Ljx span{color:var(--color-blue-grey500)}.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx .Pagination_next_P9Ljx,.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx .Pagination_previous_P9Ljx{align-items:center;display:flex}.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx .Pagination_next_P9Ljx button span:before,.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx .Pagination_previous_P9Ljx button span:before{font-size:var(--font-size-sub)}.Pagination_pagination-wrapper_P9Ljx .Pagination_per-page_P9Ljx{align-items:center;display:none}.Pagination_pagination-wrapper_P9Ljx .Pagination_per-page_P9Ljx label{color:var(--color-blue-grey900);font-size:var(--font-size-data-grid);font-weight:500;line-height:var(--data-grid-line-height)}.Pagination_pagination-wrapper_P9Ljx .Pagination_per-page_P9Ljx+.Pagination_total_P9Ljx{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_page_P9Ljx{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_page-total_P9Ljx{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination_pagination-wrapper_P9Ljx .Pagination_page_P9Ljx+.Pagination_previous_P9Ljx{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_page-size-select_P9Ljx{margin:0 .25rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_page-size-select_P9Ljx button{min-width:calc(var(--font-size)*3.75);padding:0}.Pagination_pagination-wrapper_P9Ljx .Pagination_page-size-select_P9Ljx button div[data-display]{left:.5rem}.Pagination_pagination-wrapper_P9Ljx .Pagination_page-size-select_P9Ljx button div:not([data-display]){right:.5rem}.Pagination_current-page-select_P9Ljx button{min-width:calc(var(--font-size)*3.75);padding:0}.Pagination_current-page-select_P9Ljx button div[data-display]{left:.5rem}.Pagination_current-page-select_P9Ljx button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination_pagination-wrapper_P9Ljx{flex-direction:row}.Pagination_pagination-wrapper_P9Ljx .Pagination_total_P9Ljx{justify-content:flex-start}.Pagination_pagination-wrapper_P9Ljx .Pagination_pagination_P9Ljx{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination_pagination-wrapper_P9Ljx .Pagination_per-page_P9Ljx{display:flex;margin-right:1rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHFDQUlFLHVCQUF3QixDQUN4QixZQUFhLENBQ2IscUJBQXNCLENBTHRCLDhCQUErQixDQUMvQixvQ0FBcUMsQ0FLckMsNkJBQThCLENBSjlCLHdDQUtGLENBQ0EsNERBQ0UsWUFDRixDQUNBLG9FQUNFLGlDQUNGLENBQ0EsMkdBQ0UsYUFDRixDQUNBLDJFQUNFLHFDQUNGLENBQ0EsNkRBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixhQUFjLENBR2Qsc0JBQ0YsQ0FDQSxrRUFDRSwrQkFDRixDQUNBLGtFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUF1QixDQUN2QixlQUNGLENBQ0Esc0xBR0Usa0JBQW1CLENBRG5CLFlBRUYsQ0FDQSw0TkFFRSw4QkFDRixDQUNBLGdFQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0Esc0VBSUUsK0JBQWdDLENBSGhDLG9DQUFxQyxDQUVyQyxlQUFnQixDQURoQix3Q0FHRixDQUNBLHdGQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLDREQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0Esa0VBS0UsK0JBQWdDLENBSmhDLG9CQUFxQixDQUdyQixlQUFnQixDQUZoQixpQkFBbUIsQ0FDbkIsa0JBR0YsQ0FDQSx1RkFFRSwrQ0FBZ0QsQ0FEaEQscUJBRUYsQ0FDQSx3RUFDRSxlQUNGLENBQ0EsK0VBQ0UscUNBQXdDLENBQ3hDLFNBQ0YsQ0FDQSxpR0FDRSxVQUNGLENBQ0EsdUdBQ0UsV0FDRixDQUVBLDZDQUNFLHFDQUF3QyxDQUN4QyxTQUNGLENBQ0EsK0RBQ0UsVUFDRixDQUNBLHFFQUNFLFdBQ0YsQ0FFQSxtQ0FDRSxxQ0FDRSxrQkFDRixDQUNBLDZEQUNFLDBCQUNGLENBQ0Esa0VBRUUsd0JBQXlCLENBRHpCLFlBRUYsQ0FDRixDQUNBLG1DQUNFLGdFQUNFLFlBQWEsQ0FDYixpQkFDRixDQUNGIiwiZmlsZSI6IlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5wYWdpbmF0aW9uLXdyYXBwZXIge1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5sZWZ0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCB7XG4gIGhlaWdodDogY2FsYygyLjUgKiB2YXIoLS1mb250LXNpemUpKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCAuc2VhcmNoLWlucHV0LXdyYXBwZXIge1xuICB3aWR0aDogMi43NXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCBidXR0b24ge1xuICBtaW4taGVpZ2h0OiBjYWxjKDIuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwge1xuICBmbGV4OiAxIDAgYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC50b3RhbCBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAucHJldmlvdXMsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzIGJ1dHRvbiBzcGFuOmJlZm9yZSxcbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLm5leHQgYnV0dG9uIHNwYW46YmVmb3JlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtc3ViKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIGxhYmVsIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZGF0YS1ncmlkKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRhdGEtZ3JpZC1saW5lLWhlaWdodCk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2UgKyAudG90YWwge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtYmFzaXM6IG1pbi1jb250ZW50O1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS10b3RhbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlICsgLnByZXZpb3VzIHtcbiAgcGFkZGluZy1sZWZ0OiAwLjkzNzVyZW07XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3Qge1xuICBtYXJnaW46IDAgMC4yNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiBjYWxjKDMuNzUgKiB2YXIoLS1mb250LXNpemUpKTtcbiAgcGFkZGluZzogMDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24gZGl2Om5vdChbZGF0YS1kaXNwbGF5XSkge1xuICByaWdodDogMC41cmVtO1xufVxuXG4uY3VycmVudC1wYWdlLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IGNhbGMoMy43NSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"pagination-wrapper":"Pagination_pagination-wrapper_P9Ljx","left":"Pagination_left_P9Ljx","form-element":"Pagination_form-element_P9Ljx","search-input-wrapper":"Pagination_search-input-wrapper_P9Ljx","total":"Pagination_total_P9Ljx","pagination":"Pagination_pagination_P9Ljx","previous":"Pagination_previous_P9Ljx","next":"Pagination_next_P9Ljx","per-page":"Pagination_per-page_P9Ljx","page":"Pagination_page_P9Ljx","page-total":"Pagination_page-total_P9Ljx","page-size-select":"Pagination_page-size-select_P9Ljx","current-page-select":"Pagination_current-page-select_P9Ljx"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Popover/Popover.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import { usePosition } from '../src/hooks/usePosition.esm.js';
 import classes from './Popover.module.scss.esm.js';
 
@@ -73,15 +73,15 @@ const PopoverComponent = ({ children, className, show, placement, offset, deboun
             }
         }
     }, [top, left, right, bottom]);
-    return (React.createElement("div", { ref: ref, ...rest },
-        React.createElement("div", { ref: elToBePositioned, className: `${classes.popover} ${className !== null && className !== void 0 ? className : ""} ${showPopover ? classes.show : ""}`, style: {
+    return (React__default.createElement("div", { ref: ref, ...rest },
+        React__default.createElement("div", { ref: elToBePositioned, className: `${classes.popover} ${className !== null && className !== void 0 ? className : ""} ${showPopover ? classes.show : ""}`, style: {
                 top: normalizePosition(top),
                 left: normalizePosition(left),
                 right: normalizePosition(right),
                 bottom: normalizePosition(bottom)
             } }, children)));
 };
-const Popover = React.forwardRef(PopoverComponent);
+const Popover = React__default.forwardRef(PopoverComponent);
 
 export { Popover };
 //# sourceMappingURL=Popover.esm.js.map