labsense-ui-kit 1.0.15 → 1.0.16

package/dist/hooks/useCustomModal.d.ts

@@ -1,19 +1,9 @@
 import React from 'react';
-interface IconProps {
-    size?: number;
-    weight?: string;
-    color?: string;
-}
 interface UseModalProps {
     maxWidth?: string;
-    iconProps?: IconProps;
-    icon?: boolean;
 }
-declare const useCustomModal: ({ maxWidth, iconProps, icon }: UseModalProps) => {
-    isOpen: boolean;
+declare const useCustomModal: ({ maxWidth }: UseModalProps) => {
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    openModal: (content: React.ReactNode) => void;
-    closeModal: () => void;
-    createModal: () => React.JSX.Element;
+    createModal: (content: React.ReactNode) => React.JSX.Element;
 };
 export default useCustomModal;

package/dist/index.js

@@ -2509,13 +2509,12 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
   }, [elCallback, elRef]);
 };
 
-var _templateObject$5, _templateObject2$4, _templateObject3$3;
-var ModalOverlay = styled__default.div(_templateObject$5 || (_templateObject$5 = _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  font-family: Noto Sans, sans-serif;\n  z-index: 9999;\n"])));
-var ModalContainer = styled__default.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-width: ", ";\n  position: relative;\n"])), colorVariables.accent.light, function (_ref) {
+var _templateObject$5, _templateObject2$4;
+var ModalOverlay = styled__default.div(_templateObject$5 || (_templateObject$5 = _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  font-family: Noto Sans, sans-serif;\n  z-index: 9999;\n  backdrop-filter: blur(4px);\n"])));
+var ModalContainer = styled__default.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-width: ", ";\n"])), colorVariables.accent.light, function (_ref) {
   var maxWidth = _ref.maxWidth;
-  return maxWidth ? maxWidth : '500px';
+  return maxWidth ? maxWidth : '400px';
 });
-var IconWrapper$1 = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 12px;\n  top: 12px;\n"])));
 var Modal = function Modal(_ref2) {
   var isOpen = _ref2.isOpen,
     maxWidth = _ref2.maxWidth,
@@ -2529,40 +2528,18 @@ var Modal = function Modal(_ref2) {
   }, children));
 };
 var useCustomModal = function useCustomModal(_ref3) {
-  var maxWidth = _ref3.maxWidth,
-    iconProps = _ref3.iconProps,
-    icon = _ref3.icon;
+  var maxWidth = _ref3.maxWidth;
   var _useState = React.useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
-  var _useState2 = React.useState(null),
-    modalContent = _useState2[0],
-    setModalContent = _useState2[1];
-  var openModal = function openModal(content) {
-    setModalContent(content);
-    setIsOpen(true);
-  };
-  var closeModal = function closeModal() {
-    setIsOpen(false);
-    setModalContent(null);
-  };
-  var createModal = function createModal() {
+  var createModal = function createModal(content) {
     return React__default.createElement(Modal, {
       isOpen: isOpen,
       maxWidth: maxWidth
-    }, icon && React__default.createElement(IconWrapper$1, null, React__default.createElement(Icon, {
-      icon: "CloseCircle",
-      size: (iconProps === null || iconProps === void 0 ? void 0 : iconProps.size) || 18,
-      weight: (iconProps === null || iconProps === void 0 ? void 0 : iconProps.weight) || '5px',
-      color: (iconProps === null || iconProps === void 0 ? void 0 : iconProps.color) || colorVariables.text.medium,
-      onClick: closeModal
-    })), modalContent);
+    }, content);
   };
   return {
-    isOpen: isOpen,
     setIsOpen: setIsOpen,
-    openModal: openModal,
-    closeModal: closeModal,
     createModal: createModal
   };
 };