labsense-ui-kit 1.3.3 → 1.3.5

package/dist/hooks/useCustomModal.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 interface UseModalProps {
     maxWidth?: string;
+    overflow?: string;
 }
-declare const useCustomModal: ({ maxWidth }: UseModalProps) => {
+declare const useCustomModal: ({ maxWidth, overflow }: UseModalProps) => {
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     createModal: (content: React.ReactNode) => React.JSX.Element;

package/dist/index.js

@@ -5430,27 +5430,33 @@ var useCopyToClipboard = function useCopyToClipboard() {
 
 var _templateObject, _templateObject2;
 var ModalOverlay = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(4px);\n"])));
-var ModalContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-height: 90vh;\n  max-width: ", ";\n  overflow-y: auto;\n  scrollbar-width: thin;\n"])), function (_ref) {
+var ModalContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-height: 90vh;\n  max-width: ", ";\n  overflow-y: ", ";\n  scrollbar-width: thin;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.vms.accent.light_1;
 }, function (_ref2) {
   var $maxWidth = _ref2.$maxWidth;
   return $maxWidth ? $maxWidth : '400px';
+}, function (_ref3) {
+  var $overflowY = _ref3.$overflowY;
+  return $overflowY ? $overflowY : 'auto';
 });
-var Modal = function Modal(_ref3) {
-  var isOpen = _ref3.isOpen,
-    maxWidth = _ref3.maxWidth,
-    children = _ref3.children;
+var Modal = function Modal(_ref4) {
+  var isOpen = _ref4.isOpen,
+    maxWidth = _ref4.maxWidth,
+    overflow = _ref4.overflow,
+    children = _ref4.children;
   if (!isOpen) return null;
   return React__default.createElement(ModalOverlay, null, React__default.createElement(ModalContainer, {
     "$maxWidth": maxWidth,
+    "$overflowY": overflow,
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
   }, children));
 };
-var useCustomModal = function useCustomModal(_ref4) {
-  var maxWidth = _ref4.maxWidth;
+var useCustomModal = function useCustomModal(_ref5) {
+  var maxWidth = _ref5.maxWidth,
+    overflow = _ref5.overflow;
   var _useState = React.useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
@@ -5467,7 +5473,8 @@ var useCustomModal = function useCustomModal(_ref4) {
   var createModal = function createModal(content) {
     return React__default.createElement(Modal, {
       isOpen: isOpen,
-      maxWidth: maxWidth
+      maxWidth: maxWidth,
+      overflow: overflow
     }, content);
   };
   return {